/* Wallpaper-derived Comparsa palette; the company introduction stays white. */
:root{--story-top:#f2edde;--story-mid:#ccd3c7;--story-bottom:#a6b9b0;--story-ink:#162f28;--story-muted:#304b40;--story-line:#162f2826;--story-card:#e9eee5;--story-soft:#dbe3d8;--story-accent:#187262;--story-header:#e5e9ddf2}
:root[data-comparsa-theme=dusk]{--story-top:#718478;--story-mid:#455e54;--story-bottom:#1a3931;--story-ink:#f5f1ea;--story-muted:#f5f1ea;--story-line:#e0ead530;--story-card:#25463c;--story-soft:#1c3b32;--story-accent:#b3ead8;--story-header:#38584cf2}
:root[data-comparsa-theme=night]{--story-top:#0c231f;--story-mid:#081916;--story-bottom:#04100e;--story-ink:#f5f1ea;--story-muted:#b9c9c0;--story-line:#d9eee023;--story-card:#112d25;--story-soft:#0a231c;--story-accent:#9fe3cd;--story-header:#081c17f2}
html,body{background:#fff}
.daylight-site .intro{background:#fff;--ink:#14232e;--blue:#2b6e91}
.daylight-site .intro h1{font-size:clamp(56px,5.55vw,94px);font-weight:400;line-height:1.09;letter-spacing:-.045em}
.daylight-site .intro h1>span{color:#2b6e91}
.daylight-site .masthead .escalate-mark{font-size:16px;font-weight:500;letter-spacing:.06em;line-height:1.2;white-space:nowrap;max-width:none;gap:12px}
.daylight-site .masthead.past-intro{background:#fffffff2;box-shadow:0 0 0 20px #fffffff2}
.daylight-site .masthead.past-intro::before{background:#fffffff2}
.daylight-site .masthead.in-story{color:var(--story-ink);border-color:var(--story-line);background:var(--story-header);box-shadow:0 0 0 20px var(--story-header)}
.daylight-site .masthead.in-story::before{background:var(--story-header)}
.daylight-site .masthead.in-story :is(.button,.mobile-explore){color:var(--story-ink);background:var(--story-card);border-color:var(--story-line)}
.daylight-site .masthead.in-story :is(.button,.mobile-explore)>span{color:var(--story-accent)}
.daylight-site .product-story{background:linear-gradient(180deg,var(--story-top),var(--story-mid) 48%,var(--story-bottom));color:var(--story-ink);--ink:var(--story-ink);--blue:var(--story-accent)}
.daylight-site .product-story .chapter{background:transparent;color:var(--story-ink);border-color:var(--story-line)}
.daylight-site .product-story :is(h2,h3){color:var(--story-ink)}
.daylight-site .product-story :is(.eyebrow,.chapter-foot,.section-description,.audience-note,.closing-domain){color:var(--story-muted)}
.daylight-site .product-story .flagship-heading>p:last-child{color:var(--story-ink)}
.daylight-site .comparsa-lockup{display:block;width:clamp(310px,32vw,500px);max-width:100%;margin:auto}
.daylight-site .comparsa-lockup .comparsa-mark{width:100%;height:auto;margin:0;filter:none;opacity:1}
.daylight-site .comparsa-lockup .logo-night{display:none}
:root:is([data-comparsa-theme=dusk],[data-comparsa-theme=night]) .daylight-site .comparsa-lockup .logo-day{display:none}
:root:is([data-comparsa-theme=dusk],[data-comparsa-theme=night]) .daylight-site .comparsa-lockup .logo-night{display:block}
.daylight-site .product-story :is(.button,.text-link){color:var(--story-ink);background:var(--story-card);border-color:var(--story-line)}
.daylight-site .product-story :is(.button,.text-link)>span{color:var(--story-accent)}
.daylight-site .product-story :is(.button,.text-link):hover{background:var(--story-soft);border-color:var(--story-accent)}
.daylight-site .product-story :is(.categories li,.categories li:first-child){color:var(--story-ink);border-color:var(--story-line);background:transparent}
.daylight-site .product-story :is(.booking-preview,.audience-card){background:var(--story-card);color:var(--story-ink);border-color:var(--story-line)}
.daylight-site .product-story :is(.booking-header,.booking-summary dl>div,.audience-card dl>div){border-color:var(--story-line)}
.daylight-site .product-story :is(.booking-header>span,.booking-summary dt,.audience-card dt,.example-rate p,.booking-disclaimer,.phone figcaption){color:var(--story-muted)}
.daylight-site .product-story :is(.booking-summary dd,.audience-card dd,.example-rate span,.example-rate strong){color:var(--story-ink)}
.daylight-site .product-story .example-rate{background:var(--story-soft)}
.daylight-site .product-story .booking-creative :is(h3,.eyebrow){color:#fff}
.daylight-site .product-story .portfolio-note{background:var(--story-card);border-color:var(--story-line);color:var(--story-ink)}
.daylight-site .product-story .portfolio-note>span:first-child{color:var(--story-accent)}
.daylight-site .site-footer{background:var(--story-bottom);color:var(--story-ink);border-color:var(--story-line)}
.daylight-site .site-footer :is(.footer-top>div>p,.footer-top nav>a){color:var(--story-ink)}
.daylight-site .site-footer :is(.footer-top nav>p,.footer-bottom,.escalate-mark span){color:var(--story-muted);border-color:var(--story-line)}
.daylight-site .journey-progress{right:calc(4% + 136px);background:var(--story-header);border-color:var(--story-line);color:var(--story-ink)}
.daylight-site .product-story :is(a,button):focus-visible,.site-footer :is(a,button):focus-visible{outline-color:var(--story-accent)}
.ee-stage .orb-controls{flex-wrap:nowrap}
.orb-replay{border:0;border-radius:4px;padding:0 10px;height:44px;display:flex;align-items:center;gap:10px;color:#385c71;background:transparent;font:inherit;font-size:12px}
.orb-replay[hidden]{display:none}
.orb-replay:hover{background:#edf3f6}
.ee-sculpture{pointer-events:none;user-select:none;-webkit-user-select:none}
.ee-sculpture img,.ee-sculpture video{-webkit-user-drag:none;pointer-events:none}
.ee-sculpture[data-mode=waiting] .orb-center{opacity:1}
.ee-sculpture[data-mode=waiting] .orb-poster{opacity:0}
.ee-sculpture[data-mode=playing] .orb-film{opacity:1}
.ee-sculpture[data-mode=playing] :is(.orb-center,.orb-poster){opacity:0}
/* One render follows the scroll. Uniform scale preserves the circular outline. */
.ee-sculpture.is-following{position:fixed;inset:auto;left:0;top:0;width:var(--orb-size);height:var(--orb-size);transform:translate3d(var(--orb-x),var(--orb-y),0);z-index:24;contain:layout style;pointer-events:none}
.ee-sculpture.is-following>img,.ee-sculpture.is-following>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ee-sculpture.is-following>.orb-film,.ee-sculpture.is-following>.orb-center{opacity:0}
.ee-sculpture.is-following[data-mode=waiting]>.orb-center{opacity:1}
.ee-sculpture.is-following[data-mode=waiting]>.orb-poster{opacity:0}
.ee-sculpture.is-following[data-mode=playing]>.orb-film{opacity:1}
.ee-sculpture.is-following[data-mode=playing]>img{opacity:0}
.menu-open .ee-sculpture.is-following{visibility:hidden}
@media(min-width:1800px){.daylight-site .intro h1{font-size:100px}.ee-stage{max-width:850px}}
@media(max-width:1050px) and (min-width:801px){.daylight-site .intro h1{font-size:60px}.daylight-site .masthead .escalate-mark{font-size:14px;gap:8px}}
@media(max-width:800px){
 .daylight-site .intro h1{font-size:clamp(50px,10.4vw,76px);letter-spacing:-.04em;line-height:1.08}
 .daylight-site .masthead .escalate-mark{font-size:14px;gap:3px;flex-direction:column;align-items:flex-start}.daylight-site .masthead .escalate-mark span{font-size:9px;letter-spacing:.1em}
 .daylight-site .masthead{gap:12px}
 .daylight-site .mobile-navigation{gap:8px}
 .daylight-site .mobile-explore{font-size:10px;gap:8px;padding:0 10px;min-height:44px}
 .daylight-site .comparsa-lockup{width:clamp(260px,78vw,380px)}
 .ee-stage .orb-controls{gap:4px}.orb-hint{flex:1 1 auto;max-width:130px;font-size:11px}.orb-actions{width:auto;margin-left:auto}
 .daylight-site .masthead.in-story{box-shadow:0 0 0 15px var(--story-header)}
 .daylight-site .product-story .chapter{padding-bottom:140px}
}
@media(max-width:390px){.daylight-site .masthead .escalate-mark{font-size:13px}.daylight-site .intro h1{font-size:clamp(46px,12.5vw,51px)}}
@media(prefers-reduced-motion:reduce){.ee-sculpture>.orb-poster{opacity:1!important}.ee-sculpture>:is(.orb-film,.orb-center){display:none}}

:root[data-comparsa-theme=dusk] .daylight-site .product-story{background-image:linear-gradient(rgb(0 0 0 / .18),rgb(0 0 0 / .18)),linear-gradient(180deg,var(--story-top),var(--story-mid) 48%,var(--story-bottom))}
.daylight-site .masthead.in-story nav>a:hover{color:var(--story-accent)}

.daylight-site .chapter-markers a:not(.current)>span{opacity:.62}

:root[data-comparsa-theme=dusk] .daylight-site .site-footer{background:linear-gradient(rgb(0 0 0 / .18),rgb(0 0 0 / .18)),var(--story-bottom)}

.ee-stage .motion-symbol{width:auto;font-size:11px;letter-spacing:0}

.daylight-site .masthead.in-story .escalate-mark span{color:var(--story-muted)}

/* The opening tagline uses the footer tagline's uppercase, spaced treatment. */
.daylight-site .intro h1{font-family:var(--sans);font-size:clamp(42px,4.5vw,72px);font-weight:400;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#334b58}
.daylight-site .intro h1>span{color:inherit}
@media(min-width:1800px){.daylight-site .intro h1{font-size:76px}}
@media(max-width:1050px) and (min-width:801px){.daylight-site .intro h1{font-size:48px}}
@media(max-width:800px){.daylight-site .intro h1{font-size:clamp(36px,8.4vw,60px);line-height:1.2;letter-spacing:.04em}}
@media(max-width:390px){.daylight-site .intro h1{font-size:clamp(30px,8.4vw,34px)}}

/* Keep both instances on one typographic rule, with only headline size differing. */
.daylight-site .intro h1,
.daylight-site .closing .chapter-foot{
 font-family:var(--sans);font-weight:400;font-style:normal;letter-spacing:.04em;text-transform:uppercase;
}

/* One edge-to-edge header surface: no inset shadow extending below its baseline. */
.daylight-site .masthead,
.daylight-site .masthead.past-intro,
.daylight-site .masthead.in-story{
 background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.daylight-site .masthead::before{
 left:calc(-1 * var(--header-inset,4vw));right:calc(-1 * var(--header-inset,4vw));
 top:0;bottom:-1px;background:transparent;
}
.daylight-site .masthead.past-intro::before{background:#fffffff2}
.daylight-site .masthead.in-story::before{background:var(--story-header)}
@media(max-width:800px){.daylight-site .masthead{--header-inset:6vw}}

/* Phone navigation occupies the viewport rather than an inset desktop drawer. */
.fluid-mobile-menu{
 inset:0;width:100%;height:100vh;height:100dvh;max-width:100%;max-height:100dvh;
 box-sizing:border-box;margin:0;overflow:auto;overscroll-behavior:contain;
 padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
 background:#fff;color:#14232e;font-family:var(--sans);
}
.fluid-mobile-menu .mobile-menu-heading{min-height:52px;gap:16px}
.fluid-mobile-menu .escalate-mark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.06em;line-height:1.2;white-space:normal}
.fluid-mobile-menu .escalate-mark span{font-size:9px;letter-spacing:.1em}
.fluid-mobile-menu .escalate-mark:focus{outline:none}
.fluid-mobile-menu #menu-close{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;display:grid;place-items:center;border:1px solid #cfd9df;border-radius:4px}
.fluid-mobile-menu #menu-close svg{width:18px;height:18px}
.fluid-mobile-menu nav{margin-top:clamp(24px,7vh,56px)}
.fluid-mobile-menu nav a{font-family:var(--sans);font-size:clamp(21px,5.6vw,28px);line-height:1.35;letter-spacing:-.025em;min-height:64px;padding:20px 0;overflow-wrap:anywhere}
html.menu-open body{position:fixed;top:var(--menu-scroll-top,0px);left:0;right:0;width:100%;overflow:hidden}
@media(max-width:800px){
 html{scrollbar-gutter:auto}
 .daylight-site .masthead{height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 .daylight-site .masthead .escalate-mark,.daylight-site .mobile-navigation{flex-shrink:0}
 .daylight-site .menu-trigger{flex:0 0 44px;align-items:center}
 .daylight-site .intro{padding-top:calc(117px + env(safe-area-inset-top))}
 .daylight-site .intro-copy{width:100%;min-width:0}
 .daylight-site .intro h1{font-size:clamp(28px,8vw,60px);overflow-wrap:normal}
 .daylight-site :is(.booking-preview,.booking-summary,.audience-card,.editorial-copy){min-width:0;max-width:100%}
 .daylight-site :is(.booking-summary,.audience-card) :is(dt,dd){min-width:0;overflow-wrap:anywhere}
 .daylight-site .categories{flex-wrap:wrap}
 .daylight-site .footer-top nav>a,.daylight-site .footer-bottom nav>a{display:inline-flex;align-items:center;min-height:44px}
 .daylight-site .footer-bottom nav{flex-wrap:wrap}
 .daylight-site .chapter-foot{max-width:86%;line-height:1.5;text-align:right}
 .daylight-site .portfolio-note{right:0;max-width:100%}
}
@media(max-width:380px){
 .daylight-site .mobile-explore{display:none}
 .daylight-site .mobile-navigation{margin-left:auto}
 .daylight-site .audience-card{padding:22px 18px}
}