:root{--ecsf-font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ecsf-font-display:var(--ecsf-font-body);--ecsf-width:1440px;--ecsf-radius:4px;--ecsf-gutter:clamp(16px,4vw,64px);--ecsf-header-height:88px;--ecsf-space:24px}
.ecsf{--ecsf-bg:#faf8f5;--ecsf-surface:#f0ece7;--ecsf-text:#191919;--ecsf-muted:#595550;--ecsf-line:#c7bfb5;--ecsf-focus:#245bc1;color-scheme:light}
.ecsf[data-mode=dark]{--ecsf-bg:#171819;--ecsf-surface:#242628;--ecsf-text:#f6f3ee;--ecsf-muted:#c3bdb4;--ecsf-line:#686b6d;--ecsf-focus:#a7c6ff;color-scheme:dark}
@media(prefers-color-scheme:dark){.ecsf[data-mode=system]{--ecsf-bg:#171819;--ecsf-surface:#242628;--ecsf-text:#f6f3ee;--ecsf-muted:#c3bdb4;--ecsf-line:#686b6d;--ecsf-focus:#a7c6ff;color-scheme:dark}}
.ecsf[data-preset=editorial]{--ecsf-font-display:Georgia,"Times New Roman",serif;--ecsf-header-height:96px}
.ecsf[data-preset=performance]{--ecsf-header-height:72px}
.ecsf[data-corners=square]{--ecsf-radius:0}.ecsf[data-corners=soft]{--ecsf-radius:16px}
.ecsf[data-density=compact]{--ecsf-space:16px}.ecsf[data-density=airy]{--ecsf-space:32px}
.ecsf[data-typography=editorial]{--ecsf-font-display:Georgia,"Times New Roman",serif}.ecsf[data-typography=classic]{--ecsf-font-body:Georgia,"Times New Roman",serif}

.ecsf{margin:0;background:var(--ecsf-bg);color:var(--ecsf-text);font:400 1rem/1.6 var(--ecsf-font-body)}
.ecsf *,.ecsf *::before,.ecsf *::after{box-sizing:border-box}.ecsf [hidden]{display:none!important}
.ecsf .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.ecsf a{color:inherit;text-underline-offset:.25em}.ecsf button,.ecsf input{font:inherit}.ecsf button{cursor:pointer}
.ecsf :focus-visible{outline:2px solid var(--ecsf-focus);outline-offset:4px}
.ecsf img{max-width:100%;height:auto}.ecsf h1,.ecsf h2,.ecsf h3{font-family:var(--ecsf-font-display);line-height:1.15;font-weight:500;overflow-wrap:anywhere}
.ecsf-content{max-width:var(--ecsf-width);margin-inline:auto;padding:48px var(--ecsf-gutter);min-height:50vh;overflow-wrap:anywhere}
.ecsf-content h1{font-size:clamp(2rem,5vw,4rem)}.ecsf-content :where(input,textarea,select){max-width:100%}
.ecsf-skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--ecsf-bg);z-index:100001;transform:translateY(-200%)}.ecsf-skip:focus{transform:none}

/* Shared card/product ratings: local artwork, native product data, no script. */
.ecsf{--ecsf-rating-ink:#000}.ecsf[data-mode=dark]{--ecsf-rating-ink:#fff}
@media(prefers-color-scheme:dark){.ecsf[data-mode=system]{--ecsf-rating-ink:#fff}}
.ecsf .ecsf-rating{--ecsf-star-size:15px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 10px;font:400 .875rem/1.5 var(--ecsf-font-body);color:var(--ecsf-text);font-variant-numeric:tabular-nums}
.ecsf .ecsf-rating-large{--ecsf-star-size:20px;font-size:.875rem;gap:8px}
.ecsf .ecsf-rating-stars{display:inline-flex;flex:none;gap:3px;color:var(--ecsf-rating-ink);direction:ltr}
.ecsf .ecsf-rating-star{position:relative;display:block;flex:none;width:calc(var(--ecsf-star-size)*577.78/549.5);height:var(--ecsf-star-size)}
.ecsf .ecsf-rating-star>span{position:absolute;inset:0;display:block}
.ecsf .ecsf-rating-star svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}
.ecsf .ecsf-rating-average,.ecsf .ecsf-rating-count{color:var(--ecsf-muted)}
/* Legacy brand snippets hide WooCommerce review links; this component needs its count. */
.ecsf .ecsf-rating a.ecsf-rating-count{display:inline!important}
@media(prefers-reduced-motion:reduce){.ecsf *, .ecsf *::before,.ecsf *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.ecsf-header{border-bottom:1px solid var(--ecsf-line);position:relative;z-index:20;background:var(--ecsf-header-bg,var(--ecsf-bg))}
.ecsf-header-inner{min-height:var(--ecsf-header-height);max-width:var(--ecsf-width);margin:auto;padding:12px var(--ecsf-gutter);display:flex;align-items:center;gap:clamp(16px,3vw,48px);flex-wrap:wrap}
.ecsf-brand{display:grid;align-items:center;width:clamp(120px,18vw,240px);height:48px;flex-shrink:0;font-size:clamp(1rem,2vw,1.5rem);font-weight:500;letter-spacing:.12em;text-decoration:none;line-height:1.1;overflow-wrap:anywhere}
.ecsf-brand img{grid-area:1/1;width:100%;height:48px;object-fit:contain;object-position:left center}.ecsf-logo-dark{visibility:hidden}
.ecsf-brand>picture{grid-area:1/1;height:48px}
[data-mode=dark] .ecsf-brand-dual .ecsf-logo-light{visibility:hidden}[data-mode=dark] .ecsf-brand-dual .ecsf-logo-dark{visibility:visible}
@media(prefers-color-scheme:dark){[data-mode=system] .ecsf-brand-dual .ecsf-logo-light{visibility:hidden}[data-mode=system] .ecsf-brand-dual .ecsf-logo-dark{visibility:visible}}
.ecsf-actions{display:flex;align-items:center;margin-inline-start:auto;gap:4px}
.ecsf-icon-link{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ecsf-radius);text-decoration:none;cursor:pointer}
@media(hover:hover) and (pointer:fine){.ecsf-icon-link:hover,.ecsf-submenu-toggle:hover{background:var(--ecsf-surface)}}.ecsf-icon-link svg{width:24px;height:24px;flex-shrink:0}
.ecsf-menu-toggle,.ecsf-mobile-utilities{display:none}.ecsf-menu,.ecsf-menu ul{list-style:none;padding:0;margin:0}.ecsf-menu{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.ecsf-menu li{position:relative}.ecsf-menu a{display:inline-block;padding:10px 0;text-decoration:none}
.ecsf-menu ul{padding-inline-start:20px}.ecsf-menu ul a{max-width:100%;overflow-wrap:anywhere}
.ecsf-submenu-toggle{background:none;color:inherit;border:0;min-height:44px;padding:10px 12px;font-size:.8rem}.ecsf-drill-heading{display:none}

.ecsf-search summary{list-style:none}.ecsf-search summary::-webkit-details-marker{display:none}
.ecsf-search-form{position:absolute;inset-inline-end:var(--ecsf-gutter);top:100%;width:min(400px,calc(100vw - 32px));padding:20px;background:var(--ecsf-bg);border:1px solid var(--ecsf-line)}
.ecsf-search-form label{display:block;margin-bottom:8px}.ecsf-search-form>div{display:flex;gap:8px}.ecsf-search-form input{min-width:0;width:100%;padding:8px;background:var(--ecsf-bg);color:var(--ecsf-text);border:1px solid var(--ecsf-line);border-radius:var(--ecsf-radius)}
.ecsf-search-form button,.ecsf-menu-close{padding:8px 12px;border:1px solid var(--ecsf-line);border-radius:var(--ecsf-radius);background:var(--ecsf-surface);color:var(--ecsf-text);min-height:44px}
.ecsf-drawer-brand,.ecsf-menu-close svg,.ecsf-mobile-tagline{display:none}
.ecsf-drawer-header{display:contents}
#navigation-panel .ecsf-mobile-menu{display:none}
.ecsf-drawer-search-view summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:12px}.ecsf-drawer-search-view summary::-webkit-details-marker{display:none}.ecsf-drawer-search-view summary svg{width:18px;height:18px}
.ecsf-search-slot{display:none}.ecsf-inline-search-row{color:var(--ecsf-muted);font-size:20px}
/* Mobile mirrors the original full-screen grow/fade and inline accordions. */
@media(max-width:899px){
 @font-face{font-family:ECSF Menu;src:url(../fonts/poppins-latin-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
 @font-face{font-family:ECSF Menu;src:url(../fonts/poppins-latin-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
 .ecsf-header,.ecsf-header-overlay{background:transparent}
 .ecsf-desktop-action,.ecsf-actions>.ecsf-search{display:none}
 .ecsf-mobile-utilities>.ecsf-compact-cart,.ecsf-mobile-utilities>.ecsf-mobile-duplicate{display:none}
 .ecsf-header-inner{gap:8px;padding:10px 16px;min-height:64px;flex-wrap:nowrap}
 .ecsf-header-inner>.ecsf-brand{width:auto;flex:1;min-width:0;font-size:1rem;letter-spacing:.12em}
 .ecsf-brand{height:44px}.ecsf-brand img{width:120px;height:auto;max-height:12px;max-width:100%}.ecsf-brand>picture{height:auto;display:flex;align-items:center}
 .ecsf-brand>picture img{display:block}
 .ecsf-actions{gap:0;flex-shrink:0}.ecsf-menu-toggle{display:inline-flex;flex-shrink:0}
 .ecsf-icon-link svg{width:20px;height:20px}.ecsf-menu-toggle svg,.ecsf-menu-close svg{width:18px;height:18px;stroke-width:1.75;overflow:visible}
 .ecsf-navigation-shell{display:none;width:100%;--ecsf-drawer-bg:#f0ece7;--ecsf-text:#1a1a1a;--ecsf-muted:#333;--ecsf-indicator:#77716a;font-family:var(--ecsf-font-menu,"ECSF Menu",var(--ecsf-font-body));color:var(--ecsf-text)}
 .ecsf[data-mode=dark] .ecsf-navigation-shell{--ecsf-drawer-bg:#000;--ecsf-text:#fff;--ecsf-muted:#e5e5e5;--ecsf-indicator:#aaa}
 .ecsf-navigation-shell:target,.ecsf-nav-ready .ecsf-navigation-shell[data-open]{display:block;position:fixed;inset:0;z-index:99999;background:var(--ecsf-bg);color:var(--ecsf-text);height:100dvh;overflow:hidden;padding:64px 0 0;min-height:0;background:var(--ecsf-drawer-custom-bg,var(--ecsf-drawer-bg))}
 .ecsf-navigation-shell>nav{height:100%;overflow:auto;overscroll-behavior:contain;padding:24px clamp(24px,12.3vw,48px) max(32px,env(safe-area-inset-bottom))}
 .ecsf-drawer-header{display:block;position:absolute;inset:0 0 auto;height:64px;background:var(--ecsf-drawer-custom-bg,var(--ecsf-drawer-bg));z-index:1}
 .ecsf-nav-ready .ecsf-navigation-shell[data-open]{animation:ecsf-mobile-grow 500ms ease-in-out both}
 .ecsf-nav-ready .ecsf-navigation-shell[data-closing]{animation:ecsf-mobile-shrink 500ms ease-in-out both;pointer-events:none}
 .admin-bar.ecsf-nav-ready .ecsf-navigation-shell[data-open],.admin-bar .ecsf-navigation-shell:target{top:46px;height:calc(100dvh - 46px)}
 .ecsf-menu-close{display:flex;position:absolute;top:10px;left:16px;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;background:none;color:inherit}
 .ecsf-menu-close>span{display:none}.ecsf-menu-close svg{display:block}
 .ecsf-menu-close path{transform:var(--ecsf-line-end,none);transform-origin:12px 12px;animation:ecsf-menu-line 500ms ease-in-out both}
 .ecsf-menu-close path:first-child{--ecsf-line-end:translateY(12px) rotate(45deg);transform-origin:12px 0px}
 .ecsf-menu-close path:last-child{--ecsf-line-end:translateY(-12px) rotate(-45deg);transform-origin:12px 24px}
 .ecsf-menu-close path:nth-child(2){opacity:0;animation-name:ecsf-menu-middle}
 [data-closing] .ecsf-menu-close path{animation:ecsf-menu-line-close 180ms ease-out both}
 [data-closing] .ecsf-menu-close path:nth-child(2){animation-name:ecsf-menu-middle-close}
 .ecsf-drawer-brand{display:flex;align-items:center;gap:12px;position:absolute;top:10px;left:68px;right:16px}
 .ecsf-drawer-brand .ecsf-brand{width:min(120px,100%);min-width:0;font-size:1rem;letter-spacing:.12em}
 .ecsf-drawer-brand .ecsf-icon-link{margin-inline-start:auto;flex-shrink:0}
 .ecsf-menu,#navigation-panel .ecsf-mobile-menu{display:block;border:0;padding-top:0}.ecsf-navigation-shell:has(.ecsf-mobile-menu) .ecsf-primary-menu{display:none}
 .ecsf-menu li{border:0;display:flow-root}.ecsf-menu>li+li{margin-top:0}
 .ecsf-menu>li>a{font-size:20px;line-height:1.4;padding:8px 0;color:var(--ecsf-muted);overflow-wrap:anywhere}
 .ecsf-menu>li:has(ul)>a{font-size:32px;font-weight:700;text-transform:uppercase;color:var(--ecsf-text)}
 .ecsf-nav-ready .ecsf-menu li:has(>ul)>a{display:none}
 .ecsf .ecsf-submenu-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:8px 0;font-size:20px;text-align:start;text-decoration:none;line-height:1.4;overflow-wrap:anywhere;background:none}
 .ecsf .ecsf-menu>li>.ecsf-submenu-toggle{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1;text-transform:uppercase;color:var(--ecsf-text)}
 .ecsf-submenu-toggle::after{content:'→';font:400 20px/1 var(--ecsf-font-body);width:20px;flex-shrink:0;color:var(--ecsf-indicator);text-align:center;transition:transform 200ms ease-out}
 .ecsf-submenu-toggle[aria-expanded=true]::after{transform:rotate(90deg)}
 .ecsf-menu>li.menu-item-has-children:not(:has(~.menu-item-has-children)){margin-bottom:32px}
 .ecsf-mobile-menu>li.menu-item-has-children:not(:has(~.menu-item-has-children)){margin-bottom:0}
 .ecsf-nav-ready .ecsf-menu>li>ul,.ecsf-menu ul{position:static;border:0;box-shadow:none;background:transparent;min-width:0;max-width:none;padding:8px 0;overflow:hidden}
 .ecsf-menu ul a{padding:6px 4px;font-size:20px;line-height:1.6;min-height:44px;color:var(--ecsf-muted)}
 .ecsf-menu ul li+li{margin-top:0}.ecsf-menu ul ul{padding-inline-start:0}
 .ecsf-menu .ecsf-drill-heading{display:block;padding:0}.ecsf-drill-heading button{display:none}
 .ecsf-menu .ecsf-drill-heading a{display:inline-flex;font-size:18px;font-family:var(--ecsf-font-body);text-decoration:underline}
 .ecsf-mobile-menu .ecsf-drill-heading{display:none}
 .ecsf-mobile-utilities{display:flex;flex-direction:column;gap:0;padding-block:0 24px;font-size:20px;color:var(--ecsf-muted)}.ecsf-mobile-utilities>a{padding-block:6px;min-height:44px;text-decoration:none}
 .ecsf-menu>li.ecsf-menu-branding{margin:32px 0 24px;padding:0;text-align:center;font-size:.8rem;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:var(--ecsf-text)}
 .ecsf-mobile-tagline{display:block;margin:12px 0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ecsf-muted)}
 .ecsf-search-slot,.ecsf-menu .ecsf-inline-search-row{display:none}
 .ecsf-nav-editorial{display:none!important}
}
@media(min-width:783px) and (max-width:899px){.admin-bar.ecsf-nav-ready .ecsf-navigation-shell[data-open],.admin-bar .ecsf-navigation-shell:target{top:32px;height:calc(100dvh - 32px)}}
@keyframes ecsf-mobile-grow{from{clip-path:inset(0 100% 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}
@keyframes ecsf-mobile-shrink{from{clip-path:inset(0);opacity:1}to{clip-path:inset(0 100% 100% 0);opacity:0}}
@keyframes ecsf-menu-line{from{transform:none}to{transform:var(--ecsf-line-end,none)}}
@keyframes ecsf-menu-middle{from{opacity:1}to{opacity:0}}
@keyframes ecsf-menu-line-close{from{transform:var(--ecsf-line-end,none)}to{transform:none}}
@keyframes ecsf-menu-middle-close{from{opacity:0}to{opacity:1}}
@media(min-width:900px){.ecsf-navigation-shell{flex:1}.ecsf-menu-close{display:none}
 .ecsf-menu a{color:var(--ecsf-muted);background:none;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-skip-ink:none;transition:text-decoration-color 160ms ease-out,color 160ms ease-out}
 .ecsf-menu a:hover,.ecsf-menu a:focus-visible,.ecsf-menu .current-menu-item>a,.ecsf-menu .current-menu-ancestor>a,.ecsf-menu .current-menu-parent>a,.ecsf-menu a[aria-current=page],.ecsf-menu .ecsf-expanded>a{color:var(--ecsf-text);text-decoration-line:underline;text-decoration-color:currentColor}
 .ecsf-submenu-toggle{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .ecsf-submenu-toggle:focus-visible{width:max-content;height:auto;min-height:44px;clip-path:none;padding:10px 12px;inset-inline-start:0;top:100%;background:var(--ecsf-bg);z-index:4}
 .ecsf:not(.ecsf-nav-ready) .ecsf-menu>li>ul{display:none}
 .ecsf:not(.ecsf-nav-ready) .ecsf-menu>li:hover>ul,.ecsf:not(.ecsf-nav-ready) .ecsf-menu>li:focus-within>ul{display:grid}
}
/* Desktop touch opens the same menu from its parent link; no duplicate labels. */

/* Shared surfaces: a clear subject corridor, protected text and utility regions. */
.ecsf{--ecsf-overlay-rgb:247,243,236;--ecsf-panel-start:.97;--ecsf-panel-mid:.94;--ecsf-panel-tail:.22}
.ecsf[data-mode=dark]{--ecsf-overlay-rgb:23,24,25;--ecsf-panel-start:.98;--ecsf-panel-mid:.96;--ecsf-panel-tail:.3}
@media(prefers-color-scheme:dark){.ecsf[data-mode=system]{--ecsf-overlay-rgb:23,24,25;--ecsf-panel-start:.98;--ecsf-panel-mid:.96;--ecsf-panel-tail:.3}}
.ecsf-header{border:0}.ecsf-header-overlay{position:absolute;inset:0 0 auto;background:linear-gradient(90deg,rgba(var(--ecsf-overlay-rgb),var(--ecsf-header-opacity,.92)) 0%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-header-opacity,.92)) 48%,rgba(var(--ecsf-overlay-rgb),.12) 65%,rgba(var(--ecsf-overlay-rgb),.1) 77%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-header-opacity,.94)) 82%)}
.ecsf-header-inner{max-width:none}.ecsf-nav-editorial{display:none}.ecsf-eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase}
.ecsf-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,calc(320px + 12.5vw),560px);display:flex;align-items:center;padding:calc(var(--ecsf-header-height) + 32px) var(--ecsf-gutter) 32px;background:var(--ecsf-surface)}
.ecsf-hero-photo{position:absolute;inset:0;z-index:-2}.ecsf-hero .ecsf-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ecsf-desktop-focal,var(--ecsf-hero-position,center top))}
.ecsf-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(var(--ecsf-overlay-rgb),.92),rgba(var(--ecsf-overlay-rgb),.8) 32%,transparent 62%)}
.ecsf-hero-copy{width:45%;transition:opacity 160ms ease-out}.ecsf-hero-copy>.ecsf-eyebrow{margin:0 0 24px}.ecsf-hero-copy h1{font-size:clamp(3rem,5vw,6rem);line-height:1.02;margin:0 0 24px}.ecsf-header:has(.ecsf-menu>li.ecsf-expanded)~main .ecsf-hero-copy{opacity:0;visibility:hidden}
@media(min-width:900px){
 .ecsf-hero{padding-block-end:calc(32px + clamp(48px,4.166667vw,80px))}
 .ecsf-header-inner{flex-wrap:nowrap;gap:clamp(20px,3vw,58px);padding:12px var(--ecsf-gutter)}.ecsf-brand{width:clamp(150px,18vw,280px)}
 .ecsf-menu{gap:clamp(16px,2.5vw,48px);flex-wrap:nowrap}.ecsf-menu>li{position:static}.ecsf-menu>li>a{white-space:nowrap}
 .ecsf-menu>li>ul{position:absolute;top:100%;inset-inline:0;min-width:0;max-width:none;display:grid;grid-template-columns:minmax(0,180px) minmax(0,220px);gap:12px 40px;padding:36px var(--ecsf-gutter);margin:0;min-height:330px;border:0;z-index:2;background:linear-gradient(90deg,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-start)) 0%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-start)) 42%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-mid)) 55%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-tail)) 65%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-edge,.04)) 78%,transparent 90%);animation:ecsf-reveal 160ms ease-out}
 .ecsf-menu>li>ul>li{align-self:start}.ecsf-menu>li>ul>li:not(.ecsf-drill-heading)~li{border-inline-start:1px solid var(--ecsf-line);padding-inline-start:32px}
 .ecsf-menu>li>ul ul{position:static;padding:8px 0 0;display:block;background:none;border:0}
 .ecsf-menu>li>ul>li:has(ul)>a{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;font-weight:500}
 .ecsf-menu ul a{color:var(--ecsf-text);padding:8px 0;line-height:1.5}.ecsf-menu ul .ecsf-submenu-toggle{display:none}
 .ecsf-menu .ecsf-drill-heading{display:none!important}
 .ecsf:not(.ecsf-nav-ready) .ecsf-header:has(.ecsf-menu>li:hover>ul)~main .ecsf-hero-copy,.ecsf:not(.ecsf-nav-ready) .ecsf-header:has(.ecsf-menu>li:focus-within>ul)~main .ecsf-hero-copy{opacity:0;visibility:hidden}
 .ecsf-header:not(.ecsf-header-overlay) .ecsf-menu>li>ul{background:var(--ecsf-header-bg,var(--ecsf-bg))}
}
@media(min-width:1200px){
 .ecsf-menu>li:has(.ecsf-nav-editorial)>ul{padding:clamp(36px,2.5vw,48px) var(--ecsf-gutter);padding-inline-start:29.5%;min-height:clamp(350px,20.5vw,400px);grid-template-columns:minmax(0,9.4vw) minmax(0,14vw);column-gap:40px;background:linear-gradient(90deg,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-start)) 0%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-start)) 38%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-mid)) 51%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-panel-tail)) 62%,transparent 73%)}
 .ecsf-menu>li:has(.ecsf-nav-editorial)>ul>li:not(.ecsf-drill-heading)~li{padding-inline-start:clamp(24px,2.5vw,48px)}
 .ecsf-menu>li:has(.ecsf-nav-editorial)>ul ul a{font-size:clamp(1rem,1.05vw,1.25rem);min-height:44px;padding-block:7px}
 .ecsf-menu>li.ecsf-expanded>.ecsf-nav-editorial,.ecsf:not(.ecsf-nav-ready) .ecsf-menu>li:is(:hover,:focus-within)>.ecsf-nav-editorial{display:block;position:absolute;inset-inline-start:var(--ecsf-gutter);top:100%;padding-top:clamp(36px,2.5vw,48px);width:24%;max-width:440px;z-index:3;animation:ecsf-reveal 160ms ease-out}
 .ecsf-nav-editorial p{margin:0 0 18px}.ecsf-nav-editorial .ecsf-nav-heading{font-family:var(--ecsf-font-editorial,Georgia,"Times New Roman",serif);font-weight:400;font-size:clamp(2rem,3vw,3.75rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.ecsf-nav-summary{font-size:clamp(1rem,1.15vw,1.375rem);line-height:1.45;max-width:400px}.ecsf-menu .ecsf-editorial-link{color:var(--ecsf-text);font-size:clamp(.9375rem,1.05vw,1.25rem);text-decoration:underline;text-underline-offset:6px}
}
@media(min-width:900px) and (max-width:1439px){.ecsf-hero{--ecsf-hero-position:right top}.ecsf-header-inner{gap:24px}.ecsf-menu{gap:20px}.ecsf-brand{width:160px}.ecsf-header-inner{padding-inline:32px}}
@media(max-width:899px){
 .ecsf-hero{min-height:640px;align-items:flex-end;padding:100px 24px 32px;--ecsf-hero-position:right top}.ecsf-hero-copy{width:85%;max-width:450px}.ecsf-hero-copy h1{font-size:clamp(3rem,8vw,4.5rem)}.ecsf-hero::after{background:linear-gradient(0deg,rgba(var(--ecsf-overlay-rgb),.97),rgba(var(--ecsf-overlay-rgb),.7) 26%,transparent 62%)}
}
@keyframes ecsf-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

.ecsf-hero-description{max-width:580px;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5}.ecsf-hero-description p{margin:0}

@media(min-width:900px) and (max-width:1439px){.ecsf-header-overlay{background:linear-gradient(90deg,rgba(var(--ecsf-overlay-rgb),var(--ecsf-header-opacity,.94)) 0%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-header-opacity,.94)) 58%,rgba(var(--ecsf-overlay-rgb),.12) 68%,rgba(var(--ecsf-overlay-rgb),.12) 73%,rgba(var(--ecsf-overlay-rgb),var(--ecsf-header-opacity,.94)) 80%)}}
@media(max-width:899px){.ecsf-hero-photo{top:var(--ecsf-hero-mobile-offset,0)}}
.ecsf-menu-close-fallback{display:none}
@media(max-width:899px){.ecsf:not(.ecsf-nav-ready) .ecsf-menu-close-fallback{display:block;padding:12px 0}}
.admin-bar .ecsf-header-overlay{top:32px}
@media(max-width:782px){.admin-bar .ecsf-header-overlay{top:46px}}

/* Profile values are emitted with the initial HTML; no client-side appearance switch. */
.ecsf[data-tone=deep][data-mode=light]{--ecsf-overlay-rgb:238,232,222;--ecsf-bg:#f5f0e8}
.ecsf[data-tone=deep][data-mode=dark]{--ecsf-overlay-rgb:12,15,17;--ecsf-bg:#101214}
.ecsf[data-accent=blue]{--ecsf-focus:#245bc1}.ecsf[data-accent=forest]{--ecsf-focus:#28603e}.ecsf[data-accent=clay]{--ecsf-focus:#8f4331}
.ecsf[data-mode=dark][data-accent=blue]{--ecsf-focus:#a7c6ff}.ecsf[data-mode=dark][data-accent=forest]{--ecsf-focus:#a5d5b3}.ecsf[data-mode=dark][data-accent=clay]{--ecsf-focus:#efb7a6}
@media(prefers-color-scheme:dark){.ecsf[data-tone=deep][data-mode=system]{--ecsf-overlay-rgb:12,15,17;--ecsf-bg:#101214}.ecsf[data-mode=system][data-accent=blue]{--ecsf-focus:#a7c6ff}.ecsf[data-mode=system][data-accent=forest]{--ecsf-focus:#a5d5b3}.ecsf[data-mode=system][data-accent=clay]{--ecsf-focus:#efb7a6}}
@media(max-width:899px){.ecsf-hero .ecsf-hero-image{object-position:var(--ecsf-mobile-focal,right top)}}
/* Without portrait art, reserve a shallower photograph above the copy so cover
   does not crop the subject out of a panoramic image on a narrow screen. */
@media(max-width:899px){
 .ecsf-hero-wide-mobile{--ecsf-mobile-photo-height:clamp(300px,82vw,430px);min-height:0;padding-top:calc(var(--ecsf-mobile-photo-height) + 32px);align-items:center}
 .ecsf-hero-wide-mobile .ecsf-hero-photo{bottom:auto;height:calc(var(--ecsf-mobile-photo-height) - var(--ecsf-hero-mobile-offset,0px))}
 .ecsf-hero-wide-mobile .ecsf-hero-copy{width:100%;max-width:580px}
}

@media(min-width:900px){.ecsf.ecsf-nav-compact{
 .ecsf-desktop-action{display:none}.ecsf-mobile-utilities{display:flex;flex-wrap:wrap;gap:24px;padding-block:24px}.ecsf-mobile-utilities a{padding-block:10px}
 .ecsf-header-inner{gap:8px;padding:8px 12px;min-height:72px}.ecsf-brand{width:auto;flex:1;font-size:1rem;letter-spacing:.06em;min-width:80px}.ecsf-brand img{max-width:200px}
 .ecsf-actions{gap:0;flex-wrap:wrap;max-width:176px}.ecsf-menu-toggle{display:inline-flex;flex-shrink:0}.ecsf-navigation-shell{display:none;width:100%;order:4}.ecsf-navigation-shell:target{display:block}.ecsf-menu{display:block}.ecsf-menu a{padding:12px 0}
 &.ecsf-nav-ready .ecsf-navigation-shell{display:none}&.ecsf-nav-ready .ecsf-navigation-shell[data-open]{display:block;position:fixed;inset:0;z-index:99999;background:var(--ecsf-bg);overflow:auto;padding:24px;overscroll-behavior:contain}
 &.admin-bar.ecsf-nav-ready .ecsf-navigation-shell[data-open]{top:32px}.ecsf-menu-close{display:block;margin-inline-start:auto;margin-bottom:24px}
 &.ecsf-nav-ready .ecsf-menu>li>ul{position:static;border:0;box-shadow:none;max-width:none;min-width:0;padding:0 0 8px 20px}.ecsf-menu li{border-top:1px solid var(--ecsf-line)}
 .ecsf-submenu-toggle{float:inline-end;text-decoration:underline;text-underline-offset:4px}
 .ecsf-menu [data-drill-parent]>li:not([data-drill-path]),.ecsf-menu[data-drill-parent]>li:not([data-drill-path]),.ecsf-menu [data-drill-path]>a,.ecsf-menu [data-drill-path]>.ecsf-submenu-toggle{display:none}
 .ecsf-menu [data-drill-path]{border:0}&.ecsf-nav-ready .ecsf-menu [data-drill-path]>ul{padding:0}
 .ecsf-menu .ecsf-drill-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border:0;padding-bottom:24px}
 .ecsf-drill-heading button{border:0;background:none;color:var(--ecsf-muted);min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
 .ecsf-drill-heading a{font-family:var(--ecsf-font-display);font-size:1.6rem}
 .ecsf-menu[data-drill-parent]~.ecsf-mobile-utilities{display:flex}

 .ecsf-menu>li{position:relative}.ecsf-menu>li>ul{display:block;background:none;animation:none}
 .ecsf-menu>li>ul>li{padding-inline-start:0;border-inline-start:0}.ecsf-menu>li>ul ul{padding-inline-start:20px}
 .ecsf-menu a{background:none;transition:none;white-space:normal}.ecsf-nav-editorial{display:none!important}
 .ecsf-menu .ecsf-drill-heading{display:flex!important}.ecsf-menu .ecsf-submenu-toggle{display:inline-block;position:static;width:auto;height:auto;min-height:44px;clip-path:none;white-space:normal}
 &.ecsf-nav-ready .ecsf-navigation-shell[data-open]{min-height:100dvh}.ecsf-menu>li>ul>li:has(ul)>a{font-size:1rem;letter-spacing:normal;text-transform:none}
}}

.ecsf-drawer-search{width:100%;padding:4px 0 16px}.ecsf-drawer-search input[type=search]{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid color-mix(in srgb,var(--ecsf-text) 50%,transparent);border-radius:0;padding:10px 12px;font:inherit;font-size:16px;background:transparent;color:var(--ecsf-text)}.ecsf-drawer-search input::placeholder{color:var(--ecsf-muted);opacity:1}
@media(min-width:900px){.ecsf-nav-compact .ecsf-search-slot{display:block}}
@media(min-width:900px) and (max-width:1439px){.ecsf:not(.ecsf-nav-compact) .ecsf-menu>li>ul{padding-block:28px}}

@media(max-width:899px){.ecsf-header,.ecsf-header-overlay{background:transparent}}

@media(max-width:899px) and (prefers-color-scheme:dark){.ecsf[data-mode=system] .ecsf-navigation-shell{--ecsf-drawer-bg:#000;--ecsf-text:#fff;--ecsf-muted:#e5e5e5;--ecsf-indicator:#aaa}}

/* Shared bag geometry; count centered in the bag body, below its handle. */
.ecsf-bag-art{position:relative;display:block;width:17.3px;height:22px;flex-shrink:0}.ecsf .ecsf-bag-art svg{display:block;width:100%;height:100%;overflow:visible;stroke:currentColor;stroke-width:.5px;stroke-linejoin:round}.ecsf-bag-count{position:absolute;inset:27% 0 4.5%;display:flex;align-items:center;justify-content:center;font:600 10px/1 var(--ecsf-font-body);font-variant-numeric:tabular-nums;pointer-events:none}.ecsf-bag-count[data-wide=true]{font-size:7px}
/* Reference-size artwork, retaining the 44px touch target. */
@media(max-width:899px){.ecsf-bag-art{width:15.73px;height:20px}.ecsf-bag-count{font-size:9px}.ecsf-bag-count[data-wide=true]{font-size:6px}}
@media(min-width:900px){.ecsf-bag-count{transform:translateY(-1px)}}

/* Server-rendered category links retain ordinary URL/history behavior. */
.ecsf-category-links{display:flex;gap:clamp(16px,3vw,40px);list-style:none;margin:0 0 24px;padding:0;overflow-x:auto;overscroll-behavior-inline:contain}
.ecsf-category-links li{flex:0 0 auto}.ecsf-category-links a{display:block;min-height:44px;padding:12px 2px;color:var(--ecsf-text);text-decoration:none;border-bottom:1px solid transparent;background:linear-gradient(currentColor,currentColor) left calc(50% + .5em + 5px)/0% 1px no-repeat}
/* Match the desktop header's left-to-right underline; touch keeps static states. */
.ecsf-category-links a[aria-current=page],.ecsf-category-links .current-menu-item>a,.ecsf-category-links a:focus-visible{background-size:100% 1px}
.ecsf-category-links a:focus-visible{outline-offset:-2px}
@media(hover:hover) and (pointer:fine){
 .ecsf-category-links a{transition:background-size 160ms ease-out}
 .ecsf-category-links a:hover{background-size:100% 1px}
}
@media(max-width:899px){
 .ecsf .ecsf-category-links{flex-wrap:nowrap;gap:28px;padding:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:6px;font-size:.90625rem;line-height:1.4}
 .ecsf-category-links::-webkit-scrollbar,.ecsf-category-links::-webkit-scrollbar-track,.ecsf-category-links::-webkit-scrollbar-thumb,.ecsf-category-links::-webkit-scrollbar-button{display:none;width:0;height:0}
 .ecsf-category-links a{white-space:nowrap}
 .ecsf-category-links a:focus-visible{outline-offset:2px}
 /* Only the closed header sits on photography; drawer colors stay profile-driven. */
 .ecsf-header-overlay>.ecsf-header-inner>.ecsf-menu-toggle,.ecsf-header-overlay>.ecsf-header-inner>.ecsf-brand,.ecsf-header-overlay>.ecsf-header-inner>.ecsf-actions{color:#fff}
 .ecsf-header-overlay>.ecsf-header-inner>.ecsf-brand img{filter:brightness(0) invert(1)}
 .ecsf-header-overlay>.ecsf-header-inner>.ecsf-brand-dual .ecsf-logo-light{visibility:hidden}
 .ecsf-header-overlay>.ecsf-header-inner>.ecsf-brand-dual .ecsf-logo-dark{visibility:visible}
 .ecsf[data-mode=dark] .ecsf-drawer-brand .ecsf-brand:not(.ecsf-brand-dual) img{filter:brightness(0) invert(1)}
}
@media(max-width:899px) and (hover:hover) and (pointer:fine){.ecsf-header-overlay>.ecsf-header-inner>.ecsf-menu-toggle:hover,.ecsf-header-overlay>.ecsf-header-inner>.ecsf-actions .ecsf-icon-link:hover{background:rgb(255 255 255 / .12)}}
/* In-page category updates animate only the previous photograph. */
.ecsf-category-stage{position:fixed;left:0;top:0;visibility:hidden;pointer-events:none;z-index:-1}
.ecsf-hero-copy{position:relative;z-index:1}
.ecsf-hero-copy>.ecsf-eyebrow,.ecsf-hero-copy h1,.ecsf-hero-description.ecsf-hero-plain{white-space:pre-line}
.ecsf-category-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ecsf-hero .ecsf-hero-previous{pointer-events:none;animation:ecsf-photo-out 300ms ease-out both}
@keyframes ecsf-photo-out{from{opacity:1}to{opacity:0}}
[data-ecsf-busy] .ecsf-category-nav{cursor:progress}[data-ecsf-busy] .ecsf-category-links{opacity:.65}
@media(prefers-reduced-motion:reduce){.ecsf-hero .ecsf-hero-previous{animation:none;display:none}}

/* Change only the logo/menu separation; utility spacing keeps its existing rhythm. */
@media(min-width:900px){.ecsf:not(.ecsf-nav-compact) .ecsf-header-inner>.ecsf-brand{margin-inline-end:calc(var(--ecsf-logo-menu-gap-wide,clamp(20px,3vw,58px)) - clamp(20px,3vw,58px))}}
@media(min-width:900px) and (max-width:1439px){.ecsf:not(.ecsf-nav-compact) .ecsf-header-inner>.ecsf-brand{margin-inline-end:calc(var(--ecsf-logo-menu-gap-desktop,24px) - 24px)}}

/* Uploaded monochrome Menu Icons artwork follows the page appearance, not legacy theme selectors. */
.ecsf .ecsf-menu img._mi,.ecsf .ecsf-menu img.ecsf-menu-icon{filter:brightness(0)}
.ecsf[data-mode=dark] .ecsf-menu img._mi,.ecsf[data-mode=dark] .ecsf-menu img.ecsf-menu-icon{filter:brightness(0) invert(1)}
@media(prefers-color-scheme:dark){.ecsf[data-mode=system] .ecsf-menu img._mi,.ecsf[data-mode=system] .ecsf-menu img.ecsf-menu-icon{filter:brightness(0) invert(1)}}
@media(max-width:899px) and (prefers-color-scheme:dark){.ecsf[data-mode=system] .ecsf-navigation-shell{--ecsf-drawer-bg:#000;--ecsf-text:#fff;--ecsf-muted:#e5e5e5;--ecsf-indicator:#aaa}}

/* Localized contrast behind white mobile header controls in every appearance. */
@media(max-width:899px){
 .ecsf{--ecsf-mobile-header-scrim:linear-gradient(to bottom,rgb(0 0 0 / .40),rgb(0 0 0 / .20) 52%,transparent)}
 .ecsf.ecsf-product-page .ecsf-header:not(.ecsf-sticky-solid)::before{content:'';position:absolute;inset:0 0 -44px;background:var(--ecsf-mobile-header-scrim);pointer-events:none;z-index:-1}
 /* Attach the collection scrim to the photograph, including Shop/tag archives,
    so it survives category swaps and does not travel with the sticky header. */
 .ecsf.ecsf-product-archive .ecsf-hero:has(.ecsf-hero-photo)::before{content:'';position:absolute;inset:var(--ecsf-hero-mobile-offset,0px) 0 auto;height:108px;background:var(--ecsf-mobile-header-scrim);pointer-events:none;z-index:0}
 /* Safari tap highlights and emulated hover are not keyboard focus indicators. */
 .ecsf .ecsf-header :is(.ecsf-menu-toggle,.ecsf-menu-close,.ecsf-bag){-webkit-tap-highlight-color:transparent}
 .ecsf .ecsf-header :is(.ecsf-menu-toggle,.ecsf-menu-close,.ecsf-bag):focus:not(:focus-visible){outline:none;box-shadow:none}
 .ecsf .ecsf-header[data-touch-focus] :is(.ecsf-menu-toggle,.ecsf-menu-close,.ecsf-bag):focus{outline:none;box-shadow:none}
}
