/*! Ousia — Classic nav (structure) *//*!
 * The classic navigation mode: branding + inline main-menu bar with hover /
 * focus-within dropdowns at desktop, an off-canvas drawer on mobile, the
 * static/fixed/smart header modes, and Lean Cart hosted as a floating trigger
 * + slide-in drawer. Geometry, state and neutral motion only; surfaces read
 * the skin tokens with raw fallbacks, so it stands in ?ousia_view=raw.
 *
 * State is one attribute: html[data-classic-open="menu"|"cart"], set by
 * js/classic.js. Compiled to classic.css, enqueued only in classic mode.
 */:root{--classic-header-max-width: calc(100% - 3em);--classic-menu-width: 230px;--classic-shadow: 0 1em 1em -0.7em var(--shadow-color, rgb(0 0 0 / 0.1));--sticky-top: 0px}:where(#header){position:relative;z-index:400;color:var(--accent-color, CanvasText);background-color:var(--bg-color, Canvas);box-shadow:var(--classic-shadow)}header>:where(#header-inner){max-width:var(--classic-header-max-width);height:var(--header-height);display:flex;align-items:center;gap:1em}:where(#header) :where(#branding,.custom-logo-link){display:flex;align-items:center;height:100%;text-decoration:none}:where(#header) :where(.custom-logo-link){max-width:40vw}:where(#header) :where(.custom-logo){height:75%;width:auto}:where(#header) :where(#branding h4){margin:0;font-size:1.2em;font-weight:500}:where(#navigation){margin-left:auto;display:flex;align-items:center}:where(#menu) :where(.menu,.sub-menu){list-style:none;margin:0;padding:0}:where(#menu) :where(.menu a){display:flex;align-items:center;color:var(--link-color, inherit);text-decoration:none;padding:var(--spacing-1);white-space:nowrap}:where(.menu-toggle){display:flex;align-items:center;justify-content:center;width:2.75em;height:2.75em;padding:0;border:none;background:none;color:var(--text-color, CanvasText)}:where(.menu-toggle) svg{width:28px;height:28px;fill:currentColor;overflow:visible}:where(.menu-toggle) rect{transform-origin:center;transition:transform var(--time) var(--timing-swift)}:where(.menu-toggle) rect:nth-of-type(1),:where(.menu-toggle) rect:nth-of-type(3){transition:transform var(--time) var(--timing-swift) 300ms,opacity 1ms linear 300ms}.menu-toggle[aria-expanded=true] rect:nth-of-type(1){transform:translateY(12px);opacity:0;transition-delay:0ms,300ms}.menu-toggle[aria-expanded=true] rect:nth-of-type(2){transform:rotate(225deg);transition-delay:300ms}.menu-toggle[aria-expanded=true] rect:nth-of-type(3){transform:translateY(-12px);opacity:0;transition-delay:0ms,300ms}.menu-toggle[aria-expanded=true] rect:nth-of-type(4){transform:rotate(-225deg);transition-delay:300ms}@media(min-width: 768px){.menu-toggle{display:none}:where(#menu) :where(.menu){display:flex;align-items:center}:where(#menu) :where(.menu a){padding:.4em}:where(#menu) :where(.menu-item-has-children){position:relative}:where(#menu) :where(.sub-menu){position:absolute;top:100%;left:0;min-width:12em;padding-block:var(--spacing-1);background-color:var(--bg-color, Canvas);box-shadow:var(--classic-shadow);opacity:0;visibility:hidden;transition:opacity var(--time),visibility 0s var(--time)}:where(#menu) :where(.sub-menu .sub-menu){top:0;left:100%}#menu .menu-item-has-children:is(:hover,:focus-within)>.sub-menu{opacity:1;visibility:visible;transition-delay:0s}}@media(max-width: 767px){:where(#menu-container){position:fixed;top:calc(var(--header-height) + var(--admin));right:0;bottom:0;min-width:var(--classic-menu-width);max-width:100vw;overflow-y:auto;overscroll-behavior:contain;padding-block:1em;background-color:var(--bg-color, Canvas);box-shadow:-1em 0 1em -0.7em var(--shadow-color, rgba(0, 0, 0, 0.1));transform:translateX(110%);visibility:hidden;transition:transform 300ms var(--timing-swift),visibility 0s 300ms}:where(body:has(#classic-cart-trigger)) :where(#menu-container){padding-bottom:calc(var(--classic-trigger-size) + 2em)}:where(#menu-container) :where(.menu){width:80%;margin-inline:auto}:where(#menu-container) :where(.sub-menu){padding-left:.8em}:where(#menu-container) :where(.menu>li){transform:translateX(30vh);opacity:0;transition:transform 300ms ease-out,opacity 300ms ease-out}html[data-classic-open=menu] #menu-container{transform:translateX(0);visibility:visible;transition-delay:0s}html[data-classic-open=menu] #menu-container .menu>li{transform:translateX(0);opacity:1}html[data-classic-open=menu] #menu-container .menu>li:nth-child(1){transition-delay:200ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(2){transition-delay:250ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(3){transition-delay:300ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(4){transition-delay:350ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(5){transition-delay:400ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(6){transition-delay:450ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(7){transition-delay:500ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(8){transition-delay:550ms}html[data-classic-open=menu] #menu-container .menu>li:nth-child(9){transition-delay:600ms}}html[data-classic-open],html[data-classic-open] body{overflow:hidden}html:has(>body.nav-classic){scrollbar-gutter:stable}body.nav-classic:is(.header-fixed,.header-smart){--sticky-top: calc(var(--header-height) + var(--admin));padding-top:var(--header-height)}body.nav-classic:is(.header-fixed,.header-smart) #header{position:fixed;top:var(--admin);left:0;right:0;transition:top var(--time) var(--timing-swift)}.classic-header-hidden>body.nav-classic.header-smart{--sticky-top: var(--admin)}.classic-header-hidden>body.nav-classic.header-smart #header{top:calc(var(--admin) - var(--header-height) - 2em)}html:has(>body.nav-classic:is(.header-fixed,.header-smart)){scroll-padding-top:calc(var(--header-height) + var(--admin))}@media(prefers-reduced-motion: reduce){#header,#menu-container,#menu-container li,.menu-toggle rect,#menu .sub-menu{transition-duration:0s;transition-delay:0s}}:root{--classic-trigger-size: 3.5em;--classic-trigger-radius: 0;--classic-trigger-inset: 0px;--classic-trigger-fill: var(--accent-color, #222);--classic-trigger-ink: #fff;--classic-trigger-shadow: 0 2px 8px rgb(0 0 0 / 0.25);--classic-trigger-icon: 48%;--classic-badge-top: 0;--classic-badge-left: -2px;--classic-badge-right: auto;--classic-badge-fill: #fff;--classic-badge-ink: #000;--classic-cart-width: min(100vw, 26em);--classic-scrim: color-mix(in srgb, var(--text-color-dark, #000) 40%, transparent)}.cart-trigger{position:fixed;z-index:410;right:max(var(--classic-trigger-inset),env(safe-area-inset-right));bottom:max(var(--classic-trigger-inset),env(safe-area-inset-bottom));width:var(--classic-trigger-size);height:var(--classic-trigger-size);display:grid;place-items:center;padding:0;border:0;border-radius:var(--classic-trigger-radius);background:var(--classic-trigger-fill);color:var(--classic-trigger-ink);box-shadow:var(--classic-trigger-shadow)}.cart-trigger svg{width:var(--classic-trigger-icon);height:var(--classic-trigger-icon);fill:currentColor;pointer-events:none}.cart-trigger .count{position:absolute;top:var(--classic-badge-top);left:var(--classic-badge-left);right:var(--classic-badge-right);min-width:2em;height:2em;padding:0 .25em;display:grid;place-items:center;border-radius:1em;font-size:.5625em;font-weight:600;line-height:1;background:var(--classic-badge-fill);color:var(--classic-badge-ink)}.cart-trigger .count[hidden]{display:none}.cart-trigger:has(>[data-lean-cart=count][hidden]){visibility:hidden}.classic-scrim{position:fixed;inset:0;z-index:450;background:var(--classic-scrim);opacity:0;visibility:hidden;transition:opacity var(--time),visibility 0s var(--time)}.cart-drawer{position:fixed;z-index:500;top:var(--admin);right:0;bottom:0;width:var(--classic-cart-width);display:flex;flex-direction:column;background:var(--bg-color, Canvas);color:var(--text-color, CanvasText);box-shadow:var(--classic-shadow);transform:translateX(100%);visibility:hidden;transition:transform var(--time) var(--timing-swift),visibility 0s var(--time)}.cart-drawer>.bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.5em .75em .5em 1.5em}.cart-drawer .close{width:2.75em;height:2.75em;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit}.cart-drawer .close svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}.cart-drawer>.scroller{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-inline:1.5em}.cart-drawer>.scroller .cart-item-image img{width:3.5em;height:auto;aspect-ratio:2/3}.cart-drawer>.proceed{flex-shrink:0;padding:1em 1.5em max(1em,env(safe-area-inset-bottom))}.cart-drawer>.proceed .btn-primary{width:100%}.cart-drawer .cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.875em;padding:3em 0}.cart-drawer .cart-empty-icon{width:2.75em;height:2.75em;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.cart-drawer .cart-empty-title{margin:0}.cart-drawer:has([data-lean-cart=empty]:not([hidden]))>.proceed{display:none}html[data-classic-open=cart] .classic-scrim,html[data-classic-open=cart] .cart-drawer{visibility:visible;transition-delay:0s}html[data-classic-open=cart] .classic-scrim{opacity:1}html[data-classic-open=cart] .cart-drawer{transform:none}@media(prefers-reduced-motion: reduce){.classic-scrim,.cart-drawer{transition-duration:0s}}