:root{color-scheme:dark;--bg:#101010;--surface:#1a1a1a;--text:#fff;--text-soft:#ddd;--muted:#aaa;--line:#ffffff25;--line-strong:#ffffff50;--accent:#d66943}
:root[data-theme=light]{color-scheme:light;--bg:#F9F9F9;--surface:#F9F9F9;--text:#191919;--text-soft:#35312e;--muted:#625c57;--line:#241c1826;--line-strong:#241c1850;--accent:#a83e25}
.theme-toggle{width:31px;min-width:31px;height:34px}.theme-toggle svg{width:20px;height:20px}.theme-moon{display:none!important}[data-theme=light] .theme-sun{display:none!important}[data-theme=light] .theme-moon{display:block!important}
.primary,.primary:hover{color:#fff}.black-swatch{background:#101010}.white-swatch{background:#fff}.preview-label,.toast{background:var(--text);color:var(--bg)}.product-tag{background:#101010e8;color:#fff}.zoom-icon{background:#101010cf;color:#fff}.thumbnail.selected{border-color:var(--text)}
/* Campaign artwork retains its original lighting and readable white overlays. */
.collection-hero,.shiv-feature,.shiv-copy{color:#fff}.hero-collection-copy,.hero-collection-link:hover,.slideshow-toggle{color:#fff}.hero-collection-link{border-color:#fff}.slide-marker span{background:#fff}.shiv-copy .eyebrow,.shiv-copy p{color:#ddd}.shiv-copy .text-link{color:#fff;border-color:#ffffff70}.shiv-feature .coming-label{color:#f38a48}.shiv-copy{background:#080909}
[data-theme=light] .brand img,[data-theme=light] .footer-logo img{filter:invert(1);mix-blend-mode:multiply}
.home-page .site-header{color:#fff}.home-page.header-solid .site-header,.home-page.menu-is-open .site-header{color:var(--text);background:var(--bg)}.home-page .site-header .brand{background:#fff}.home-page.header-solid .site-header .brand,.home-page.menu-is-open .site-header .brand{background:var(--text)}.home-page .site-header .brand img{filter:none}.home-page .collection-dropdown,.home-page .site-mobile-nav{color:var(--text)}
.story-hero figcaption{color:#ddd}.story-page .team-card img{background:#080808}.story-page .section-nav{background:var(--bg)}.story-page .story-hero figcaption{color:#ddd}.story-page #storyToast{background:var(--text);color:var(--bg)}
[data-theme=light] .photo-dialog{background:var(--bg)}[data-theme=light] .image-stage{background:var(--bg)}[data-theme=light] .section-nav a.active{color:var(--accent);border-color:var(--accent)}
@media(max-width:640px){.header{padding-inline:18px}.header-actions{gap:10px}.theme-toggle{width:27px;min-width:27px}.story-page .story-hero figcaption{color:var(--muted)}}
[data-theme=light] .site-header .brand img,[data-theme=light] .footer-logo img{filter:invert(1)!important;mix-blend-mode:multiply!important}.home-page:not(.header-solid):not(.menu-is-open) .site-header .brand img{filter:none!important;mix-blend-mode:screen!important}.story-page .section-nav a{color:var(--muted)}.story-page .section-nav a.active{color:var(--accent)}.story-page .linkedin-placeholder{color:var(--text-soft)}.story-page .editorial-copy strong,.story-page .editorial-copy .closing,.story-page .editorial-copy h3{color:var(--text)}.story-page .editorial-copy blockquote{color:var(--accent)}
:root{--accent:#B74732}:root[data-theme=light]{--accent:#a83e25}.white-swatch{box-shadow:inset 0 0 0 1px #aaa}
[data-theme=light] .site-header .brand img,[data-theme=light] .footer-logo img{filter:none!important;mix-blend-mode:multiply!important}
/* Shared header standard: reduce the wordmark by 20% at every breakpoint. */
.site-header .brand{transform:translateX(-50%) scale(.8);transform-origin:center}
/* Floating transparent header across the complete storefront preview. */
body .site-header,body.home-page .site-header,body.home-page.header-solid .site-header,body.home-page.menu-is-open .site-header,body.story-page .header{position:fixed;inset:0 0 auto;width:100%;z-index:80;background:transparent;border-bottom:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body:not(.home-page){padding-top:88px}
body .site-mobile-nav{position:fixed;top:88px;z-index:79;background:var(--bg)}
.home-page.header-solid .site-header,.home-page.menu-is-open .site-header{color:var(--text)}
.story-page .section-nav{top:88px;z-index:70}
@media(max-width:640px){body:not(.home-page){padding-top:72px}body .site-header,body.story-page .header{height:72px}body .site-mobile-nav,.story-page .section-nav{top:72px}}
/* Render official monochrome artwork as a mask: no rectangular image background. */
body .site-header .brand,body.home-page .site-header .brand,body.home-page.header-solid .site-header .brand,body.home-page.menu-is-open .site-header .brand{height:76px;background:currentColor;mix-blend-mode:normal;mask-image:linear-gradient(#fff,#fff),url('assets/official-wordmark.jpg');mask-size:100% 100%,100% 100%;mask-repeat:no-repeat;mask-mode:alpha,luminance;mask-composite:exclude}
body .site-header .brand img{opacity:0}
body .footer-logo{display:block;width:108px;height:108px;background:var(--text);mask-image:linear-gradient(#fff,#fff),url('assets/official-monogram.jpg');mask-size:100% 100%,100% 100%;mask-repeat:no-repeat;mask-mode:alpha,luminance;mask-composite:exclude}
body .footer-logo img{opacity:0}
@media(max-width:640px){body .site-header .brand,body.home-page .site-header .brand{height:64px}}
body.home-page .site-header .brand{height:63px}@media(max-width:640px){body.home-page .site-header .brand{height:55.125px}}

/* Remove mask edge lines around the official logos. */
body .site-header .brand,body .footer-logo{clip-path:inset(10% 3%);border:0;box-shadow:none}

/* Light grey is the shared light-theme canvas across every page and overlay. */
[data-theme=light] .shiv-feature,[data-theme=light] .shiv-copy,[data-theme=light] .thumbnail,[data-theme=light] .story-page .team-card img,[data-theme=light] .best-sellers .garment-card .product-visual img{background:var(--bg)}
[data-theme=light] .shiv-copy{color:var(--text)}
[data-theme=light] .shiv-copy .eyebrow,[data-theme=light] .shiv-copy p{color:var(--text-soft)}
[data-theme=light] .shiv-copy .text-link{color:var(--text);border-color:var(--line-strong)}



/* Navigation follows the selected theme, including over campaign photography. */
:root[data-theme] body .site-header{background:var(--bg);color:var(--text);transition:background-color .2s,color .2s}
:root[data-theme] .collection-dropdown,:root[data-theme] .site-mobile-nav{background:var(--bg);color:var(--text)}

/* Mobile header: menu/search left, proportionate centred logo, theme/cart right. */
body .site-header .bag-button{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:34px;padding:0;background:none}
body .site-header .bag-label{display:none}
body .site-header .bag-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
body .site-header .bag-count{position:absolute;top:-1px;right:-5px;width:15px;height:15px;border:0;border-radius:50%;font-size:8px;background:var(--text);color:var(--bg)}
@media(max-width:850px){
 body .site-header{display:grid;grid-template-columns:28px 28px minmax(0,1fr) 28px 28px;column-gap:8px;align-items:center;padding-inline:16px}
 body .site-header .main-nav{display:none}
 body .site-header .header-actions{display:contents}
 body .site-header .mobile-menu{display:grid;grid-column:1;grid-row:1}
 body .site-header #searchToggle,body .site-header #productSearchToggle{grid-column:2;grid-row:1}
 body .site-header .theme-toggle{grid-column:4;grid-row:1}
 body .site-header .account-button{display:none}
 body .site-header .bag-button{grid-column:5;grid-row:1}
 :root[data-theme] body .site-header .brand{--header-logo-width:clamp(58px,18vw,96px);left:50%;top:50%;width:var(--header-logo-width);height:calc(var(--header-logo-width) * .5625);transform:translate(-50%,-50%) scale(.8)}
 body .site-header .icon-button,body .site-header .theme-toggle,body .site-header .bag-button{width:28px;min-width:28px;height:38px;padding:0}
 body .site-header .icon-button svg{width:22px;height:22px}
 body .site-header .theme-toggle svg{width:20px;height:20px}
}