/* Shared pacing and progressive browser-native page transitions. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ff-out .18s ease both}::view-transition-new(root){animation:ff-in .32s ease both}
@keyframes ff-out{to{opacity:0;transform:translateY(-5px)}}@keyframes ff-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
:root{--ff-ease:cubic-bezier(.22,.61,.36,1)}html{scroll-behavior:smooth;scroll-padding-top:25px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #dda17b;outline-offset:5px}.experience-hero>img{inset:-12% -5%;height:124%;width:110%}.reveal-ready{transition-duration:.6s;transition-timing-function:var(--ff-ease)}.editorial-frame{transition-duration:.45s}.desk-viewport img{transition:opacity .45s var(--ff-ease),transform .8s var(--ff-ease)}.project-onward>a:first-of-type span{transition:transform .3s var(--ff-ease)}.project-onward>a:first-of-type:hover span{transform:translateX(8px)}.project-rail a{min-height:44px;display:flex;align-items:center}.stage-controls [data-stage]{width:44px;height:44px;min-height:44px;border:10px solid #203026;box-shadow:inset 0 0 0 1px #ffffff35}.stage-controls fieldset>div{gap:3px}.stage-compare{min-height:44px}.story-navigation button,.finish-options button,.editorial-controls button,.client-chapters button{touch-action:manipulation}.brief-heading .eyebrow{color:#e1ab85}.commission-question h2{max-width:850px}.project-rail a[aria-current=location]{color:#f4c6a5;border-color:#d79c73}.project-card[hidden]{display:none!important}
@media(max-width:760px){.stage-controls{gap:12px;padding:12px}.stage-controls [data-stage]{width:44px;height:44px}.stage-bottom{gap:14px}.experience-heading h1{font-size:clamp(56px,17vw,72px)}.commission-heading h1{font-size:clamp(45px,15vw,59px)}.editorial-copy h2 br:after{content:' '}.client-narrative h2{line-height:1.08}.contact-grid .asset-space{min-width:0}.stage-controls{flex-wrap:wrap}.story-copy{min-height:270px}.project-rail{gap:20px}.footer a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-height:700px) and (min-width:761px){.editorial-copy h2,.client-narrative h2{font-size:43px;margin:15px 0 22px}.editorial-controls button,.client-chapters button{padding:12px 0;min-height:70px}.editorial-copy{padding-top:25px;padding-bottom:25px}.story-copy{padding-top:25px;padding-bottom:25px}.story-copy h2{font-size:40px;margin-bottom:10px}.story-chapter{padding-top:12px;margin-top:12px}.finish-editor{padding-top:25px;padding-bottom:25px}.finish-editor h2{font-size:44px;margin:15px 0}.finish-editor fieldset{margin:8px 0}.finish-pin{min-height:800px;position:relative}.finish-journey{height:auto}}
@media(max-height:650px) and (max-width:760px){.editorial-journey,.client-journey,.model-story{height:auto}.editorial-pin,.client-pin,.story-sticky{position:relative;height:auto;min-height:0}.editorial-frames{min-height:450px}.model-frame{min-height:420px}.client-pin{overflow:visible;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}.project-onward>a:first-of-type span{transition:none}.project-onward>a:first-of-type:hover span{transform:none}}
.experience-hero>img{max-width:none}