html.intro-running{overflow:hidden}
.intro-running .header .brand{opacity:0}
.intro-running .hero-stage,.intro-running .hero-copy,.intro-running .hero-monitor,.intro-running .hero-phone,.intro-running .immersive-bottom,.intro-running .header nav,.intro-running .theme-toggle{opacity:0}
.intro-mark{position:fixed;z-index:80;display:flex;align-items:center;gap:10px;color:var(--hero-ink);pointer-events:none;transform-origin:top left}
.intro-mark svg{width:29%;height:auto;flex:none;overflow:visible}
.intro-mark svg path{fill:currentColor;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.intro-mark>img{width:67%;height:auto;opacity:0}
.intro-controls{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;gap:8px}
.intro-controls button,.intro-controls a{padding:10px 15px;border:1px solid #d6cbea66;background:#352238ed;color:#f6f2ed;border-radius:30px;font:12px Instrument,sans-serif;box-shadow:0 3px 15px #0002}
.intro-controls button:hover{background:#51405a}
.intro-controls [hidden]{display:none}
@media(max-width:700px){.intro-controls{right:12px;bottom:12px}.intro-controls button,.intro-controls a{font-size:10px;padding:9px 12px}}

.intro-running .motion-control,.intro-running .menu-toggle{opacity:0}.intro-running .header,.intro-running main{pointer-events:none}.intro-running .hero button{pointer-events:none}

/* Scroll choreography — approved main page. */
[data-brand-intro] .section-heading h2,
[data-brand-intro] .service-intro h2,
[data-brand-intro] .contact-heading h2{
 clip-path:inset(0 0 var(--reveal-cut,0%) 0);
}
[data-brand-intro] .work-image{
 clip-path:inset(0 var(--reveal-window,0%) var(--reveal-window,0%) 0);
}
[data-brand-intro] .work-caption{translate:0 var(--reveal-detail-y,0px)}
[data-brand-intro] .service-row{position:relative;border-bottom-color:transparent}
[data-brand-intro] .service-row:after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
 background:#35223835;transform:scaleX(var(--reveal-progress,1));transform-origin:left;pointer-events:none;
}
[data-brand-intro][data-theme="dark"] .service-row:after{background:#d6cbea40}
[data-brand-intro] .service-photo{clip-path:inset(0 var(--reveal-cut,0%) 0 0)}
[data-brand-intro] .service-number{translate:var(--reveal-number-x,0px) 0}
[data-brand-intro] .resource-card h3{clip-path:inset(0 0 var(--reveal-cut,0%) 0)}
[data-brand-intro] .resource-card>img{clip-path:inset(var(--reveal-window,0%) 0 0 0);translate:0 var(--reveal-detail-y,0px)}
[data-brand-intro] .footer-identity{clip-path:inset(0 var(--reveal-cut,0%) 0 0)}
[data-brand-intro] .no-motion :is(h2,h3,.work-image,.service-photo,.resource-card>img,.footer-identity){clip-path:none!important;translate:none!important}
[data-brand-intro] .no-motion .service-row:after{transform:none}
@media(prefers-reduced-motion:reduce){
 [data-brand-intro] :is(h2,h3,.work-image,.service-photo,.resource-card>img,.footer-identity){clip-path:none!important;translate:none!important}
 [data-brand-intro] .service-row:after{transform:none}
}


/* Leave room for serif overhangs while revealing headings. */
[data-brand-intro] .section-heading h2,[data-brand-intro] .service-intro h2,[data-brand-intro] .contact-heading h2,[data-brand-intro] .resource-card h3{clip-path:inset(-.15em -.2em calc(var(--reveal-cut,0%) - .15em) -.15em)}
[data-brand-intro] .reveal[data-reveal-phase="visible"] h2,[data-brand-intro] .reveal[data-reveal-phase="visible"] h3{clip-path:none}