html:root body .video-hero h1{font-size:clamp(54px,6.5vw,108px);letter-spacing:-.055em}
html:root body .video-hero .hero-inner{padding-top:154px}
@media(max-width:760px){html:root body .video-hero h1{font-size:clamp(42px,11vw,74px);max-width:none}html:root body .video-hero .hero-inner{padding-top:126px}}
html:root body header.site-header[data-site-nav]>nav a,html:root body header.site-header[data-site-nav]>nav a .link-ink{font:400 16px/1.3 GTMono,monospace!important}

.hero-bottom #video-toggle{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;color:#fbfae6;transition:opacity .15s}
.hero-bottom #video-toggle:hover{background:transparent;opacity:.7}
#video-toggle .material-icon{display:block;fill:currentColor;width:24px;height:24px}

/* Preserve normal word wrapping while GSAP reveals small groups together. */
.appear-word{display:inline-block;transform-origin:50% 100%}
@media(prefers-reduced-motion:reduce){.appear-word{opacity:1!important;visibility:visible!important;transform:none!important}}
/* Word spans must not inherit the old decorative-icon spacing. */
.contact-link .appear-word{margin:0}
.studio-details a .appear-word{margin:0}

/* Keep the original randomized pixel underline aligned with project-link text. */
.work-caption a span{margin:0}
