:root{color-scheme:light;--primary: #0e4d6b;--primary-ultra-light: #e7f1f6;--primary-light: #2f7595;--primary-hover: #0a3d57;--primary-dark: #0a3851;--primary-ultra-dark: #062536;--accent: #d98300;--accent-ultra-light: #fbecd0;--accent-light: #f3c469;--accent-hover: #c07500;--accent-dark: #9c5e00;--accent-ultra-dark: #663d00;--secondary: #2f7595;--secondary-hover: #266781;--base: #5f6770;--base-ultra-light: #fbf8f1;--base-light: #e6ddcd;--base-dark: #2a3138;--base-ultra-dark: #15191e;--success: #1c8a4a;--warning: #d98300;--danger: #c0392b;--info: #0e4d6b;--body-bg-color: #f4efe4;--bg-ultra-light: #fbf8f1;--bg-light: #f0e9da;--bg-dark: var(--primary-dark);--bg-ultra-dark: var(--base-ultra-dark);--text-dark: #15191e;--text-dark-muted: #5f6770;--text-light: #f6f2e9;--text-light-muted: #c9d4da;--text-xs: clamp(.72rem, .69rem + .15vw, .8rem);--text-s: clamp(.83rem, .79rem + .2vw, .92rem);--text-m: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-l: clamp(1.1rem, 1rem + .5vw, 1.3rem);--text-xl: clamp(1.3rem, 1.1rem + 1vw, 1.7rem);--text-xxl: clamp(1.6rem, 1.25rem + 1.8vw, 2.3rem);--h1: clamp(2.1rem, 1.55rem + 2.8vw, 3.6rem);--h2: clamp(1.7rem, 1.3rem + 2vw, 2.8rem);--h3: clamp(1.4rem, 1.15rem + 1.25vw, 2rem);--h4: clamp(1.2rem, 1.05rem + .75vw, 1.55rem);--h5: clamp(1.05rem, .97rem + .4vw, 1.25rem);--h6: clamp(.95rem, .9rem + .25vw, 1.05rem);--leading-heading: calc(4px + 2ex) ;--leading-text: calc(6px + 2ex) ;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-weight-heading: 800;--space-xs: clamp(.5rem, .42rem + .4vw, .75rem);--space-s: clamp(.75rem, .62rem + .65vw, 1.15rem);--space-m: clamp(1.15rem, .92rem + 1.15vw, 1.85rem);--space-l: clamp(1.85rem, 1.45rem + 2vw, 3rem);--space-xl: clamp(3rem, 2.3rem + 3.5vw, 5rem);--space-xxl: clamp(5rem, 3.6rem + 6vw, 8rem);--section-space-s: clamp(2rem, 1.6rem + 2vw, 3.25rem);--section-space-m: clamp(3rem, 2.3rem + 3.5vw, 5rem);--section-space-l: clamp(4rem, 3rem + 5vw, 7rem);--section-space-xl: clamp(5.5rem, 4rem + 7.5vw, 10rem);--gutter: clamp(1rem, .7rem + 1.5vw, 2rem);--content-gap: var(--space-m);--grid-gap: clamp(1rem, .8rem + 1vw, 1.6rem);--content-width: 1440px;--content-width-narrow: 720px;--grid-2: repeat(2, 1fr);--grid-3: repeat(3, 1fr);--grid-4: repeat(4, 1fr);--grid-1-2: 1fr 2fr;--grid-2-1: 2fr 1fr;--radius: 14px;--radius-s: 10px;--radius-l: 20px;--border-light: 1px solid var(--base-light);--border: 1px solid color-mix(in srgb, var(--base) 30%, var(--base-light));--box-shadow-1: 0 1px 2px rgba(20, 25, 30, .05);--box-shadow-2: 0 1px 2px rgba(20, 25, 30, .05), 0 14px 30px -18px rgba(14, 77, 107, .35);--box-shadow-3: 0 18px 40px -22px rgba(8, 25, 35, .5);--btn-padding-block: .8rem;--btn-padding-inline: 1.4rem;--btn-radius: 999px;--btn-font-size: var(--text-m);--btn-font-weight: 800;--btn-border-width: 0px}.section--s{padding-block:var(--section-space-s)}.section--m{padding-block:var(--section-space-m)}.section--l{padding-block:var(--section-space-l)}.section--xl{padding-block:var(--section-space-xl)}.section--none{padding-block:0}.container{width:100%;max-inline-size:var(--content-width);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-inline-size:var(--content-width-narrow)}.bg--light{background:var(--bg-light)}.bg--ultra-light{background:var(--bg-ultra-light)}.bg--primary{background:var(--primary)}.bg--primary-dark{background:var(--primary-dark)}.bg--dark{background:var(--bg-dark)}.bg--ultra-dark{background:var(--bg-ultra-dark)}.bg--primary,.bg--primary-dark,.bg--dark,.bg--ultra-dark{color:var(--text-light)}.bg--primary :is(h1,h2,h3,h4,h5,h6),.bg--primary-dark :is(h1,h2,h3,h4,h5,h6),.bg--dark :is(h1,h2,h3,h4,h5,h6),.bg--ultra-dark :is(h1,h2,h3,h4,h5,h6){color:var(--text-light)}.text--dark{color:var(--text-dark)}.text--dark-muted{color:var(--text-dark-muted)}.text--light{color:var(--text-light)}.text--light-muted{color:var(--text-light-muted)}.text--primary{color:var(--primary)}.text--accent{color:var(--accent)}.text--xs{font-size:var(--text-xs)}.text--s{font-size:var(--text-s)}.text--m{font-size:var(--text-m)}.text--l{font-size:var(--text-l)}.text--xl{font-size:var(--text-xl)}.text--xxl{font-size:var(--text-xxl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:var(--btn-border-width) solid transparent;padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);border-radius:var(--btn-radius);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1;text-align:center;transition:filter .2s ease,transform .12s ease;background:var(--btn-background, var(--primary));color:var(--btn-text-color, var(--text-light))}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-background: var(--primary-dark);--btn-text-color: var(--text-light)}.btn--accent{--btn-background: var(--accent);--btn-text-color: #1a1305}.btn--primary-outline{--btn-background: transparent;--btn-text-color: var(--primary);border-color:var(--base-light);border-width:1px}.btn--full{width:100%}.grid{display:grid;gap:var(--grid-gap)}.grid--auto-2{grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 240px),100%),1fr))}.grid--auto-3{grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 220px),100%),1fr))}.grid--auto-4{grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 180px),100%),1fr))}.flow>*+*{margin-block-start:var(--content-gap)}.center{text-align:center}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text-dark);background:var(--body-bg-color);background-image:radial-gradient(circle at 1px 1px,rgba(14,77,107,.05) 1px,transparent 0);background-size:22px 22px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--body-bg-color) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--base-light)}.site-header .bar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:baseline;gap:.5rem}.brand .mark{font-family:var(--font-display);font-weight:800;font-size:1.55rem;letter-spacing:-.03em;color:var(--primary-dark)}.brand .mark b{color:var(--accent)}.brand .tag{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dark-muted)}.cart-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--base-light);background:var(--bg-ultra-light);color:var(--primary-dark);cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease}.cart-btn:hover{background:var(--body-bg-color);border-color:color-mix(in srgb,var(--primary) 30%,var(--base-light))}.cart-btn:active{transform:scale(.94)}.cart-btn svg{width:21px;height:21px}.cart-btn .count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 .28rem;border-radius:999px;background:var(--accent);color:#15110a;font-weight:800;font-size:.7rem;display:inline-grid;place-items:center;border:2px solid var(--body-bg-color)}.cart-btn .count:empty,.cart-btn .count[data-n="0"]{display:none}.backdrop{position:fixed;inset:0;z-index:40;background:#08192380;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer{position:fixed;top:0;right:0;z-index:50;height:100dvh;width:min(430px,92vw);background:var(--body-bg-color);box-shadow:-24px 0 60px -30px #08192399;transform:translate(100%);transition:transform .38s cubic-bezier(.4,0,.1,1);display:flex;flex-direction:column}body.cart-open .backdrop{opacity:1;visibility:visible}body.cart-open .drawer{transform:translate(0)}body.cart-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.3rem;border-bottom:1px solid var(--base-light)}.drawer-head h2{font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin:0;letter-spacing:-.02em}.icon-btn{background:none;border:0;cursor:pointer;color:var(--text-dark-muted);padding:.3rem;line-height:0;border-radius:8px}.icon-btn:hover{color:var(--text-dark);background:var(--base-light)}.drawer-items{flex:1;overflow-y:auto;padding:.6rem 1.3rem}.empty{text-align:center;color:var(--text-dark-muted);padding:3rem 1rem;font-size:.95rem}.line{display:grid;grid-template-columns:56px 1fr auto;gap:.85rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--base-light)}.line .thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--bg-ultra-light);border:1px solid var(--base-light)}.line .ph{width:56px;height:56px;border-radius:10px;background:linear-gradient(150deg,var(--primary),var(--primary-dark));display:grid;place-items:center;color:#cfe6f0;font-family:var(--font-display);font-weight:800;font-size:1rem}.line .nm{font-weight:600;font-size:.9rem;line-height:1.25}.line .pr{font-size:.8rem;color:var(--text-dark-muted);margin-top:.15rem}.line .right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.stepper{display:inline-flex;align-items:center;border:1px solid var(--base-light);border-radius:999px;overflow:hidden;background:var(--bg-ultra-light)}.stepper button{width:28px;height:28px;border:0;background:none;cursor:pointer;font-size:1.05rem;color:var(--primary-dark);line-height:1}.stepper button:active{background:var(--base-light)}.stepper input{width:3rem;border:0;background:transparent;text-align:center;font-weight:700;font-size:.85rem;font-family:var(--font-body);color:var(--text-dark);padding:0;-moz-appearance:textfield}.stepper input:focus{outline:none}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rm{background:none;border:0;color:var(--text-dark-muted);font-size:.74rem;cursor:pointer;text-decoration:underline;padding:0}.rm:hover{color:#b23b3b}.drawer-foot{border-top:1px solid var(--base-light);padding:1.2rem 1.3rem calc(1.2rem + env(safe-area-inset-bottom));background:var(--bg-ultra-light)}.subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.9rem}.subtotal .lab{color:var(--text-dark-muted);font-size:.9rem}.subtotal .val{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em}.btn-primary{display:block;width:100%;text-align:center;cursor:pointer;background:var(--accent);color:#1a1305;border:0;border-radius:999px;padding:.95rem;font-weight:800;font-size:1rem;font-family:var(--font-body);transition:transform .12s ease,filter .2s ease}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:active{transform:scale(.985)}.btn-primary[disabled]{opacity:.45;cursor:not-allowed}.site-foot{border-top:1px solid var(--base-light);margin-top:2.5rem;padding:1.5rem 0;color:var(--text-dark-muted);font-size:.88rem}.site-foot .container{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;flex-wrap:wrap}.site-foot .mark{font-family:var(--font-display);font-weight:800;color:var(--primary-dark);font-size:1.1rem}.site-foot .mark b{color:var(--accent)}.site-foot a{color:var(--primary-dark);font-weight:700}.site-foot a:hover{text-decoration:underline}