/* Local about redesign: one bounded portrait/story composition; the existing
   Space Grotesk, olive palette, heading scale and interaction system remain. */
.tamer-about::before{content:'';position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:linear-gradient(125deg,#24342d 8%,#303d30 36%,#526046 62%,#2b4038 85%);background-size:100% 100%;filter:none;opacity:1;animation:about-olive-light 20s ease-in-out infinite alternate;animation-play-state:paused}
.tamer-about.background-visible:not(.background-paused):not(.background-hidden)::before{animation-play-state:running}
.tamer-about.background-hidden::before{animation-play-state:paused!important}
@keyframes about-olive-light{from{transform:translate(-9%,-6%) rotate(-8deg) scale(1.05)}to{transform:translate(9%,6%) rotate(8deg) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.tamer-about::before{animation:none;transform:none}}
.tamer-about .tamer-about-grid{width:100%;max-width:1120px;margin-inline:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4.5vw,68px);align-items:center}
.tamer-about .tamer-identity{position:relative;max-width:none;overflow:hidden;align-self:stretch;min-height:420px}
.tamer-about .tamer-portrait{height:100%;width:100%;position:absolute;inset:0;aspect-ratio:auto;object-fit:cover;object-position:35% 46%}
.tamer-about .tamer-signature{position:absolute;inset:auto 0 0;margin:0;padding:64px 24px 22px;background:linear-gradient(transparent,rgba(15,22,17,.83));color:#f5f2ea;align-items:end}
.tamer-about .tamer-signature img{width:110px;flex-shrink:0}
.tamer-about .tamer-signature p{margin:0;color:#f5f2ea;font-size:12px;line-height:1.5;text-align:right}
.tamer-about .tamer-story{padding-block:8px}
.tamer-about .tamer-story .tamer-role{margin:0 0 20px;font-size:12px;line-height:1.4;color:#cfd4ad}
.tamer-about .tamer-story h2{margin:0}
.tamer-about .tamer-story .tamer-intro{margin:24px 0 20px;font-size:clamp(20px,1.7vw,25px);line-height:1.35;color:#f5f2ea}
.tamer-about .tamer-story>p:not(.tamer-role):not(.tamer-intro){font-size:15px;line-height:1.65;margin-top:14px;max-width:49ch}
.tamer-about .tamer-actions{margin-top:28px;gap:24px}
.tamer-about .tamer-actions .button{padding:16px 20px;font-size:14px}
.tamer-about .tamer-experience{width:100%;max-width:1120px;margin:32px auto 0;padding-top:14px}
.tamer-about .brand-window{margin-top:12px}
.tamer-about .brand-set li{height:62px}
.tamer-about .tamer-motion-toggle{bottom:5px;opacity:.7}
@media(min-width:861px){
 .scroll-chapter>.tamer-about{padding-top:calc(var(--menu-height,86px) + 32px);padding-bottom:32px}
}
@media(max-width:860px){
 .tamer-about .tamer-about-grid{grid-template-columns:1fr;gap:30px;max-width:540px}
 .tamer-about .tamer-identity{min-height:0;height:380px}
 .tamer-about .tamer-story{padding:0}
 .tamer-about .tamer-story .tamer-role{margin-bottom:14px}
 .tamer-about .tamer-story .tamer-intro{margin-block:20px 16px}
 .tamer-about .tamer-experience{max-width:540px;margin-top:32px}
 .tamer-about .tamer-actions{gap:20px}
}