.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(48px,5vw,88px);padding-bottom:clamp(40px,4vw,64px)}
.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:clamp(20px,4vw,70px)}
.hero-txt{position:relative;z-index:1}
.hero h1{font-size:clamp(42px,6vw,96px)}
.avatar-visual{position:relative;align-self:stretch;min-height:550px}
.avatar-scene{position:absolute;inset:0 0 30px;pointer-events:none;user-select:none}
.avatar-scene:before{content:"";position:absolute;inset:12% -18%;background:radial-gradient(ellipse,rgba(169,108,54,.09),transparent 67%)}
.avatar-poster,.avatar-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.avatar-canvas{opacity:0;transition:opacity .35s}
.avatar-scene[data-ready="true"] .avatar-canvas{opacity:1}
.avatar-scene[data-ready="true"] .avatar-poster{opacity:0}
.avatar-toggle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px var(--mono);border:0;border-bottom:1px solid var(--ink-20);background:transparent;color:var(--ink-60);padding:6px 0;cursor:pointer}
.avatar-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(42px,8vw,68px)}.avatar-visual{min-height:0;height:350px;max-width:100%;margin-top:6px}.avatar-scene{inset:0}.avatar-canvas,.avatar-toggle{display:none!important}.avatar-scene .avatar-poster{opacity:1!important}.hero .meta{gap:14px 24px}.hero{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.avatar-canvas{transition:none}}