/* Public identity only. Stable site IDs, content fields and storage remain unchanged.
   The existing Nour body classes scope this layer without a CMS template migration.
   All logo artwork is the supplied raster asset; no recreated lettering or filters. */





:is(body.nour,body.watch-brands-page){
 --brand-ink:#10233F;--brand-accent:#1E4D83;--brand-paper:#F7F9FC;
 --brand-metal:#BFC5CF;--brand-soft:#E9EDF3;--brand-muted:#516075;
 --brand-display:'GFS Didot',Georgia,serif;--brand-body:Inter,Arial,sans-serif;
 --brand-space-1:.5rem;--brand-space-2:1rem;--brand-space-3:1.5rem;--brand-space-4:2.5rem;--brand-radius:.5rem;
 --paper:var(--brand-paper);--white:#fff;--ink:var(--brand-ink);--dark:var(--brand-ink);
 --accent:var(--brand-accent);--gold:var(--brand-metal);--soft:var(--brand-soft);
 --muted:var(--brand-muted);--line:var(--brand-metal);--rose:var(--brand-accent);
 --serif:var(--brand-display);--sans:var(--brand-body);
 color:var(--brand-ink);background:var(--brand-paper);font-family:var(--brand-body)
}
/* Retain the current house layout while reconciling its own palette tokens. */
body.watch-brands-page{--wb-ink:var(--brand-ink);--wb-muted:var(--brand-muted);--wb-paper:var(--brand-paper);--wb-line:var(--brand-metal)}
:is(body.nour,body.watch-brands-page) :is(h1,h2,h3,h4){font-family:var(--brand-display);font-weight:400}
body.watch-brands-page :is(.wb-deck,.wb-facts,.wb-history-index nav span,.wb-house-paging a,.wb-house-pending summary,.wb-house-evidence summary){font-family:var(--brand-display)!important}
body.watch-brands-page :is(.wb-kicker,.wb-photo figcaption,.wb-facts small,.wb-discovery input,.wb-discovery select,.wb-house-story ul,.wb-house-selection ul,.wb-draft-label,.wb-house-selection-card>span,.wb-house-paging small){font-family:var(--brand-body)}
:is(body.nour,body.watch-brands-page) :focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}
:is(body.nour,body.watch-brands-page) .site-header{background:var(--brand-paper);border-color:var(--brand-metal)}
:is(body.nour,body.watch-brands-page) .site-footer{background:var(--brand-paper);color:var(--brand-ink)}
:is(body.nour,body.watch-brands-page) .footer-top>div:first-child{flex:0 0 260px;min-width:min(260px,100%)}
:is(body.nour,body.watch-brands-page) a.wordmark.brand-wordmark{display:block;flex:0 0 auto;white-space:normal;line-height:1;max-width:100%}
:is(body.nour,body.watch-brands-page) a.wordmark.brand-wordmark img{display:block!important;width:288px;height:auto;aspect-ratio:1242/340;max-width:100%;object-fit:contain;object-position:left center;filter:none;mix-blend-mode:normal}
:is(body.nour,body.watch-brands-page) .site-footer a.wordmark.brand-wordmark img{content:url("brand/logo-wordmark-withheld.svg");width:260px;height:auto;aspect-ratio:919/256}
:is(body.nour,body.watch-brands-page) .brand-origin{font-size:11px;letter-spacing:.07em;margin-top:18px;opacity:.9}
@media(min-width:1281px){:is(body.nour,body.watch-brands-page) .main-nav{gap:17px;font-size:11px}}
@media(max-width:1280px){
 :is(body.nour,body.watch-brands-page) .header-inner{position:relative;flex-wrap:wrap}
 :is(body.nour,body.watch-brands-page) .menu-toggle{display:block}
 :is(body.nour,body.watch-brands-page) .main-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:100;padding:18px 6%;background:var(--brand-paper);border-bottom:1px solid var(--brand-metal);flex-direction:column;align-items:stretch;gap:6px;max-height:calc(100dvh - 140px);overflow:auto}
 :is(body.nour,body.watch-brands-page) .main-nav.is-open{display:flex}
 :is(body.nour,body.watch-brands-page) .main-nav a{font-size:14px;padding:10px 0}
}
@media(max-width:600px){
 :is(body.nour,body.watch-brands-page) .site-header a.wordmark.brand-wordmark img{content:url("brand/logo-wordmark-withheld.svg");width:clamp(174px,55vw,240px);height:auto;aspect-ratio:919/256}
 :is(body.nour,body.watch-brands-page) .header-inner{gap:12px}
}
@media(prefers-reduced-motion:reduce){
 :is(body.nour,body.watch-brands-page) a.wordmark.brand-wordmark img{animation:none!important;transition:none!important}
 html:has(body.nour),html:has(body.watch-brands-page){scroll-behavior:auto}
}

/* Luxury logo motion — October release. Exact approved artwork remains unchanged. */
@media (prefers-reduced-motion: no-preference) {
 html:not(.motion-off) .site-header .brand-wordmark { animation: lumiere-logo-reveal 1000ms cubic-bezier(.2,.65,.3,1) both; }
 html:not(.motion-off) .site-header .brand-wordmark img { transition: transform 350ms ease; transform-origin: left center; }
 html:not(.motion-off) .site-header .brand-wordmark:is(:hover,:focus-visible) img { transform: scale(1.018); }
}
@keyframes lumiere-logo-reveal { 0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:translateX(0)} }
html.motion-off .site-header .brand-wordmark,
html.motion-off .site-header .brand-wordmark img { animation:none!important;transition:none!important;transform:none!important; }
@media(prefers-reduced-motion:reduce){
 .site-header .brand-wordmark,.site-header .brand-wordmark img { animation:none!important;transition:none!important;transform:none!important; }
}