/* Storefront presentation refinements; commerce behavior stays in its existing endpoints. */
.ec-storefront .ec-header{display:grid;grid-template-columns:auto 1fr auto;gap:32px;padding-block:23px;align-items:center}
.ec-storefront .ec-header .ec-wordmark{font-size:29px;flex:none}
.ec-header .ec-wordmark span{font-size:9px;letter-spacing:.24em;margin-top:8px}
.ec-storefront .ec-header .ec-nav{justify-content:center;gap:24px;flex-wrap:nowrap;white-space:nowrap;font-size:14px}
.ec-header .ec-nav a{position:relative}.ec-header .ec-nav a:after{content:"";height:1px;position:absolute;bottom:6px;left:0;right:100%;background:var(--ec-wine);transition:right 180ms}.ec-header .ec-nav a:hover:after,.ec-header .ec-nav a:focus-visible:after{right:0}
.ec-storefront .ec-commerce-controls{display:flex;gap:14px;flex-basis:auto;margin:0;justify-content:flex-end;font-size:14px;white-space:nowrap}
.ec-tool{min-width:40px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ec-wine)}
.ec-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ec-register-link{padding:9px 14px;border:1px solid var(--ec-border);border-radius:2px;color:var(--ec-wine)}.ec-register-link:hover{border-color:var(--ec-wine)}
.ec-cart-tool{position:relative;border-left:1px solid var(--ec-border);padding-left:16px}.ec-cart-count{min-width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;background:var(--ec-wine);color:var(--ec-ivory)}
.ec-storefront .ec-hero{gap:clamp(30px,5vw,72px);padding-block:32px 40px;min-height:0}
.ec-hero-copy{padding-block:20px}.ec-storefront .ec-hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.08;margin:20px 0 24px;max-width:10em}
.ec-hero-copy>p:not(.ec-eyebrow){font-size:17px;line-height:1.8;max-width:37ch}.ec-hero .ec-actions{gap:20px;margin:28px 0 30px}.ec-hero .ec-button{min-height:50px;padding-inline:25px}.ec-hero .ec-text-link{font-size:14px}
.ec-hero-art{aspect-ratio:1/1.06;box-shadow:0 12px 34px #5020320d}.ec-hero-art:after{inset:22px}.ec-art-caption{font-size:clamp(38px,4.5vw,66px);top:31%}.ec-fabric{background:radial-gradient(ellipse at 65% 10%,#b279882e,transparent 55%),repeating-linear-gradient(115deg,transparent 0 16%,#faf8f310 18%,#50203290 26%,transparent 34%)}
.ec-editorial{margin:24px 0 40px}.ec-editorial-inner{padding-block:44px;gap:64px}.ec-storefront .ec-footer{margin-top:40px}
.ec-drawer-account{border-top:1px solid var(--ec-border);padding-top:24px;display:grid;gap:16px;font:17px EC Sans,sans-serif}
@media(max-width:1150px){.ec-storefront .ec-header{grid-template-columns:44px 1fr auto;gap:18px;padding-block:20px}.ec-storefront .ec-header .ec-nav{display:none}.ec-storefront .ec-menu-toggle{display:inline-grid}.ec-storefront .ec-header .ec-wordmark{justify-self:start}.ec-storefront .ec-header .ec-commerce-controls{flex-basis:auto}.ec-hero-note{display:none}}
@media(max-width:700px){.ec-register-link,.ec-account-tool span{display:none}.ec-storefront .ec-commerce-controls{gap:2px}.ec-cart-tool{border:0;padding-left:3px;gap:4px}.ec-storefront .ec-header{gap:10px;padding-block:16px}.ec-storefront .ec-header .ec-wordmark{font-size:24px}.ec-header .ec-wordmark span{font-size:8px}.ec-tool{min-width:34px}.ec-storefront .ec-hero{padding-block:24px 30px;gap:24px}.ec-storefront .ec-hero h1{font-size:46px}.ec-hero .ec-actions{margin-bottom:4px}.ec-editorial-inner{gap:28px}.ec-hero-art{aspect-ratio:1.15}.ec-art-caption{font-size:52px}.ec-art-index{bottom:30px}.ec-hero-art:after{inset:18px}}
@media(max-width:390px){.ec-storefront .ec-header{grid-template-columns:34px 1fr auto;gap:6px}.ec-storefront .ec-menu-toggle{width:34px}.ec-storefront .ec-header .ec-wordmark{font-size:20px}.ec-header .ec-wordmark span{font-size:7px;letter-spacing:.16em}.ec-tool{min-width:29px}.ec-tool svg{width:18px}.ec-cart-count{min-width:15px;height:15px;font-size:11px}.ec-storefront .ec-hero h1{font-size:40px}.ec-hero .ec-actions{gap:16px}.ec-hero .ec-button{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.ec-header .ec-nav a:after{transition:none}}
/* Keep the modal/focus trap active until the exit motion finishes. */
.ec-drawer[open]:not(.ec-closing){animation:ec-drawer-in 300ms cubic-bezier(.22,1,.36,1) both}
.ec-drawer[open]:not(.ec-closing)::backdrop{animation:ec-backdrop-in 300ms ease both}
.ec-drawer.ec-closing{animation:ec-drawer-out 220ms cubic-bezier(.4,0,1,1) both;pointer-events:none}
.ec-drawer.ec-closing::backdrop{animation:ec-backdrop-out 220ms ease both}
@keyframes ec-drawer-in{from{transform:translateX(-100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@keyframes ec-drawer-out{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:.5}}
@keyframes ec-backdrop-in{from{background-color:transparent}to{background-color:#302b2870}}
@keyframes ec-backdrop-out{from{background-color:#302b2870}to{background-color:transparent}}
@media(prefers-reduced-motion:reduce){.ec-drawer[open],.ec-drawer[open]::backdrop{animation:none!important}}
