/* Culture: moving work, a light editorial rhythm, and the original brand assets. */
:root{--cream:#fff;--ink:#161719;--muted:#64666b;--line:#e6e6e6;--pad:clamp(22px,3.4vw,60px);--max:1600px}
html{scroll-padding-top:0}
body{background:#fff;padding-top:90px}h1,h2{font-family:Poppins,Arial,sans-serif;font-weight:400;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(32px,3.2vw,47px)}.section-pad{padding-block:74px}.button{border-radius:100px;padding:15px 23px;font-size:12px;font-weight:400;gap:0;transition:background .25s,color .25s}.button:hover{transform:none}.button-blue{background:var(--blue);color:#fff}.button-outline{background:transparent;border:1px solid #dedee1;color:var(--ink)}.button-outline:hover{background:#f1f1f3}.text-link{gap:0;font-size:13px;font-weight:400;padding-bottom:4px}.text-link:hover{color:var(--blue)}
.site-header{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1480px;height:60px;padding:0 14px 0 22px;background:#fffffff5;backdrop-filter:blur(10px);border:1px solid #eeeeee;border-radius:50px;box-shadow:0 4px 18px #00000005;gap:35px;transition:opacity .3s,translate .3s}.brand{margin-right:20px}.brand img{width:130px}.desktop-nav{gap:30px;margin-right:auto}.header-cta{padding:11px 22px;margin-left:auto}.site-header:focus-within{opacity:1!important;pointer-events:auto!important;translate:0 0!important}.mobile-menu{background:#fff}
.cinematic-splash{height:100svh;min-height:560px;padding:12px 12px 0}.splash-inner{height:100%;position:relative;overflow:hidden;background:#242bff}.splash-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cinematic-splash .reel-layer iframe{position:absolute;width:max(calc(100vw - 24px),calc((100svh - 12px)*1.777778));height:max(calc(100svh - 12px),calc((100vw - 24px)*.5625));top:50%;left:50%;transform:translate(-50%,-50%);border:0;max-width:none}.splash-tint{position:absolute;inset:0;background:linear-gradient(90deg,#0004,transparent 40%,#0003),linear-gradient(0deg,#0007,transparent 22%);pointer-events:none}.splash-logo{position:absolute;left:4%;top:47%;width:30%;max-width:390px;transform:translateY(-50%)}.splash-logo img{width:100%;height:auto;filter:brightness(0) invert(1)}.splash-line{position:absolute;top:47%;right:4%;transform:translateY(-50%);text-align:right;color:#fff;font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:clamp(14px,1.25vw,20px);line-height:1.7;letter-spacing:-.02em;text-shadow:0 1px 15px #0007}.splash-enter{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:12px}.scroll-stem{height:27px;width:1px;background:#ffffff50;position:relative;overflow:hidden}.scroll-stem:after{content:'';position:absolute;top:-100%;left:0;width:1px;height:100%;background:#fff;animation:scroll-stem 2s ease-in-out infinite}.splash-film-link{position:absolute;right:28px;bottom:30px;padding:5px 0;color:#fff;background:none;font-size:12px;border-bottom:1px solid #fff7}.motion-toggle{position:absolute;left:25px;bottom:27px;z-index:25;display:flex;align-items:center;gap:0;color:#fff;background:#15171cbd;border:1px solid #ffffff50;border-radius:30px;padding:9px 13px;font-size:10px}.motion-symbol:empty{display:none}.past-splash .motion-toggle,.global-motion{position:fixed;left:auto;right:18px;bottom:18px}.splash-logo:focus-visible,.splash-enter:focus-visible,.splash-film-link:focus-visible,.motion-toggle:focus-visible{outline-color:#fff}#home-content,#work{scroll-margin-top:85px}
.culture-intro{display:grid;grid-template-columns:1.14fr 1fr;gap:8%;align-items:start;padding-top:75px;padding-bottom:65px}.culture-intro h1{font-size:clamp(43px,5.15vw,77px);line-height:1.06;font-weight:400;letter-spacing:-.06em}.culture-intro .intro-copy{padding-top:6px;max-width:500px}.culture-intro .intro-copy>.intro-large{font-size:clamp(18px,1.8vw,26px);line-height:1.5;letter-spacing:-.025em;margin:0}.culture-intro .intro-copy>p:not(.intro-large){font-size:15px;line-height:1.8;margin:20px 0 0}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.living-work{padding-bottom:50px;overflow:hidden}.living-work .work-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;padding-bottom:30px}.work-heading h2{font-size:clamp(28px,2.8vw,41px)}.gallery-controls{display:flex;align-items:center;gap:18px;font-size:11px}.gallery-controls button{padding:5px 0;background:none;font-size:11px;color:#666}.gallery-controls button:hover{color:var(--blue)}.gallery-controls a{border:1px solid var(--line);padding:9px 16px;border-radius:30px}.work-gallery{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 var(--pad);-webkit-overflow-scrolling:touch}.work-gallery::-webkit-scrollbar{display:none}.gallery-track{display:flex;gap:25px;width:max-content;align-items:start}.gallery-card{width:clamp(330px,43vw,650px);flex-shrink:0}.gallery-project{padding:0;display:block;width:100%;background:none;text-align:left}.gallery-image{position:relative;overflow:hidden;aspect-ratio:1.5;background:#f0f0f2}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.gallery-project:hover img,.gallery-project:focus-visible img{transform:scale(1.025)}.gallery-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 0 0}.gallery-caption h3{font-size:21px;font-weight:400;letter-spacing:-.035em;line-height:1.3}.gallery-caption>span{font-size:10px;color:var(--muted)}.gallery-open{position:absolute;left:20px;bottom:20px;background:#fff;color:var(--ink);border-radius:30px;padding:10px 17px;font-size:11px;opacity:0;translate:0 8px;transition:opacity .25s,translate .25s}.gallery-project:hover .gallery-open,.gallery-project:focus-visible .gallery-open{opacity:1;translate:0 0}.gallery-hint{font-size:10px;color:var(--muted);margin:25px var(--pad) 0}
.brand-strip{border-block:1px solid var(--line);padding:33px 0 38px;overflow:hidden}.brand-strip>p{font-size:11px;margin:0 var(--pad) 27px}.brand-marquee{overflow:hidden}.brand-track{display:flex;width:max-content;animation:brand-drift 42s linear infinite}.brand-run{display:flex;align-items:center;gap:75px;padding-right:75px;flex-shrink:0}.brand-run img{width:125px;height:55px;object-fit:contain}
.studio-feature{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:6%;padding-block:85px}.studio-film{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--blue)}.studio-film>img{width:100%;height:100%;object-fit:cover}.studio-film .reel-layer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-play{position:absolute;bottom:20px;left:20px;border:1px solid #ffffff80;background:#16171975;color:#fff;padding:11px 17px;border-radius:30px;font-size:11px}.studio-copy h2{font-size:clamp(32px,3.5vw,50px);margin-bottom:25px}.studio-copy p{font-size:14px;line-height:1.85}.studio-copy .button{margin-top:26px}.capabilities-flow{border-top:1px solid var(--line);padding-top:50px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:35px 10%}.capabilities-flow h2{font-size:clamp(30px,3vw,43px)}.capabilities-flow>div>p{font-size:14px;line-height:1.8;max-width:390px;margin-top:20px}.capabilities-flow nav{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.capabilities-flow nav>a{background:#f4f4f5;font-size:12px;border-radius:30px;padding:12px 17px;transition:background .2s,color .2s}.capabilities-flow nav>a:hover{background:var(--blue);color:#fff}.after-hours-link{grid-column:1/-1;font-size:12px;justify-self:start;padding-bottom:4px;border-bottom:1px solid var(--line);margin-top:8px}
/* Quiet page titles and clear project names carry through the supporting pages. */
.page-hero{padding-top:45px;padding-bottom:55px}.page-hero h1{font-family:Poppins,Arial,sans-serif;font-weight:400;letter-spacing:-.06em;font-size:clamp(58px,7vw,108px);line-height:1.04;color:var(--ink)}.page-heading{grid-template-columns:1.2fr 1fr;gap:10%}.page-heading>p{font-size:16px;line-height:1.7}.work-sequence{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px}.work-story .project-image{aspect-ratio:1.5;background:#f1f1f3}.work-story .project-image img{object-fit:cover}.work-story .work-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:17px}.work-caption h3{font-size:23px;font-weight:400;letter-spacing:-.035em}.work-discipline{font-size:11px;color:var(--muted)}.work-open{position:absolute;left:20px;bottom:20px;font-size:11px;padding:10px 17px;border-radius:30px;background:#fff;opacity:0;transition:opacity .25s}.project-open:hover .work-open,.project-open:focus-visible .work-open{opacity:1}.filter-buttons>button{border-radius:30px;padding:10px 16px;border:1px solid var(--line);background:transparent;font-weight:400}.filter-buttons>button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.service-index{color:var(--muted);text-transform:none;letter-spacing:0}.service-detail{scroll-margin-top:90px}.service-name h2{font-size:clamp(30px,3vw,46px)}.service-description>p,.about-story p:not(.lead),.creator-intro p{font-size:15px;line-height:1.8}.studio-note{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.studio-note h2{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:clamp(36px,4.5vw,65px);line-height:1.08}.studio-note p{font-size:15px;line-height:1.8}.studio-note .text-link{margin-top:25px}.coverage-list{margin-top:40px}.coverage-list>div{border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.coverage-list dt{font-size:23px;letter-spacing:-.03em}.coverage-list dd{margin:0;font-size:15px;line-height:1.8}.tags{gap:10px}.tags span{border:0;border-radius:0;padding:0;font-size:12px}.project-dialog{border-radius:10px}.dialog-copy>p:not(.eyebrow){font-size:15px}.dialog-copy>.eyebrow{text-transform:none;letter-spacing:0}.dialog-close{border-radius:30px}.cta-section{border-top:1px solid var(--line)}.cta-grid h2{font-size:clamp(35px,4vw,58px)}
/* The closing wordmark carries the actual Culture film through its letterforms. */
.site-footer{padding:55px var(--pad) 24px;background:#fff;border-top:1px solid var(--line)}.footer-contact{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-bottom:50px}.footer-contact h2{font-size:clamp(29px,3.4vw,49px);margin-bottom:17px}.footer-contact>a{font-size:clamp(17px,2vw,29px);letter-spacing:-.035em;padding-bottom:4px;border-bottom:1px solid #aaa}.footer-contact p{font-size:13px;color:var(--muted)}.footer-directory{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:35px}.footer-directory>div{border-top:1px solid #bfc0c3;padding-top:17px;display:flex;flex-direction:column;align-items:start;gap:8px;font-size:12px}.footer-directory h3{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-bottom:9px}.footer-directory address{font-style:normal;font-size:12px;line-height:1.8}.footer-directory a:hover{text-decoration:underline;text-underline-offset:4px}.footer-time{font-size:10px;color:var(--muted);display:flex;gap:9px;margin-top:25px}.footer-film-wordmark{display:block;position:relative;width:100%;aspect-ratio:1200/270;background:var(--blue);mask:url('media/wordmark-blue.svg') center/100% 100% no-repeat;-webkit-mask:url('media/wordmark-blue.svg') center/100% 100% no-repeat;margin:35px 0 10px;overflow:hidden}.footer-film-wordmark .reel-layer{opacity:.5}.footer-film-wordmark .reel-layer iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:250%;border:0}.footer-bottom{padding-top:25px;border:0;font-size:10px;display:flex;justify-content:space-between;gap:20px}.footer-bottom>a{margin:0}.motion-paused .brand-track,.motion-paused .scroll-stem:after{animation-play-state:paused!important}.motion-paused .reel-layer{display:none}
@keyframes scroll-stem{0%{top:-100%}65%,100%{top:100%}}@keyframes brand-drift{to{transform:translateX(-50%)}}
@media(max-width:1000px){.site-header{gap:22px}.desktop-nav{gap:22px}.culture-intro{gap:6%}.culture-intro h1{font-size:5.2vw}.culture-intro .intro-copy>p:not(.intro-large){font-size:13px}.brand-run{gap:55px;padding-right:55px}.brand-run img{width:110px}.studio-copy p{font-size:13px}.gallery-caption{display:block}.gallery-caption>span{display:block;margin-top:5px}.gallery-card{width:48vw}}
@media(max-width:900px){body{padding-top:85px}.brand{margin-right:auto}.header-cta{margin-left:0}.mobile-menu{top:66px;left:-1px;width:calc(100% + 2px);height:calc(100dvh - 96px);border-radius:24px;box-shadow:0 8px 20px #0001}}
@media(max-width:640px){body{padding-top:77px}.section-pad{padding-block:48px}.site-header{top:9px;width:calc(100% - 20px);height:57px;gap:15px;padding:0 15px}.brand{margin-right:auto}.brand img{width:109px}.header-cta{padding:10px 14px;font-size:10px}.menu-toggle{padding-right:0;font-size:10px;gap:9px}.mobile-menu{top:64px;height:calc(100dvh - 85px);border-radius:18px}.cinematic-splash{padding:8px 8px 0;min-height:600px}.cinematic-splash .reel-layer iframe{width:max(calc(100vw - 16px),calc((100svh - 8px)*1.777778));height:max(calc(100svh - 8px),calc((100vw - 16px)*.5625))}.splash-logo{left:8%;top:42%;width:78%;max-width:none}.splash-line{top:56%;left:8%;right:8%;text-align:left;font-size:14px;line-height:1.7}.splash-enter{bottom:70px;font-size:11px}.splash-film-link{right:18px;bottom:26px;font-size:10px}.motion-toggle{left:16px;bottom:20px;font-size:9px;padding:7px 10px}.past-splash .motion-toggle,.global-motion{left:auto;right:12px;bottom:12px}#home-content,#work{scroll-margin-top:78px}.culture-intro{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:38px}.culture-intro h1{font-size:clamp(35px,9.6vw,57px);line-height:1.09;letter-spacing:-.055em}.culture-intro .intro-copy{padding:0}.culture-intro .intro-copy>.intro-large{font-size:18px;line-height:1.55}.culture-intro .intro-copy>p:not(.intro-large){font-size:13px;line-height:1.85;margin-top:15px}.intro-actions{margin-top:24px;gap:10px}.intro-actions .button{font-size:11px;padding:13px 18px}.living-work{padding-bottom:32px}.living-work .work-heading{padding-top:16px;padding-bottom:24px;align-items:center}.work-heading h2{font-size:27px}.gallery-controls{gap:13px;font-size:10px}.gallery-controls button{font-size:10px}.gallery-controls a{padding:8px 12px}.gallery-controls .gallery-step:first-child{display:none}.work-gallery{padding-inline:var(--pad)}.gallery-track{gap:15px}.gallery-card{width:82vw;min-width:0}.gallery-caption{padding-top:14px}.gallery-caption h3{font-size:21px}.gallery-caption>span{font-size:10px;margin-top:5px}.gallery-open{display:none}.gallery-hint{font-size:9px;margin-top:20px;max-width:300px}.brand-strip{padding-block:28px}.brand-strip>p{font-size:10px;margin-bottom:22px}.brand-run{gap:40px;padding-right:40px}.brand-run img{width:95px;height:43px}.studio-feature{grid-template-columns:1fr;gap:30px;padding-block:48px}.film-play{font-size:10px;bottom:15px;left:15px;padding:9px 14px}.studio-copy h2{font-size:35px;margin-bottom:20px}.studio-copy p{font-size:13px}.studio-copy .button{font-size:11px;padding:13px 19px;margin-top:23px}.capabilities-flow{grid-template-columns:1fr;gap:27px;padding-top:37px;padding-bottom:45px}.capabilities-flow h2{font-size:32px}.capabilities-flow>div>p{font-size:13px;margin-top:18px}.capabilities-flow nav{gap:8px}.capabilities-flow nav>a{font-size:11px;padding:10px 14px}.after-hours-link{font-size:11px;line-height:1.8;margin-top:0}.page-hero{padding-top:28px;padding-bottom:35px}.page-hero h1{font-size:clamp(45px,13vw,76px);line-height:1.06;letter-spacing:-.055em}.page-heading{grid-template-columns:1fr;gap:27px}.page-heading>p{font-size:14px;max-width:365px}.work-sequence{grid-template-columns:1fr;gap:35px}.work-story .work-caption{display:block;padding-top:14px}.work-caption h3{font-size:24px}.work-discipline{display:block;font-size:10px;margin-top:5px}.work-open{display:none}.filter-buttons>button{font-size:9px;padding:8px 11px}.service-detail{scroll-margin-top:85px}.service-name h2{font-size:35px}.service-description>p,.about-story p:not(.lead),.creator-intro p{font-size:13px}.service-index{font-size:10px}.service-description li{font-size:11px}.studio-note{grid-template-columns:1fr;gap:28px}.studio-note h2{font-size:37px}.studio-note p{font-size:13px}.coverage-list>div{grid-template-columns:1fr;gap:15px}.coverage-list dt{font-size:22px}.coverage-list dd{font-size:13px}.dialog-copy>p:not(.eyebrow){font-size:13px}.cta-grid h2{font-size:36px}.site-footer{padding:36px var(--pad) 22px}.footer-contact{display:block;padding-bottom:35px}.footer-contact h2{font-size:34px;margin-bottom:13px}.footer-contact p{font-size:12px}.footer-contact>a{font-size:18px;display:inline-block;margin-top:24px;overflow-wrap:anywhere}.footer-directory{grid-template-columns:1fr 1fr;gap:25px 22px;margin-bottom:25px}.footer-directory>div{font-size:11px;padding-top:15px;gap:8px}.footer-directory>div:last-child{grid-column:1/-1}.footer-directory h3{font-size:11px}.footer-directory address{font-size:11px}.footer-time{margin-top:14px;font-size:10px}.footer-film-wordmark{margin-top:27px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:14px;padding-top:22px}.footer-bottom>:nth-child(even){text-align:right}}
@media(max-width:360px){.site-header{gap:11px;padding-inline:13px}.brand img{width:97px}.header-cta{font-size:9px;padding:9px 11px}.work-heading h2{font-size:24px}.gallery-controls{gap:10px}.gallery-controls a{font-size:9px}.culture-intro h1{font-size:9.7vw}}
@media(prefers-reduced-motion:reduce){.brand-track,.scroll-stem:after{animation:none!important}.gallery-image img,.gallery-open{transition:none}}

/* Let neighbouring projects reach the screen edge; only the section clips the track. */
.work-gallery{position:relative;width:calc(100% - var(--pad)*2);max-width:calc(var(--max) - var(--pad)*2);margin-inline:auto;padding:0;overflow:visible;touch-action:pan-y}
.gallery-track{position:relative;gap:16px;width:100%;align-items:start;will-change:transform}
.gallery-card{flex:0 0 65.3%;width:65.3%;min-width:0}
.gallery-caption{opacity:.3;transition:opacity .6s}
.gallery-card.is-active .gallery-caption{opacity:1}
.gallery-position{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px;min-width:40px}
.gallery-hint{text-align:center;margin-top:22px;max-width:none}
@media(max-width:640px){.gallery-card{flex-basis:86%;width:86%}.gallery-track{gap:12px}.gallery-caption{display:block;text-align:center}.gallery-position{font-size:9px;min-width:34px}.living-work .work-heading{gap:16px}.gallery-controls{gap:10px}.gallery-controls .gallery-step:first-of-type{display:none}.gallery-controls a{padding:8px 10px;font-size:9px}.gallery-hint{font-size:9px}}
@media(max-width:360px){.gallery-position{display:none}.gallery-controls{gap:10px}.gallery-controls a{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.gallery-track,.gallery-caption{transition:none!important}}

/* Campaign previews sit above the still; the existing hover label stays on top. */
.gallery-project{user-select:none;-webkit-user-select:none}
.project-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .25s;background:#111}
.project-clip iframe{position:absolute;left:50%;top:50%;width:118.52%;height:100%;max-width:none;transform:translate(-50%,-50%);border:0}
.gallery-project[data-project="under-armour"] .project-clip iframe{left:auto;right:0;transform:translateY(-50%)}
.gallery-project.clip-playing .project-clip{opacity:1}
.gallery-open{z-index:1}
@media(prefers-reduced-motion:reduce){.project-clip{display:none}}

/* Culture's supplied copy, with room for the work and the words. */
#services,#free-review,#platforms,#experience-title{scroll-margin-top:100px}
/* Full-colour logo rows, following Ryan's Social Sugar layout reference. */
.client-experience{background:#f6f6f4}
.client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:32px;list-style:none;padding-top:8px;padding-bottom:46px}
.client-logo{min-width:0;display:flex;align-items:center;justify-content:center;height:88px}
.client-logo-artwork{width:100%;max-width:164px;height:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px 8px}
.client-experience .client-logo img{width:100%;height:100%;max-height:62px;object-fit:contain;filter:none;opacity:1}
.client-logo-reversed{padding:12px 22px}
.client-logo-artwork>span{font-size:9px;line-height:1.2;letter-spacing:.01em;color:#fff;white-space:nowrap}
.platform-expertise.section-pad{max-width:none;background:#f6f6f4;border-top:0}
.platform-inner{max-width:calc(var(--max) - var(--pad)*2);margin-inline:auto}
.platform-groups{display:grid;grid-template-columns:4fr 3fr;gap:48px}
.platform-group{min-width:0}
.platform-group h3{font-size:11px;font-weight:400;color:var(--muted);border-bottom:1px solid #dddeda;padding-bottom:14px;margin-bottom:26px}
.platform-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:22px;list-style:none;padding:0}
.platform-group:last-child .platform-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
.platform-logos li{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:66px;font-size:13px;line-height:1.35;letter-spacing:-.025em}
.platform-logos img{width:34px;height:34px;object-fit:contain;flex-shrink:0;filter:none;opacity:1}
.platform-logos span{max-width:92px}
.platform-logos .platform-wordmark img{width:128px;max-width:100%;height:44px;object-fit:contain}
.platform-logos .platform-wordmark span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.platform-groups{grid-template-columns:1fr;gap:30px}.platform-logos{gap:30px}.platform-group:last-child .platform-logos{max-width:80%;margin-inline:auto}.platform-logos li{justify-content:center;font-size:14px}.platform-group h3{margin-bottom:15px}.client-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 40px}}
@media(max-width:640px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;padding-top:8px;padding-bottom:34px}.client-logo{height:82px}.client-logo-artwork{height:76px;max-width:154px;padding-inline:8px}.client-logo-reversed{padding:12px 18px}.client-logo-artwork>span{font-size:8px}.platform-groups{gap:28px}.platform-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.platform-group:last-child .platform-logos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:0}.platform-logos li{min-height:58px;font-size:12px}.platform-logos img{width:31px;height:31px}.platform-logos .platform-wordmark img{width:118px;height:40px}.platform-group:last-child .platform-logos li:last-child{grid-column:1/-1}.platform-group h3{padding-bottom:12px;margin-bottom:20px}}
.agency-descriptor{font-size:10px;line-height:1.6;letter-spacing:.055em;margin:0 0 28px;max-width:380px;color:var(--muted)}
.culture-intro{grid-template-columns:1.15fr 1fr;gap:8%;padding-top:58px;padding-bottom:65px}
.culture-intro .intro-copy{padding-top:45px;max-width:530px}
.culture-intro .intro-copy>.intro-large{font-size:clamp(16px,1.4vw,20px);line-height:1.75;letter-spacing:-.02em}
.intro-actions{align-items:center;gap:25px}
.copy-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:45px}
.copy-section-heading>p{font-size:16px;line-height:1.8;max-width:590px}
.client-experience .copy-section-heading{padding-top:38px;padding-bottom:28px;margin-bottom:0;border-top:1px solid var(--line)}
.client-experience .brand-strip{border:0;padding:25px 0 50px}
.client-experience .brand-run{gap:65px;padding-right:65px}
.client-name{display:block;white-space:nowrap;font-size:clamp(20px,2.1vw,30px);font-weight:500;letter-spacing:-.045em}
.home-services{border-top:1px solid var(--line)}
.copy-service{display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative;border-top:1px solid var(--line);padding:32px 0 38px;scroll-margin-top:100px}
.copy-service-title{display:flex;align-items:baseline;gap:25px}
.copy-index{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}
.copy-service-title h2,.copy-service-title h3{font-family:Poppins,Arial,sans-serif;font-size:clamp(24px,2.4vw,35px);font-weight:400;letter-spacing:-.045em;line-height:1.2;max-width:390px}
.copy-service-body{max-width:590px}
.copy-service-body>p{font-size:14px;line-height:1.85;margin-bottom:14px}
.copy-service-body>p:last-child{margin-bottom:0}
.copy-service-body>p.service-tagline{font-size:17px;line-height:1.55;letter-spacing:-.025em;margin-bottom:17px}
.copy-service-body>.text-link{display:inline-block;margin-top:20px}
.service-alias{position:absolute;top:0;scroll-margin-top:100px}
.home-services>.after-hours-link{display:inline-block;margin-top:28px}
.platform-expertise{border-top:1px solid var(--line)}
.platform-names{padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:22px 36px}
.platform-names li{font-size:clamp(22px,2.6vw,37px);letter-spacing:-.045em;line-height:1.3}
.growth-approach{background:var(--blue);color:#fff}
.growth-approach .copy-section-heading>p{color:#fff}
.growth-objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.growth-objectives article{border-top:1px solid #ffffff66;padding-top:22px}
.growth-objectives .copy-index{color:#ffffffb3}
.growth-objectives h3{font-size:clamp(24px,2.8vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1.15;margin:32px 0 20px}
.growth-objectives p{font-size:15px;line-height:1.8;max-width:350px}
.studio-feature .studio-copy p{margin-bottom:17px}
.about-approved-copy>p{font-size:18px!important;line-height:1.8!important;margin-bottom:24px}
.free-review{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);background:#f6f6f8}
.free-review-copy h2{font-size:clamp(34px,4.2vw,62px);max-width:650px;margin-bottom:28px}
.review-lead{font-size:20px;line-height:1.55;letter-spacing:-.025em;margin:0 0 16px}
.free-review-copy>p:not(.review-lead),.contact-review>p:not(.review-lead){font-size:15px;line-height:1.8;max-width:500px}
.review-form{width:100%;max-width:560px}
.review-form label{margin:0;font-size:12px;font-weight:400}
.review-form input{margin:0 0 28px;min-height:46px;font-size:16px;border-color:#a0a0aa}
.review-form .button{margin:5px 0 16px}
.review-form .form-note{font-size:11px;max-width:430px}
.review-form .form-status:empty{display:none}
.contact-review h2{font-size:clamp(28px,3vw,43px);margin-bottom:25px}
.contact-review .review-form{margin-top:35px}
.service-intro{display:block;padding-top:0}
.footer-contact{align-items:start;gap:8%}
.footer-contact>div:first-child{max-width:760px}
.footer-contact .footer-intro{max-width:570px;font-size:15px;line-height:1.8;color:var(--ink)}
.footer-contact-details{display:flex;flex-direction:column;align-items:start;gap:12px;flex-shrink:0;padding-top:5px}
.footer-contact-details>.button{margin-bottom:16px}
.footer-contact-details>a:not(.button){font-size:15px;border-bottom:1px solid var(--line);padding-bottom:4px}
@media(max-width:900px){.culture-intro{gap:6%}.culture-intro .intro-copy{padding-top:40px}.copy-section-heading,.copy-service{gap:6%}.copy-service-title{gap:15px}.growth-objectives{gap:25px}.free-review{gap:7%}.footer-contact-details{max-width:38%;flex-shrink:1}}
@media(max-width:640px){
 .culture-intro{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:40px}.agency-descriptor{font-size:9px;margin-bottom:22px;max-width:280px}.culture-intro .intro-copy{padding-top:0}.culture-intro .intro-copy>.intro-large{font-size:16px;line-height:1.75}.intro-actions{gap:24px}
 .copy-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.copy-section-heading>p{font-size:14px}.client-experience .copy-section-heading{padding-top:35px;padding-bottom:20px}.client-experience .brand-run{gap:40px;padding-right:40px}.client-experience .brand-strip{padding-bottom:34px}.client-name{font-size:24px}
 .copy-service{grid-template-columns:1fr;gap:24px;padding:26px 0 30px}.copy-service-title{gap:18px}.copy-service-title h2,.copy-service-title h3{font-size:27px}.copy-service-body>p{font-size:14px}.copy-service-body>p.service-tagline{font-size:17px;margin-bottom:14px}.copy-service-body{padding-left:31px}.platform-names{gap:20px 28px}.platform-names li{font-size:25px}
 .growth-objectives{grid-template-columns:1fr;gap:30px}.growth-objectives h3{font-size:33px;margin:20px 0 15px}.growth-objectives p{font-size:14px;max-width:none}
 .free-review{grid-template-columns:1fr;gap:38px}.free-review-copy h2{font-size:38px}.review-lead{font-size:19px}.free-review-copy>p:not(.review-lead){font-size:14px}.review-form{max-width:none}.review-form label{font-size:12px}.review-form input{font-size:16px}.contact-review h2{font-size:33px}.about-approved-copy>p{font-size:16px!important}
 .footer-contact{display:flex;flex-direction:column;gap:30px}.footer-contact-details{max-width:none;width:100%}.footer-contact .footer-intro{font-size:14px}.footer-contact-details>.button{margin-bottom:10px}
}

/* Service cards use Culture's recovered icons and the supplied service copy. */
.copy-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.copy-service{display:flex;flex-direction:column;gap:22px;padding:30px;background:#f2efe7;border:1px solid #e5e1d5;min-width:0}
.copy-service-title{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.service-icon{width:48px;height:48px;object-fit:contain}
.copy-service-title h2,.copy-service-title h3{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.035em;color:var(--blue)}
.copy-service-body{padding-left:0;max-width:none}
.copy-service-body>p{font-size:13px;line-height:1.75;margin:0 0 14px}
.copy-service-body>p.service-tagline{font-size:16px;line-height:1.55;font-weight:500;color:var(--blue);margin:0 0 15px}
/* A compact enquiry section, with name and email sharing one row. */
.free-review.section-pad{padding-block:44px;gap:8%;align-items:center}
.free-review-copy h2{font-size:clamp(27px,2.5vw,36px);line-height:1.15;max-width:490px;margin-bottom:18px}
.review-lead{font-size:17px;margin-bottom:12px}
.free-review-copy>p:not(.review-lead),.contact-review>p:not(.review-lead){font-size:13px;line-height:1.75;max-width:470px}
.review-form{max-width:520px}
.review-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px}
.review-field{min-width:0}
.review-field:last-child{grid-column:1/-1}
.review-form label{display:block;margin:0;font-size:11px;line-height:1.5}
.review-form input{width:100%;min-width:0;min-height:42px;padding:8px 0;margin:0;font-size:16px}
.review-form .button{margin:18px 0 10px;padding:13px 20px}
.review-form .form-note{font-size:10px;line-height:1.65;max-width:440px}
.review-form .form-status{font-size:12px;line-height:1.65;margin-top:12px}
.review-form .form-status[data-state="error"]{color:#a11b1b}
.review-form .form-status[data-state="success"]{color:#195c3b}
.review-form button:disabled{opacity:.6;cursor:wait}
/* Keep the moving footer signature at a more modest scale. */
.footer-film-wordmark{width:min(380px,100%);margin:22px 0 8px}
.work-gallery{cursor:grab}
.work-gallery.is-dragging,.work-gallery.is-dragging .gallery-project{cursor:grabbing}
.work-gallery.is-dragging .gallery-image img{transform:none}
.work-gallery.is-dragging .project-clip{opacity:0}
.gallery-image img{-webkit-user-drag:none;user-select:none}
@media(max-width:1000px){.copy-services{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-service{padding:26px}.copy-service-title h2,.copy-service-title h3{font-size:23px}}
@media(max-width:640px){.copy-services{grid-template-columns:1fr;gap:16px}.copy-service{padding:25px;gap:18px}.copy-service-title{gap:18px}.copy-service-title h2,.copy-service-title h3{font-size:24px}.copy-service-body>p{font-size:13px}.free-review.section-pad{padding-block:34px;gap:25px}.free-review-copy h2{font-size:29px;margin-bottom:16px}.review-lead{font-size:16px}.review-form .button{margin-top:16px}.footer-film-wordmark{width:min(260px,100%);margin-top:22px}}
@media(max-width:380px){.review-fields{grid-template-columns:1fr}.review-field:last-child{grid-column:auto}}

.review-trap{display:none!important}

.work-gallery .gallery-project{cursor:grab}
.work-gallery.is-dragging .gallery-project{cursor:grabbing}