.avatar-figure{z-index:3;perspective:1100px}
.avatar-stage{position:relative;width:100%;height:calc(100% - 65px);min-height:0;background:none;border:0;padding:0;cursor:grab;touch-action:pan-y;user-select:none;color:inherit;-webkit-tap-highlight-color:transparent}
.avatar-stage:active{cursor:grabbing}
.avatar-stage:focus-visible{outline:1px solid #f6b394;outline-offset:8px;border-radius:20px}
.avatar-depth{position:absolute;inset:0;display:block;transform:rotateX(var(--avatar-x,0deg)) rotateY(var(--avatar-y,0deg));transform-style:preserve-3d;transition:transform .35s ease}
.avatar-stage.dragging .avatar-depth{transition:none}
.avatar-figure .avatar-depth img{position:absolute;inset:0;animation:none;pointer-events:none;transition:opacity .4s ease;filter:drop-shadow(12px 20px 26px #0005)}
.avatar-pose{opacity:0}
.avatar-stage[aria-pressed=true] .avatar-idle{opacity:0}
.avatar-stage[aria-pressed=true] .avatar-pose{opacity:1}
.avatar-controls{display:flex;align-items:center;justify-content:space-between;width:75%;gap:12px;font-size:11px;color:#c9cdbf;padding:12px 0 6px;border-top:1px solid #b8c4a92a}
.avatar-reset{border:1px solid #b8c4a940;border-radius:20px;background:#ffffff05;color:#edeee6;padding:7px 13px;cursor:pointer;font:inherit}
.avatar-reset:hover{border-color:#f6b394;color:#f6b394}
.avatar-orbit{transform:perspective(800px) rotateX(65deg) rotateZ(-18deg);bottom:-160px;box-shadow:0 0 100px #fb683e05,inset 0 0 70px #b8c4a905}
.project-grid .project-visual-link{overflow:visible;perspective:1000px}
.project-grid .project-art{transition:transform .22s ease,filter .3s ease,box-shadow .3s ease}
.project-grid .project-visual-link:hover .project-art{box-shadow:0 20px 32px -20px #1a2c2960}
.paused .avatar-depth{transform:none!important}
.paused .avatar-depth img{transition:none}
@media(min-width:701px){.avatar-hero .hero-content{pointer-events:none}.avatar-hero .hero-content a{pointer-events:auto}}
@media(max-width:700px){.avatar-controls,.avatar-figure figcaption{width:85%}.avatar-figure{height:440px;bottom:100px}.avatar-orbit{bottom:-80px}.avatar-controls{font-size:10px}}
@media(prefers-reduced-motion:reduce){.avatar-depth{transform:none!important;transition:none}.avatar-figure .avatar-depth img{transition:none}}

/* Keep project evidence aligned without changing the original cover framing. */
.project-grid{align-items:stretch}
.project-grid .project{display:flex;flex-direction:column;min-width:0}
.project-grid .project-heading{align-items:flex-start;gap:16px}
.project-grid .project>p{max-width:none;line-height:1.85;min-height:3.7em}
.project-facts{margin:24px 0 0;padding:18px 0 6px;border-top:1px solid var(--line);font-size:12px}
.project-facts>div{display:grid;grid-template-columns:72px 1fr;gap:12px;margin-bottom:12px}
.project-facts dt{color:var(--muted);font-size:11px}
.project-facts dd{margin:0;color:var(--ink);line-height:1.65}
.project-grid .project-entry{margin-top:auto;min-height:52px;align-items:center;font-weight:500}
.project-entry span{transition:transform .25s var(--ease)}
.project-entry:hover span{transform:translate(3px,-3px)}
.avatar-reset{min-height:44px;min-width:64px}
.avatar-controls{color:#d1d5c9}
.avatar-hero .line>span{animation-duration:.8s}
.paused .project-art{transform:none!important}
@media(min-width:701px) and (max-width:1050px){
  .avatar-hero .hero-content{max-width:58%}
  .avatar-hero h1{font-size:clamp(58px,8.5vw,90px);letter-spacing:-3px}
  .avatar-hero .hero-description{gap:18px;flex-wrap:wrap}
  .avatar-figure{width:43%}
}
@media(max-width:700px){
  .avatar-hero{display:grid;grid-template-areas:"eyebrow" "intro" "portrait" "foot";height:auto;min-height:0;max-height:none;padding-bottom:24px}
  .avatar-hero .hero-top{grid-area:eyebrow;position:relative;inset:auto;margin:0;padding:104px 6% 24px}
  .avatar-hero .hero-content{grid-area:intro;padding:0 6%;max-width:100%;width:100%}
  .avatar-hero h1{font-size:clamp(54px,13vw,85px)}
  .avatar-hero .hero-description{gap:24px;flex-wrap:wrap}
  .avatar-hero .hero-role{max-width:none;margin-top:22px}
  .avatar-figure{grid-area:portrait;position:relative;inset:auto;width:88%;max-width:440px;height:clamp(350px,80vw,460px);margin:24px auto}
  .avatar-stage{flex:1;height:auto;width:100%}
  .avatar-controls,.avatar-figure figcaption{width:100%}
  .avatar-controls{flex-shrink:0;padding:8px 0 0}
  .avatar-figure figcaption{flex-shrink:0;padding-top:8px}
  .avatar-hero .hero-bottom{grid-area:foot;position:relative;inset:auto;margin:0 6%;padding-top:18px;align-items:center}
  .avatar-orbit{bottom:20px;pointer-events:none}
  .project-grid{gap:42px}
  .project-grid .project>p{min-height:0;font-size:14px}
  .project-facts{margin-top:20px;font-size:13px}
  .project-facts>div{grid-template-columns:72px 1fr}
  .project-grid .project-entry{font-size:13px}
}