.brand-marquee{overflow:hidden;background:#101112;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:22px 0}.brand-loop{display:flex;width:max-content;animation:brand-drift 28s linear infinite}.brand-loop-group{display:flex;align-items:center;justify-content:space-around;gap:clamp(75px,12vw,210px);padding:0 clamp(40px,6vw,110px);min-width:100vw}.brand-loop img,.brand-loop svg{width:150px;height:92px;object-fit:contain;flex:none}.brand-loop .partner-district{width:164px}.brand-loop .partner-infinite{width:132px}.brand-marquee:hover .brand-loop{animation-play-state:paused}@keyframes brand-drift{to{transform:translateX(-50%)}}
.video-showcase{background:var(--paper);color:var(--ink);overflow:hidden;padding-bottom:75px}.video-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:42px}.video-showcase h2{font-size:clamp(48px,6vw,92px)}.video-showcase h2 em{color:var(--orange)}.video-rail-controls{display:flex;gap:9px;padding-bottom:5px}.video-rail-controls button{width:44px;height:44px;border:1px solid #10111233;border-radius:50%;font-size:21px;display:grid;place-items:center;transition:background .2s,color .2s}.video-rail-controls button:hover,.video-rail-controls button:focus-visible{background:var(--ink);color:var(--paper)}#rail-motion{font-size:15px}.video-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#10111255 transparent;padding:0 0 18px;touch-action:pan-x pan-y}.video-rail:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.video-slide{flex:0 0 clamp(300px,34vw,470px);text-align:left;padding:0}.video-slide-media{aspect-ratio:16/10;background:#090a0b;position:relative;overflow:hidden;border-radius:3px}.video-slide video{width:100%;height:100%;object-fit:contain}.video-slide-play{position:absolute;bottom:15px;right:15px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--paper);font-size:21px;transition:transform .25s}.video-slide:hover .video-slide-play{transform:rotate(45deg)}.video-slide-title{display:block;font-size:18px;letter-spacing:-.03em;padding:15px 0 0}.video-showcase-link{display:inline-block;margin-top:27px;font-size:11px}
.service-stage{background:#111315}.service-stage .service-heading{margin-bottom:45px}.service-stage h2{font-size:clamp(50px,6vw,94px);max-width:none}.service-stage .service-experience{display:block;position:relative;max-width:1400px;margin:auto}.service-stage .service-visual{aspect-ratio:16/8.2;background:#15191d}.service-stage .service-visual>img{object-fit:cover;transform:scale(1);object-position:center 40%}.service-stage .service-visual figcaption{bottom:auto;top:22px;right:auto;left:22px;padding:9px 12px;background:#1118;border:1px solid #fff2;font-size:8px}.service-console{position:relative;padding:29px 34px 31px;background:#181b1d;border:1px solid #ffffff18;border-top:0}.service-stage .service-selector{display:flex;gap:0;border-bottom:1px solid #fff2}.service-stage .service-choice{width:auto;flex:1;padding:14px 25px 24px;border:0!important;position:relative;gap:15px}.service-stage .service-choice:first-child{padding-left:0}.service-stage .service-choice:after{content:'';height:2px;background:var(--orange);position:absolute;left:0;right:20px;bottom:-1px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-stage .service-choice.active:after{transform:scaleX(1)}.service-stage .service-choice strong{font-size:clamp(27px,3vw,43px);font-weight:450}.service-stage .service-choice>span{font-size:8px}.service-stage .service-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px}.service-stage .service-panel p{font-size:19px;letter-spacing:-.025em;color:#c9cdcf;line-height:1.5;min-height:0;max-width:650px;margin:0}.service-stage .service-panel .pill{white-space:nowrap;font-size:11px}
.package{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s;--hover-x:50%;--hover-y:50%}.package:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle 210px at var(--hover-x) var(--hover-y),#fd420124,transparent 75%);transition:opacity .3s}.package:after{content:'↗';position:absolute;right:22px;top:20px;font-size:29px;color:#686d71;transition:transform .3s,color .3s;pointer-events:none}.package:hover,.package:focus-within{transform:translateY(-8px);border-color:var(--orange);box-shadow:0 18px 45px #0003}.package:hover:before,.package:focus-within:before{opacity:1}.package:hover:after,.package:focus-within:after{transform:rotate(45deg);color:var(--orange)}.package .quote-button{position:relative;z-index:1}.package h3{padding-right:20px}.package-photo,.package-caption{display:none}.package-heading{margin-bottom:45px}.hero-target{min-height:36px}.target-caret{animation:caret-blink .9s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.hero-shot{padding:4px}.hero-shot img{height:100%}.story-steps b{display:none}.story-steps>span{min-width:55px}.story-copy h2,.scroll-copy h2{margin-top:0}.hero-bottom{justify-content:space-between}.assembly-status{display:none}.editing-heading{margin-bottom:35px}.editing-heading h2{font-size:clamp(48px,6vw,90px)}.colour-compare{max-width:1200px;margin:auto;aspect-ratio:16/9}.compare-label{font-size:7px;padding:8px 11px}.process-section h2{font-size:clamp(48px,5.6vw,84px);margin-bottom:45px}.process-grid{gap:30px}.process-card h3{font-size:24px;margin:20px 0 0}.process-card>.tiny{margin-bottom:0}.studio-collage>.tiny{display:none}.studio-layout p{font-size:14px!important;max-width:400px}.portfolio-preview{aspect-ratio:16/10}.portfolio-preview video{object-fit:contain}.portfolio-intro{justify-content:flex-end;margin-bottom:35px}.portfolio-closing{justify-content:flex-end}.inner-page .section-top{margin-bottom:35px}.case-stills{gap:25px}.case-stills img{object-fit:contain;background:#101112}.case-gallery figcaption{font-size:7px;opacity:.6}
@media(max-width:760px){.brand-marquee{padding:13px 0}.brand-loop-group{min-width:650px;gap:58px;padding:0 35px}.brand-loop img,.brand-loop svg{width:120px;height:72px}.brand-loop .partner-district{width:125px}.brand-loop .partner-infinite{width:100px}.video-showcase{padding-top:55px;padding-bottom:55px}.video-showcase-heading{align-items:center;margin-bottom:28px;gap:15px}.video-showcase h2{font-size:43px}.video-rail-controls{gap:5px;padding:0}.video-rail-controls button{width:31px;height:31px;font-size:16px}#rail-motion{font-size:11px}.video-rail{gap:15px;margin-right:calc(-1 * var(--pad));padding-right:var(--pad)}.video-slide{flex-basis:82vw;max-width:410px}.video-slide-title{font-size:16px;padding-top:12px}.service-stage .service-heading{margin-bottom:28px}.service-stage h2{font-size:46px}.service-stage .service-visual{aspect-ratio:4/3}.service-console{padding:20px}.service-stage .service-choice{padding:8px 10px 18px;gap:7px}.service-stage .service-choice strong{font-size:23px}.service-stage .service-choice>span{font-size:6px}.service-stage .service-choice:after{right:10px}.service-stage .service-panel{display:block;padding-top:20px}.service-stage .service-panel p{font-size:17px;line-height:1.5;margin-bottom:22px}.service-stage .service-panel .pill{font-size:11px}.package:hover,.package:focus-within{transform:translateY(-4px)}.hero-target{min-height:30px}.colour-compare{aspect-ratio:4/3}.editing-heading h2{font-size:46px}.process-section h2{font-size:46px}.process-grid{gap:28px 22px}.process-card h3{font-size:20px;line-height:1.15}.portfolio-preview{aspect-ratio:16/10}.portfolio-intro{align-items:flex-start;margin-bottom:25px}.case-stills img{height:260px}}
@media(prefers-reduced-motion:reduce){.brand-loop,.target-caret{animation:none}.brand-loop-group[aria-hidden]{display:none}.brand-loop-group{min-width:100%;gap:20px;justify-content:space-around;padding:0 15px}.brand-loop img,.brand-loop svg{width:95px}.brand-loop .partner-district{width:105px}.brand-loop .partner-infinite{width:85px}.package,.package:before,.package:after,.service-stage .service-choice:after{transition:none}.package:hover,.package:focus-within{transform:none}}
@media(max-width:760px){.video-showcase-heading{display:block}.video-rail-controls{justify-content:flex-end;margin-top:20px}.video-showcase h2{max-width:100%}}