@font-face{font-family:FrissonBold;src:url('assets/boldonse.ttf') format('truetype');font-weight:400;font-display:swap}
body,button,input,nav{font-family:Manrope,Arial,sans-serif}
h1,h2,h3{font-family:FrissonBold,Impact,sans-serif;font-weight:400!important;line-height:1.35!important;letter-spacing:-.035em!important;text-transform:uppercase}
h2{font-size:clamp(27px,3.1vw,48px)}
header{height:118px;padding:16px var(--page-gutter,4.5%);gap:30px}
header .wordmark{width:235px;flex-shrink:0}nav{font-size:14px;font-weight:600;gap:28px}
.button,.reel-controls button,.client-heading button,.case-controls button,.filters button,.label,.service-tags span{border-radius:999px!important}
.button{padding:16px 25px}.button.small{padding:14px 23px}
.hero.reel-hero{min-height:700px;height:calc(100svh - 140px);max-height:950px;margin:16px 20px 0;border-radius:12px;overflow:hidden}
.reel-hero .hero-copy{padding:56px 4.5% 100px;justify-content:end;gap:30px}
.hero.reel-hero h1{font-size:clamp(42px,5.1vw,78px);max-width:1300px;line-height:1.42!important;letter-spacing:-.035em;margin:0}
.hero-bottom p{font-size:clamp(17px,1.5vw,23px);max-width:810px;line-height:1.7}.hero-bottom{width:100%}
.client-heading{justify-content:flex-end;padding-top:10px}.client-marquee{padding-top:10px}
.section-heading{align-items:end}.section-heading>p{font-size:16px;max-width:440px}
#work .work-intro{padding:60px 4%;margin:0 0 40px;border-radius:16px;background:linear-gradient(90deg,#000c,#0008),url('assets/work-1.jpg') center 40%/cover;color:#f7f4ee;min-height:320px;display:flex;flex-direction:column;justify-content:center}
.work-intro .section-heading{margin:0}.work-intro .section-heading>p{color:#f7f4ee;max-width:390px}
.work-intro h2{font-size:clamp(29px,3.6vw,56px)}
.rotating-work .work-card,.story-card.story-card{border-radius:18px;overflow:hidden}
.rotating-work .card-foot h3{font-size:clamp(25px,3vw,46px);line-height:1.35!important}
.rotating-work .work-card:first-child .card-foot h3{font-size:clamp(30px,4vw,62px)}
.story-card .story-photo .story-caption h3{font-size:clamp(18px,1.7vw,27px);line-height:1.45!important}
.story-card .story-photo{aspect-ratio:1.05}.story-card .story-caption p{font-size:14px}
.work-card .label{border-radius:999px!important;padding:9px 16px!important}.story-card .story-kicker{display:none}
.family-grid>a{border-radius:20px}.family-grid>a.talent,.family-grid>a.cricket{color:#171b1d}
.family-grid>a>p{font-size:18px;font-weight:600;line-height:1.7;max-width:480px}.family-grid>a>span:first-child{font-size:11px;font-weight:700;letter-spacing:1.1px}.family-grid .family-link{font-size:15px;font-weight:700;min-height:48px;padding-top:20px}
.service-tile h3{font-size:clamp(18px,1.5vw,24px)}.services-visual h2{font-size:clamp(29px,3.5vw,50px)}
.services-visual,.service-tile{border-radius:20px}.service-tile{padding:28px}.signal-feature h2{font-size:clamp(30px,3.4vw,52px)}.signal-feature-row h3{font-size:18px}.team-grid h3{font-size:16px;line-height:1.5!important}.team-grid p{font-size:13px}
.contact-title h2{font-size:clamp(36px,4.7vw,72px)}.contact-grid h3{font-size:18px}
.case-intro h1{font-size:clamp(30px,4vw,60px);max-width:1150px}.case-story h2{font-size:clamp(26px,3vw,42px)}
@media(max-width:1000px){nav{gap:15px;font-size:12px}header .wordmark{width:190px}.section-heading{gap:25px}.work-intro .section-heading{display:block}.work-intro .section-heading>p{margin-top:25px;max-width:620px}.services-layout{grid-template-columns:1fr}.services-visual{min-height:430px}.services-cards{min-height:0}.family-grid>a{padding:28px}}
@media(max-width:700px){header{height:90px;padding:12px 5%}.hero.reel-hero{margin:8px;min-height:650px;height:calc(100svh - 106px);max-height:none}.hero.reel-hero .hero-copy{padding:35px 6% 100px;gap:25px}.hero.reel-hero h1{font-size:clamp(25px,6.1vw,42px);line-height:1.5!important}.hero-bottom p{font-size:16px}.hero-copy .eyebrow{font-size:9px}.section{padding-top:52px;padding-bottom:52px}#work .work-intro{padding:32px 24px;min-height:0}.work-intro h2{font-size:clamp(25px,6vw,36px)}.work-intro .section-heading>p{font-size:14px}.rotating-work .card-foot h3,.rotating-work .work-card:first-child .card-foot h3{font-size:26px}.story-card .story-photo .story-caption h3{font-size:25px}.family-grid>a>p{font-size:17px}.family-grid .family-brand{max-width:100%}.filters{flex-wrap:wrap}.case-intro h1{font-size:28px}.signal-feature-row h3{font-size:16px}.team-grid h3{font-size:13px}.contact-title h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.reel-hero .hero-bottom p{font-size:clamp(17px,1.5vw,23px);max-width:810px;line-height:1.7}
@media(max-width:700px){.reel-hero .hero-bottom p{font-size:16px}}

.three-highlights{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.three-highlights>div{min-width:0}.three-highlights .highlight-text strong{font-size:clamp(13px,1.1vw,18px)!important;line-height:1.4!important;white-space:normal!important;letter-spacing:0!important}.three-highlights strong{overflow-wrap:anywhere}.three-highlights span{line-height:1.5}.services-visual>img{object-position:44% center}.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}

/* Keep the expanded services strip readable at every width. */
.ticker span{flex-shrink:0;white-space:nowrap}.ticker .brand-spark{flex-shrink:0}.ticker{overflow-x:auto}