/* Compact layouts and text-only controls across Creative. */
.ticker{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px;white-space:normal;overflow:visible}.ticker span{white-space:nowrap}.ticker .brand-spark{width:15px;height:15px;flex:none}

.signal-feature-row{grid-template-columns:30px 1fr}.contact-title{gap:0}.case-controls button{min-width:64px}.news{padding-top:28px;padding-bottom:28px}
@media(max-width:700px){
html{scroll-padding-top:86px}body{overflow-x:clip}header{height:78px;padding:10px 18px;gap:16px}header .wordmark{width:172px}.menu{font-size:13px;min-width:65px;min-height:44px;border:1px solid #f7f4ee65;border-radius:24px;color:#f7f4ee;background:transparent}header nav.open{top:78px;padding:20px;gap:0;background:#262a2d;border-top:1px solid #f7f4ee33}nav.open a{padding:14px 0;font-size:16px}
.hero.reel-hero{height:auto!important;min-height:0!important;max-height:none;margin:8px;display:block;border-radius:14px}.reel-hero #showreel{position:relative!important;inset:auto!important;display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:center}.reel-hero .reel-shade{display:none}.hero.reel-hero .hero-copy{position:relative!important;inset:auto!important;display:block;height:auto!important;padding:22px 20px 14px;background:#262a2d}.hero.reel-hero h1{font-size:clamp(25px,6.8vw,38px);line-height:1.2!important;margin:0 0 18px}.hero.reel-hero .hero-bottom p{font-size:15px;line-height:1.6;max-width:none}.hero .reel-controls{position:relative;inset:auto;display:flex;justify-content:flex-start;padding:0 20px 20px;gap:10px;background:#262a2d}.reel-controls button{min-height:40px;padding:9px 16px;font-size:12px}
.client-marquee{padding:10px 0}.client-logo{height:62px!important;min-height:0!important}.client-track{padding-top:8px;padding-bottom:8px}.ticker{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;text-align:center;font-size:9px;letter-spacing:.2px}.ticker .brand-spark{display:none}.ticker span{white-space:normal;line-height:1.4}
.section{padding:30px 18px!important}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:16px}.services-refresh>.eyebrow{margin-bottom:16px}.services-layout{gap:14px}.services-visual{min-height:340px!important}.services-visual-copy{padding:22px;gap:14px;min-height:340px}.services-visual-copy h2{font-size:31px;line-height:1.2!important}.services-visual-copy>p{font-size:14px}.services-overline{font-size:9px}.services-cta{font-size:13px;padding:5px 0;gap:0}.services-cards{gap:10px}.service-tile{min-height:0!important;padding:20px!important;border-radius:14px}.service-tile-top{margin-bottom:12px}.service-tile-top img{height:20px;width:20px}.service-tile h3{font-size:23px;line-height:1.2!important;margin-bottom:10px;max-width:none}.service-tile>p{font-size:14px;margin-bottom:14px}.service-tags{margin-top:0}
#work{padding-top:12px!important}#work .work-intro{margin-bottom:18px;padding:24px 20px;min-height:0;border-radius:14px}.work-intro h2{font-size:clamp(27px,7.1vw,36px);line-height:1.2!important}.work-intro .section-heading>p{margin-top:16px;font-size:14px;line-height:1.6}.filters{margin:18px 0;padding-top:14px;gap:8px}.filters button{padding:9px 14px;font-size:11px}.case-controls{margin:12px 0;gap:8px}.standout-grid,.work-grid{gap:20px}.rotating-work .photo{aspect-ratio:1.1!important}.rotating-work .card-foot{left:20px;right:20px;bottom:20px}.rotating-work .card-foot h3,.rotating-work .work-card:first-child .card-foot h3{font-size:26px;line-height:1.2!important}.story-card .story-photo .story-caption h3{font-size:25px;line-height:1.2!important}.three-highlights{padding:18px 12px!important;min-height:96px!important}.three-highlights>div{padding:0 8px!important}.three-highlights strong{font-size:24px!important}.three-highlights .highlight-text strong{font-size:12px!important}.three-highlights span{font-size:9px!important}
#about{display:block}.about h2{font-size:29px;line-height:1.2!important}.about .definition{margin:16px 0 20px;font-size:13px;line-height:1.6}.about-copy .lead{font-size:20px;line-height:1.5;margin-bottom:18px}.about-copy>p{font-size:14px;line-height:1.65;margin-bottom:16px}.about-copy .text-link{margin-top:0;padding-bottom:7px;font-size:13px}.section-heading{margin-bottom:22px;gap:16px}.section-heading>p{font-size:14px}.family h2,.team h2{font-size:29px;line-height:1.2!important}.family-grid{gap:14px}.family-grid>a{padding:24px;min-height:0}.family-grid .family-brand{margin:24px 0;width:270px}.family-grid>a>p{font-size:15px}.family-link{margin-top:20px}.signal-feature{gap:24px}.signal-feature h2{font-size:30px;line-height:1.2!important}.signal-tagline{margin:16px 0 20px;font-size:16px}.signal-description{font-size:14px;margin-bottom:20px}.signal-feature-row{padding:17px 0}.team-grid{gap:22px 14px}.team-grid h3{font-family:Manrope,Arial,sans-serif;font-size:13px;letter-spacing:0!important;text-transform:none;font-weight:700!important;line-height:1.4!important;margin-top:10px;overflow-wrap:anywhere}.team-grid p{font-size:12px;line-height:1.5}.team-grid img{aspect-ratio:1;object-position:center}.news.section{padding:22px 18px!important}.news .eyebrow{margin-bottom:10px}.news p{font-size:14px;line-height:1.6}.news .text-link{display:inline-block;margin-top:14px}.contact .eyebrow{font-size:9px}.contact-title h2{font-size:30px;line-height:1.2!important}.contact-grid{margin-top:24px;gap:24px}.contact-grid h3{font-size:18px}.contact-grid p,.contact-grid address,.contact-grid a{font-size:14px}.contact-title{padding-bottom:20px}footer{padding:24px 18px;gap:18px}footer .wordmark{width:160px}.case-intro h1{font-size:28px}.case-story{display:block}.case-story>div+div{margin-top:20px}.dialog-copy{padding:22px}.dialog-copy h2{font-size:27px}.dialog-copy h3{font-size:20px}.dialog-copy p{font-size:14px}
}

/* Keep services and selected work together without stacked section padding. */
#services.section{padding-bottom:20px!important}
#work.section{padding-top:20px!important}
@media(max-width:700px){#services.section{padding-bottom:12px!important}#work.section{padding-top:12px!important}}

/* Slightly larger header navigation across screen sizes. */
header nav{font-size:16px}header nav>a,header nav .button.small{font-size:inherit}
@media(max-width:1000px) and (min-width:701px){header nav{font-size:14px}}
@media(max-width:700px){header nav.open a{font-size:18px}}