/* Let the portrait share the heading row and occupy one third of the layout. */
@media(min-width:1001px){
 #about{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:42px;row-gap:26px;align-items:start}
 #about>.orbit-intro{grid-column:1;grid-row:1;margin-top:0}
 #about>.about-story-layout{display:contents}
 #about .about-narrative{grid-column:1;grid-row:2;margin:0;min-width:0}
 #about .about-visual{grid-column:2;grid-row:1 / span 2;width:100%;max-width:none;aspect-ratio:1;align-self:start;margin:0;padding:20px 12px}
}
.orbit-scene::after{content:"";position:absolute;inset:0;border-radius:8px;background:rgba(245,245,243,.62);opacity:0;pointer-events:none;z-index:5;transition:opacity .2s ease}
.orbit-scene.animation-complete:hover::after,.orbit-scene.animation-complete:focus-visible::after{opacity:1}
.animation-replay-hint{z-index:8;background:#202020;color:#fff;border:0;border-radius:6px;padding:10px 16px;box-shadow:0 2px 8px #00000012}
@media(prefers-reduced-motion:reduce){.orbit-scene::after{transition:none}}

/* Shared handwritten accents retain the words and heading hierarchy. */
#about .orbit-intro h2 .heading-handwritten,#contact-heading .heading-handwritten,#case-studies .work-heading h2 .heading-handwritten{font-family:'Caveat',cursive;font-style:normal;font-weight:500;font-size:1.22em;line-height:1;letter-spacing:-1px}