/* Remove prototype controls without breaking their existing event hooks. */
.intro-nav>div,.expert-foot,.ink-controls,.brief-pause,.production-pause,.live-pause,.live-meta,.ink-realisation small,.project-demo{display:none!important}
.intro-nav{justify-content:center!important;left:0!important;right:0!important;bottom:26px!important}
.scroll-cue{display:flex;align-items:center;justify-content:center;width:48px;height:52px;padding:0!important;border:0!important;background:transparent!important;color:inherit;cursor:pointer}
.scroll-mouse{display:block;position:relative;width:23px;height:36px;border:1.5px solid currentColor;border-radius:14px;opacity:.85}
.scroll-mouse i{position:absolute;left:9px;top:7px;width:3px;height:7px;border-radius:3px;background:currentColor;animation:scroll-hint 1.7s ease-in-out infinite}
@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(10px);opacity:1}}
.ink-scroll.scroll-cue{left:50%;right:auto;transform:translateX(-50%);bottom:68px;color:var(--control-color,#213b42)}
.scroll-cue:focus-visible{outline:2px solid #ff7526!important;outline-offset:3px}
.agency-film-thumb{width:195px;height:85px;aspect-ratio:auto}.agency-film-thumb img,.agency-film-preview{object-fit:cover}
.project-scene{padding-top:105px}.project-scene header{margin-bottom:24px}
.refraction-stage>.journal{padding-top:105px}
.journal-heading{align-items:flex-end}.journal-all{align-self:flex-end;margin-bottom:4px}
.journal-stroke{display:none}
@media(min-width:901px){
 .expertises{padding:105px 3.5% 30px;min-height:100svh;box-sizing:border-box}
 .expertises .back-lines{top:105px}
 .expert-header{margin:0 0 22px;gap:24px}
 .expert-header h2{font-size:clamp(32px,4vw,56px);line-height:1.05}
 .expert-header p{font-size:15px;line-height:1.5}
 .expert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;grid-template-rows:repeat(2,minmax(170px,calc((100svh - 350px)/2)))}
 .expert-card{aspect-ratio:auto;height:100%}
 .project-layout{height:calc(100svh - 265px)}
 .project-copy-shell .project-copy{min-height:0}
 .journal-card-0 .journal-image{height:34vh}
 .journal-card-1 .journal-image,.journal-card-2 .journal-image{height:23vh}
}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.intro-journey{height:820vh}}
@media(max-width:900px){.project-scene{padding-top:100px}.journal{padding-top:105px}.agency-film-thumb{width:175px;height:80px}}
@media(prefers-reduced-motion:reduce){.scroll-mouse i{animation:none}.ink-scroll.scroll-cue{display:none}}
.production-live-controls{display:none!important}
.contact-phone{display:block;width:fit-content;color:inherit;font-size:clamp(23px,2.3vw,35px);text-decoration:none;margin:26px 0 10px;font-weight:500;letter-spacing:.01em}.contact-phone:hover{color:#ff7526}.contact-phone:focus-visible{outline:2px solid #ff7526;outline-offset:5px}