@layer reset,tokens,base,glass,components,pages,utilities;@font-face{font-family: "Instrument Serif";src: url("/fonts/instrument-serif-regular.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "Instrument Serif";src: url("/fonts/instrument-serif-italic.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap}@layer tokens{:root{color-scheme: light dark;--night: #07080a;--porcelain: #f5f5f2;--mist: #c7cbd1;--leaf: #7cdb8a;--forest: #1f6b4a;--aurora: #8b7cf6;--amber: #f2a65a;--bg: var(--porcelain);--bg-blob-1: oklch(86% 0.12 150 / 0.55);--bg-blob-2: oklch(80% 0.11 290 / 0.4);--bg-blob-3: oklch(90% 0.06 200 / 0.5);--stars: transparent;--text: oklch(17% 0.01 260);--text-2: oklch(38% 0.012 260);--text-3: oklch(50% 0.012 260);--accent: var(--forest);--accent-text: #fff;--accent-soft: oklch(48% 0.09 155 / 0.12);--badge: var(--night);--badge-text: var(--porcelain);--sale: oklch(66% 0.15 60);--success: oklch(52% 0.13 155);--warning: oklch(62% 0.14 70);--danger: oklch(55% 0.18 25);--hairline: oklch(20% 0.01 260 / 0.1);--focus: oklch(62% 0.17 280);--media-bg: #fff;--glass-tint: oklch(100% 0 0 / 0.55);--glass-tint-strong: oklch(100% 0 0 / 0.74);--glass-tint-thin: oklch(100% 0 0 / 0.34);--glass-blur: 22px;--glass-saturate: 180%;--glass-edge: oklch(100% 0 0 / 0.75);--glass-edge-low: oklch(100% 0 0 / 0.2);--glass-shadow: 0 1px 2px oklch(15% 0.01 260 / 0.06),0 8px 28px oklch(15% 0.02 260 / 0.1);--glass-shadow-lg: 0 2px 6px oklch(15% 0.01 260 / 0.06),0 24px 60px oklch(15% 0.02 260 / 0.16);--specular: linear-gradient(180deg,oklch(100% 0 0 / 0.55),oklch(100% 0 0 / 0) 42%);--font-sans: -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI Variable","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--font-display: "Instrument Serif",ui-serif,"New York","Iowan Old Style",Georgia,serif;--font-round: ui-rounded,"SF Pro Rounded",var(--font-sans);--fs-xs: 0.8125rem;--fs-sm: 0.9375rem;--fs-md: 1.0625rem;--fs-lg: clamp(1.1875rem,1.05rem + 0.5vw,1.375rem);--fs-xl: clamp(1.75rem,1.35rem + 1.5vw,2.5rem);--fs-2xl: clamp(2.4rem,1.7rem + 2.8vw,3.75rem);--fs-3xl: clamp(3rem,1.8rem + 5.4vw,6.25rem);--lh-tight: 1;--lh-snug: 1.15;--lh-body: 1.55;--track-tight: -0.01em;--track-display: -0.02em;--s-1: 0.25rem;--s-2: 0.5rem;--s-3: 0.75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--gutter: clamp(1rem,0.5rem + 2.5vw,2.5rem);--max: 1240px;--max-prose: 70ch;--r-xl: 32px;--r-lg: 24px;--r-md: 16px;--r-sm: 12px;--r-pill: 999px;--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-spring: linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001 85.8%,1);--dur-1: 140ms;--dur-2: 240ms;--dur-3: 420ms;--header-h: 64px}.on-dark{color-scheme: dark;--bg: var(--night);--bg-blob-1: oklch(55% 0.16 150 / 0.4);--bg-blob-2: oklch(45% 0.18 290 / 0.45);--bg-blob-3: oklch(40% 0.1 210 / 0.35);--stars: oklch(100% 0 0 / 0.55);--text: var(--porcelain);--text-2: oklch(84% 0.006 260);--text-3: oklch(70% 0.008 260);--accent: var(--leaf);--accent-text: var(--night);--accent-soft: oklch(83% 0.15 150 / 0.16);--badge: var(--porcelain);--badge-text: var(--night);--hairline: oklch(100% 0 0 / 0.1);--glass-tint: oklch(24% 0.01 260 / 0.5);--glass-tint-strong: oklch(20% 0.01 260 / 0.76);--glass-tint-thin: oklch(30% 0.01 260 / 0.3);--glass-edge: oklch(100% 0 0 / 0.22);--glass-edge-low: oklch(100% 0 0 / 0.06);--glass-shadow: 0 1px 2px oklch(0% 0 0 / 0.3),0 10px 30px oklch(0% 0 0 / 0.35);--glass-shadow-lg: 0 2px 6px oklch(0% 0 0 / 0.3),0 28px 70px oklch(0% 0 0 / 0.5);--specular: linear-gradient(180deg,oklch(100% 0 0 / 0.14),oklch(100% 0 0 / 0) 40%);color: var(--text)}@media (prefers-color-scheme: dark){:root{color-scheme: dark;--bg: var(--night);--bg-blob-1: oklch(55% 0.16 150 / 0.32);--bg-blob-2: oklch(45% 0.18 290 / 0.38);--bg-blob-3: oklch(40% 0.1 210 / 0.3);--stars: oklch(100% 0 0 / 0.45);--text: var(--porcelain);--text-2: oklch(84% 0.006 260);--text-3: oklch(70% 0.008 260);--accent: var(--leaf);--accent-text: var(--night);--accent-soft: oklch(83% 0.15 150 / 0.16);--badge: var(--porcelain);--badge-text: var(--night);--hairline: oklch(100% 0 0 / 0.1);--glass-tint: oklch(24% 0.01 260 / 0.5);--glass-tint-strong: oklch(20% 0.01 260 / 0.78);--glass-tint-thin: oklch(30% 0.01 260 / 0.3);--glass-edge: oklch(100% 0 0 / 0.22);--glass-edge-low: oklch(100% 0 0 / 0.06);--glass-shadow: 0 1px 2px oklch(0% 0 0 / 0.3),0 10px 30px oklch(0% 0 0 / 0.35);--glass-shadow-lg: 0 2px 6px oklch(0% 0 0 / 0.3),0 28px 70px oklch(0% 0 0 / 0.5);--specular: linear-gradient(180deg,oklch(100% 0 0 / 0.14),oklch(100% 0 0 / 0) 40%)}}@media (prefers-reduced-transparency: reduce){:root,.on-dark{--glass-tint: var(--bg);--glass-tint-strong: var(--bg);--glass-tint-thin: var(--bg);--glass-blur: 0px}}@media (prefers-contrast: more){:root,.on-dark{--glass-tint: var(--bg);--glass-tint-strong: var(--bg);--glass-blur: 0px;--hairline: currentColor;--glass-edge: currentColor;--text-2: var(--text);--text-3: var(--text)}}}@layer reset{*,*::before,*::after{box-sizing: border-box}*{margin: 0}html{-webkit-text-size-adjust: none;text-size-adjust: none;hanging-punctuation: first last}body{min-height: 100dvh}img,svg,picture,video{display: block;max-width: 100%;height: auto}input,button,textarea,select{font: inherit;color: inherit}button{cursor: pointer}p,li,figcaption{text-wrap: pretty;overflow-wrap: break-word}h1,h2,h3,h4{text-wrap: balance;overflow-wrap: break-word}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}table{border-collapse: collapse}[hidden]{display: none !important}}@layer base{@view-transition{navigation: auto}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 24px);background: var(--bg)}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}@view-transition{navigation: none}}body{font-family: var(--font-sans);font-size: var(--fs-md);line-height: var(--lh-body);color: var(--text);background: var(--bg);-webkit-font-smoothing: antialiased;font-synthesis-weight: none;text-rendering: optimizeLegibility;display: flex;flex-direction: column}main{flex: 1}body::before{content: "";position: fixed;inset: -20vmax;z-index: -1;pointer-events: none;background: radial-gradient(38vmax 38vmax at 12% 8%,var(--bg-blob-1),transparent 70%),radial-gradient(34vmax 30vmax at 92% 18%,var(--bg-blob-2),transparent 70%),radial-gradient(40vmax 36vmax at 70% 92%,var(--bg-blob-3),transparent 70%),radial-gradient(30vmax 30vmax at 8% 80%,var(--bg-blob-2),transparent 70%);filter: saturate(115%)}body::after,.on-dark::after{content: "";position: fixed;inset: 0;z-index: -1;pointer-events: none;background-image: radial-gradient(1px 1px at 12% 18%,var(--stars),transparent),radial-gradient(1px 1px at 38% 72%,var(--stars),transparent),radial-gradient(1.5px 1.5px at 64% 26%,var(--stars),transparent),radial-gradient(1px 1px at 82% 58%,var(--stars),transparent),radial-gradient(1px 1px at 22% 88%,var(--stars),transparent),radial-gradient(1.5px 1.5px at 91% 9%,var(--stars),transparent),radial-gradient(1px 1px at 52% 44%,var(--stars),transparent);background-size: 420px 420px;opacity: 0.8}.on-dark::after{position: absolute;border-radius: inherit}h1,h2,h3,h4{line-height: var(--lh-snug);letter-spacing: -0.015em;font-weight: 650}h1,h2,.display{font-family: var(--font-display);font-weight: 400;letter-spacing: var(--track-display)}h1{font-size: var(--fs-2xl);line-height: var(--lh-tight)}h2{font-size: var(--fs-xl);line-height: 1.05}h3{font-size: var(--fs-lg)}h1 em,h2 em,.display em{font-style: italic;color: var(--accent)}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 0.18em}a:hover{color: var(--accent)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px;border-radius: 8px}::selection{background: var(--accent-soft);color: var(--text)}.skip-link{position: absolute;left: var(--s-4);top: -100px;z-index: 1000;padding: var(--s-3) var(--s-5);border-radius: var(--r-pill);background: var(--accent);color: var(--accent-text);font-weight: 600;text-decoration: none}.skip-link:focus{top: var(--s-4)}.wrap{width: min(100% - 2 * var(--gutter),var(--max));margin-inline: auto}.section{padding-block: clamp(var(--s-7),6vw,var(--s-9))}.section-head{display: flex;align-items: end;justify-content: space-between;gap: var(--s-4);margin-bottom: var(--s-6);flex-wrap: wrap}.section-head p{color: var(--text-2);max-width: 52ch}.eyebrow{font-size: var(--fs-sm);font-weight: 600;color: var(--accent);letter-spacing: 0.01em}.lead{font-size: var(--fs-lg);color: var(--text-2);max-width: 60ch}.muted{color: var(--text-3)}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}}@layer glass{.glass{--_tint: var(--glass-tint);position: relative;isolation: isolate;background: var(--_tint);-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius: var(--r-lg);box-shadow: inset 0 1px 0 0 var(--glass-edge),inset 0 -1px 0 0 var(--glass-edge-low),var(--glass-shadow)}.glass::before{content: "";position: absolute;inset: 0;border-radius: inherit;background: var(--specular);pointer-events: none;z-index: -1}.glass::after{content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(140deg,var(--glass-edge),var(--glass-edge-low) 40%,var(--glass-edge-low) 60%,var(--glass-edge));-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events: none}.glass--strong{--_tint: var(--glass-tint-strong)}.glass--thin{--_tint: var(--glass-tint-thin)}.glass--lift{box-shadow: inset 0 1px 0 0 var(--glass-edge),inset 0 -1px 0 0 var(--glass-edge-low),var(--glass-shadow-lg)}.glass--interactive{transition: transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.glass--interactive::before{background: radial-gradient(240px circle at var(--mx,50%) var(--my,0%),oklch(100% 0 0 / 0.28),transparent 60%),var(--specular)}@media (hover: hover){.glass--interactive:hover{transform: translateY(-3px);box-shadow: inset 0 1px 0 0 var(--glass-edge),inset 0 -1px 0 0 var(--glass-edge-low),var(--glass-shadow-lg)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{--_tint: var(--glass-tint-strong)}}}@layer components{.btn{--_bg: var(--accent);--_fg: var(--accent-text);display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 48px;padding: 0 var(--s-5);border: 0;border-radius: var(--r-pill);background: var(--_bg);color: var(--_fg);font-weight: 600;font-size: var(--fs-md);letter-spacing: -0.01em;text-decoration: none;white-space: nowrap;box-shadow: inset 0 1px 0 oklch(100% 0 0 / 0.28),inset 0 -1px 0 oklch(0% 0 0 / 0.12),0 6px 18px oklch(38% 0.065 152 / 0.28);background-image: linear-gradient(180deg,oklch(100% 0 0 / 0.18),oklch(100% 0 0 / 0) 55%);transition: transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),filter var(--dur-2);touch-action: manipulation}.btn:hover{color: var(--_fg);filter: brightness(1.06)}.btn:active{transform: scale(0.97)}.btn[disabled]{opacity: 0.45;cursor: not-allowed}.btn--glass{--_fg: var(--text);background: var(--glass-tint);-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));background-image: var(--specular);box-shadow: inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--hairline),var(--glass-shadow)}.btn--sm{min-height: 40px;padding: 0 var(--s-4);font-size: var(--fs-sm)}.btn--block{width: 100%}.icon-btn{position: relative;display: inline-grid;place-items: center;width: 44px;height: 44px;border: 0;border-radius: var(--r-pill);background: transparent;color: var(--text);text-decoration: none;transition: background var(--dur-1)}.icon-btn:hover{background: var(--accent-soft);color: var(--text)}.icon-btn svg{width: 22px;height: 22px}.cart-count{position: absolute;top: 4px;right: 2px;min-width: 18px;height: 18px;padding: 0 5px;border-radius: var(--r-pill);background: var(--accent);color: var(--accent-text);font-size: 11px;font-weight: 700;line-height: 18px;text-align: center;transform-origin: center}.cart-count:empty,.cart-count[data-count="0"]{display: none}.cart-count.bump{animation: bump var(--dur-3) var(--ease-spring)}@keyframes bump{0%{transform: scale(0.6)}100%{transform: scale(1)}}.chip{display: inline-flex;align-items: center;gap: 6px;min-height: 28px;padding: 0 var(--s-3);border-radius: var(--r-pill);font-size: var(--fs-xs);font-weight: 600;letter-spacing: 0.01em;background: var(--accent-soft);color: var(--accent)}.chip--badge{background: var(--badge);color: var(--badge-text)}.chip--sale{background: var(--sale);color: #1a1205}.chip--muted{background: var(--glass-tint-strong);color: var(--text-2);box-shadow: inset 0 0 0 1px var(--hairline)}.chips{display: flex;flex-wrap: wrap;gap: var(--s-2)}.filter-chip{display: inline-flex;align-items: center;min-height: 40px;padding: 0 var(--s-4);border-radius: var(--r-pill);border: 0;text-decoration: none;background: var(--glass-tint-thin);color: var(--text);font-weight: 550;font-size: var(--fs-sm);box-shadow: inset 0 0 0 1px var(--hairline);transition: background var(--dur-1),color var(--dur-1)}.filter-chip:hover{background: var(--accent-soft);color: var(--text)}.filter-chip[aria-current="page"],.filter-chip[aria-pressed="true"]{background: var(--text);color: var(--bg);box-shadow: none}.site-header{position: sticky;top: 0;z-index: 50;padding-top: max(10px,env(safe-area-inset-top));view-transition-name: site-header}.site-header__bar{display: flex;align-items: center;gap: var(--s-4);height: var(--header-h);padding-inline: var(--s-3) var(--s-2);border-radius: var(--r-pill)}.brand{display: inline-flex;align-items: center;gap: var(--s-2);text-decoration: none;padding-inline: var(--s-2)}.brand img,.brand svg{width: 32px;height: 32px;border-radius: 9px}.brand .wordmark{font-family: var(--font-display);font-size: 1.75rem;letter-spacing: 0.01em;line-height: 1;translate: 0 -0.06em}.nav{margin-inline: auto}.nav ul{display: flex;gap: var(--s-1)}.nav a{display: inline-flex;align-items: center;min-height: 40px;padding: 0 var(--s-4);border-radius: var(--r-pill);text-decoration: none;font-size: var(--fs-sm);font-weight: 550;color: var(--text-2);transition: background var(--dur-1),color var(--dur-1)}.nav a:hover{color: var(--text);background: var(--accent-soft)}.nav a[aria-current="page"],.nav a[aria-current="true"]{color: var(--text);background: var(--glass-tint-strong);box-shadow: inset 0 0 0 1px var(--hairline)}.header-actions{display: flex;align-items: center;gap: var(--s-1);margin-left: auto}.nav + .header-actions{margin-left: 0}.lang-link{font-size: var(--fs-xs);font-weight: 700;text-decoration: none;padding: 0 var(--s-3);min-height: 40px;display: inline-flex;align-items: center;border-radius: var(--r-pill);color: var(--text-2)}.lang-link:hover{background: var(--accent-soft);color: var(--text)}.menu-btn{display: none}.mobile-menu{inset: auto var(--gutter) auto var(--gutter);top: calc(var(--header-h) + 20px);margin: 0;width: auto;padding: var(--s-4);border: 0;color: var(--text);border-radius: var(--r-xl);opacity: 0;transform: translateY(-8px) scale(0.98);transition: opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),overlay var(--dur-2) allow-discrete,display var(--dur-2) allow-discrete}.mobile-menu:popover-open{opacity: 1;transform: none}@starting-style{.mobile-menu:popover-open{opacity: 0;transform: translateY(-8px) scale(0.98)}}.mobile-menu ul{display: grid;gap: var(--s-1)}.mobile-menu a{display: flex;min-height: 52px;align-items: center;padding: 0 var(--s-4);border-radius: var(--r-md);text-decoration: none;font-size: var(--fs-lg);font-weight: 600}.mobile-menu a:hover{background: var(--accent-soft)}@media (max-width: 880px){.nav{display: none}.menu-btn{display: inline-grid}}.grid{display: grid;gap: clamp(var(--s-4),2vw,var(--s-5));grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr))}.grid--2{grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr))}.grid--4{grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr))}.card{border-radius: var(--r-xl);padding: var(--s-3);display: flex;flex-direction: column;container-type: inline-size}.product-card__media{position: relative;display: block;aspect-ratio: 1;border-radius: calc(var(--r-xl) - var(--s-3));background: var(--media-bg);overflow: hidden}.product-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-3) var(--ease-spring)}.product-card__media .chips{position: absolute;top: var(--s-3);left: var(--s-3)}@media (hover: hover){.product-card:hover .product-card__media img{transform: scale(1.04)}}.product-card[data-soldout] .product-card__media img{filter: grayscale(0.6) opacity(0.7)}.product-card__body{display: flex;flex-direction: column;gap: var(--s-2);padding: var(--s-4) var(--s-3) var(--s-3);flex: 1}.product-card__body h3{font-size: var(--fs-lg)}.product-card__body h3 a{text-decoration: none}.product-card__body h3 a::after{content: "";position: absolute;inset: 0;border-radius: inherit}.product-card__body p{color: var(--text-2);font-size: var(--fs-sm)}.product-card__foot{margin-top: auto;padding-top: var(--s-3);display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);flex-wrap: wrap}.product-card__foot .btn{position: relative;z-index: 1}.product-card .chips{position: relative;z-index: 1}.price{font-weight: 700;font-size: var(--fs-lg);letter-spacing: -0.02em;font-variant-numeric: tabular-nums}.price small{font-weight: 500;font-size: var(--fs-sm);color: var(--text-3)}.category-card{padding: var(--s-5);min-height: 220px;text-decoration: none;justify-content: space-between;overflow: hidden}.category-card h3{font-size: var(--fs-xl)}.category-card p{color: var(--text-2);font-size: var(--fs-sm);max-width: 60%}.category-card .stack,.category-card .arrow{position: relative;z-index: 1}.category-card img{position: absolute;right: -4%;bottom: -6%;width: 42%;z-index: 0;pointer-events: none;transition: transform var(--dur-3) var(--ease-spring)}@media (hover: hover){.category-card:hover img{transform: translateY(-6px) rotate(4deg)}}.category-card .arrow{display: inline-flex;align-items: center;gap: var(--s-2);font-weight: 600;color: var(--accent);font-size: var(--fs-sm)}.article-card{padding: var(--s-5);text-decoration: none;gap: var(--s-3)}.article-card h3{font-size: var(--fs-lg)}.article-card p{color: var(--text-2);font-size: var(--fs-sm)}.article-card .meta{margin-top: auto;font-size: var(--fs-xs);color: var(--text-3)}.breadcrumbs{font-size: var(--fs-sm);color: var(--text-3);padding-block: var(--s-5) var(--s-2)}.breadcrumbs ol{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none;padding: 0}.breadcrumbs li + li::before{content: "/";margin-right: var(--s-2);opacity: 0.5}.breadcrumbs a{text-decoration: none}.breadcrumbs [aria-current]{color: var(--text-2)}.segmented{display: flex;flex-wrap: wrap;gap: var(--s-2);border: 0;padding: 0}.segmented legend{font-size: var(--fs-sm);font-weight: 600;margin-bottom: var(--s-2)}.segmented label{position: relative;display: inline-flex;flex-direction: column;justify-content: center;min-height: 56px;padding: var(--s-2) var(--s-4);border-radius: var(--r-md);cursor: pointer;background: var(--glass-tint-thin);box-shadow: inset 0 0 0 1px var(--hairline);font-size: var(--fs-sm);font-weight: 600;line-height: 1.25;transition: box-shadow var(--dur-1),background var(--dur-1)}.segmented label small{font-weight: 500;color: var(--text-3)}.segmented input{position: absolute;opacity: 0;pointer-events: none}.segmented label:has(input:checked){background: var(--glass-tint-strong);box-shadow: inset 0 0 0 2px var(--accent),var(--glass-shadow)}.segmented label:has(input:focus-visible){outline: 3px solid var(--focus);outline-offset: 2px}.segmented label:has(input:disabled){opacity: 0.45;cursor: not-allowed}.stepper{display: inline-flex;align-items: center;border-radius: var(--r-pill);box-shadow: inset 0 0 0 1px var(--hairline);background: var(--glass-tint-thin)}.stepper button{width: 44px;height: 48px;border: 0;background: none;font-size: 1.25rem;border-radius: var(--r-pill)}.stepper button:hover{background: var(--accent-soft)}.stepper input{width: 3ch;text-align: center;border: 0;background: none;font-weight: 600;font-variant-numeric: tabular-nums;-moz-appearance: textfield;appearance: textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}.stepper--sm button{width: 34px;height: 36px;font-size: 1rem}.accordion{border-radius: var(--r-lg);padding: var(--s-2) var(--s-5)}.accordion details{border-bottom: 1px solid var(--hairline)}.accordion details:last-child{border-bottom: 0}.accordion summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: var(--s-4);min-height: 60px;font-weight: 600;font-size: var(--fs-md)}.accordion summary::-webkit-details-marker{display: none}.accordion summary::after{content: "+";font-size: 1.5rem;font-weight: 300;color: var(--text-3);transition: transform var(--dur-2) var(--ease-out)}.accordion details[open] summary::after{transform: rotate(45deg)}.accordion .content{padding-bottom: var(--s-5);color: var(--text-2)}.accordion details::details-content{block-size: 0;overflow: clip;transition: block-size var(--dur-2) var(--ease-out),content-visibility var(--dur-2) allow-discrete}.accordion details[open]::details-content{block-size: auto}@supports (interpolate-size: allow-keywords){:root{interpolate-size: allow-keywords}}.table-wrap{overflow-x: auto;border-radius: var(--r-lg)}.table{width: 100%;font-size: var(--fs-sm);font-variant-numeric: tabular-nums}.table th,.table td{text-align: left;padding: var(--s-3) var(--s-4);border-bottom: 1px solid var(--hairline);vertical-align: top}.table thead th{font-size: var(--fs-xs);text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-3);font-weight: 600}.table tr:last-child td{border-bottom: 0}.spec-table th{width: 40%;color: var(--text-3);font-weight: 500}.field{display: grid;gap: 6px}.field label,.field .label{font-size: var(--fs-sm);font-weight: 600}.input,.select,.textarea{width: 100%;min-height: 50px;padding: 0 var(--s-4);border: 0;border-radius: var(--r-md);background: var(--glass-tint-strong);color: var(--text);box-shadow: inset 0 0 0 1px var(--hairline);transition: box-shadow var(--dur-1)}.textarea{padding: var(--s-3) var(--s-4);min-height: 96px;resize: vertical}.input:focus,.select:focus,.textarea:focus{outline: none;box-shadow: inset 0 0 0 2px var(--accent)}.input:user-invalid{box-shadow: inset 0 0 0 2px var(--danger)}.form-grid{display: grid;gap: var(--s-4);grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr))}.form-grid .span-all{grid-column: 1 / -1}.choice-list{display: grid;gap: var(--s-2);border: 0;padding: 0}.choice-list legend{font-weight: 650;font-size: var(--fs-lg);margin-bottom: var(--s-3)}.choice{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-4);border-radius: var(--r-md);cursor: pointer;background: var(--glass-tint-thin);box-shadow: inset 0 0 0 1px var(--hairline)}.choice:has(input:checked){box-shadow: inset 0 0 0 2px var(--accent);background: var(--glass-tint-strong)}.choice input{accent-color: var(--accent);width: 20px;height: 20px}.choice .grow{flex: 1}.check{display: flex;gap: var(--s-3);align-items: flex-start;font-size: var(--fs-sm)}.check input{accent-color: var(--accent);width: 20px;height: 20px;margin-top: 2px;flex: none}.drawer{position: fixed;inset: 10px 10px 10px auto;margin: 0;width: min(440px,calc(100vw - 20px));height: auto;max-height: none;padding: 0;border: 0;color: var(--text);border-radius: var(--r-xl);display: flex;flex-direction: column;transform: translateX(calc(100% + 20px));transition: transform var(--dur-3) var(--ease-out),overlay var(--dur-3) allow-discrete,display var(--dur-3) allow-discrete}.drawer:not([open]){display: none}.drawer[open]{transform: none}@starting-style{.drawer[open]{transform: translateX(calc(100% + 20px))}}.drawer::backdrop{background: oklch(15% 0.02 155 / 0.25);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);transition: opacity var(--dur-3),overlay var(--dur-3) allow-discrete,display var(--dur-3) allow-discrete;opacity: 0}.drawer[open]::backdrop{opacity: 1}@starting-style{.drawer[open]::backdrop{opacity: 0}}.drawer__head{display: flex;justify-content: space-between;align-items: center;padding: var(--s-4) var(--s-4) var(--s-2) var(--s-5)}.drawer__head h2{font-size: var(--fs-lg)}.drawer__body{flex: 1;overflow-y: auto;padding: var(--s-2) var(--s-4);overscroll-behavior: contain}.drawer__foot{padding: var(--s-4) var(--s-5) var(--s-5);border-top: 1px solid var(--hairline);display: grid;gap: var(--s-3)}.drawer__foot .row{display: flex;justify-content: space-between;font-weight: 600}.free-ship{font-size: var(--fs-xs);color: var(--text-2)}.free-ship progress{width: 100%;height: 6px;border-radius: var(--r-pill);overflow: hidden;appearance: none;border: 0;background: var(--hairline);margin-top: 6px;display: block}.free-ship progress::-webkit-progress-bar{background: var(--hairline)}.free-ship progress::-webkit-progress-value{background: var(--accent);border-radius: var(--r-pill);transition: width var(--dur-3) var(--ease-out)}.free-ship progress::-moz-progress-bar{background: var(--accent)}.line-items{display: grid;gap: var(--s-2);list-style: none;padding: 0}.line-item{display: grid;grid-template-columns: 64px 1fr auto;gap: var(--s-3);align-items: center;padding: var(--s-2);border-radius: var(--r-md)}.line-item img{width: 64px;height: 64px;border-radius: var(--r-sm);background: var(--glass-tint-strong);padding: 6px}.line-item h3{font-size: var(--fs-sm);line-height: 1.3}.line-item h3 a{text-decoration: none}.line-item .meta{font-size: var(--fs-xs);color: var(--text-3)}.line-item .end{display: grid;justify-items: end;gap: 4px}.line-item .remove{border: 0;background: none;color: var(--text-3);font-size: var(--fs-xs);text-decoration: underline;padding: 4px}.empty-state{text-align: center;padding: var(--s-7) var(--s-4);color: var(--text-2);display: grid;gap: var(--s-4);justify-items: center}.age-gate{margin: auto;padding: var(--s-6);border: 0;color: var(--text);width: min(420px,calc(100vw - 32px));border-radius: var(--r-xl);text-align: center;display: grid;gap: var(--s-4)}.age-gate:not([open]){display: none}.age-gate::backdrop{background: oklch(15% 0.02 155 / 0.35);-webkit-backdrop-filter: blur(18px) saturate(140%);backdrop-filter: blur(18px) saturate(140%)}.age-gate .actions{display: flex;gap: var(--s-3);justify-content: center;flex-wrap: wrap}.age-gate svg{width: 48px;height: 48px;margin-inline: auto}.toast{position: fixed;left: 50%;bottom: max(20px,env(safe-area-inset-bottom));z-index: 100;translate: -50% 0;padding: var(--s-3) var(--s-5);border-radius: var(--r-pill);font-weight: 600;font-size: var(--fs-sm);display: flex;align-items: center;gap: var(--s-2);opacity: 0;transform: translateY(16px) scale(0.96);pointer-events: none;transition: opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-spring)}.toast.is-visible{opacity: 1;transform: none}.trust{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr));gap: var(--s-3);list-style: none;padding: 0}.trust li{display: flex;align-items: center;gap: var(--s-3);font-size: var(--fs-sm);font-weight: 550;padding: var(--s-3) var(--s-4);border-radius: var(--r-md)}.trust svg{width: 22px;height: 22px;flex: none;color: var(--accent)}.note{padding: var(--s-4) var(--s-5);border-radius: var(--r-md);background: var(--accent-soft);font-size: var(--fs-sm);color: var(--text-2)}.site-footer{padding: var(--s-8) 0 var(--s-5)}.site-footer__panel{border-radius: var(--r-xl);padding: clamp(var(--s-5),4vw,var(--s-7));display: grid;gap: var(--s-6)}.footer-grid{display: grid;gap: var(--s-6);grid-template-columns: 1.4fr repeat(3,1fr)}@media (max-width: 880px){.footer-grid{grid-template-columns: 1fr 1fr}.footer-grid>:first-child{grid-column: 1 / -1}}.footer-grid h2{font-size: var(--fs-sm);text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-3);margin-bottom: var(--s-3)}.footer-grid ul{list-style: none;padding: 0;display: grid;gap: var(--s-2)}.footer-grid a{text-decoration: none;color: var(--text-2);font-size: var(--fs-sm)}.footer-grid a:hover{color: var(--text)}.footer-grid p{color: var(--text-2);font-size: var(--fs-sm)}.newsletter{display: flex;gap: var(--s-2);margin-top: var(--s-3);flex-wrap: wrap}.newsletter .input{flex: 1 1 200px;border-radius: var(--r-pill);min-height: 48px}.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--s-4);font-size: var(--fs-xs);color: var(--text-3);border-top: 1px solid var(--hairline);padding-top: var(--s-5)}.footer-bottom p{max-width: 80ch}.social{display: flex;gap: var(--s-2)}}@layer components{.accordion summary .faq-q{font-size: inherit;letter-spacing: -0.01em;margin: 0}}@layer components{.btn svg,.toast svg,.hero__float svg,.filter-chip svg{width: 18px;height: 18px;flex: none}.toast svg{color: var(--success)}}@layer components{.rating{display: inline-flex;align-items: center;gap: 6px;font-size: var(--fs-sm);color: var(--text-2)}.rating .stars{--pct: 100%;position: relative;display: inline-block;font-size: 0.95em;letter-spacing: 2px;line-height: 1;color: var(--hairline)}.rating .stars::before{content: "★★★★★"}.rating .stars::after{content: "★★★★★";position: absolute;inset: 0;width: var(--pct);overflow: hidden;color: var(--amber)}.rating strong{color: var(--text)}.gallery{display: grid;gap: var(--s-3)}.gallery__main{position: relative;aspect-ratio: 1;border-radius: var(--r-xl);overflow: hidden;background: var(--media-bg)}.gallery__main img{width: 100%;height: 100%;object-fit: cover}.gallery__main .chips{position: absolute;top: var(--s-4);left: var(--s-4)}.gallery__main .credit{position: absolute;right: var(--s-3);bottom: var(--s-3);font-size: var(--fs-xs);padding: 4px 10px;border-radius: var(--r-pill);color: var(--text-2)}.gallery__thumbs{display: flex;gap: var(--s-2);list-style: none;padding: 0}.gallery__thumbs button{padding: 0;border: 0;border-radius: var(--r-md);overflow: hidden;width: 76px;aspect-ratio: 1;background: var(--media-bg);box-shadow: inset 0 0 0 1px var(--hairline);opacity: 0.7;transition: opacity var(--dur-1),box-shadow var(--dur-1)}.gallery__thumbs button[aria-current="true"]{opacity: 1;box-shadow: 0 0 0 2px var(--accent)}.gallery__thumbs img{width: 100%;height: 100%;object-fit: cover}.status-box{padding: var(--s-5);border-radius: var(--r-lg);display: grid;gap: var(--s-3);justify-items: start}.status-box p{color: var(--text-2);font-size: var(--fs-sm)}.status-box .actions{display: flex;gap: var(--s-2);flex-wrap: wrap}.store-card{padding: clamp(var(--s-5),4vw,var(--s-7));border-radius: var(--r-xl);display: grid;gap: var(--s-4);grid-template-columns: 1fr 1fr;align-items: center;overflow: hidden;position: relative;isolation: isolate}@media (max-width: 760px){.store-card{grid-template-columns: 1fr}}.store-card dl{display: grid;grid-template-columns: auto 1fr;gap: var(--s-2) var(--s-4);font-size: var(--fs-sm)}.store-card dt{color: var(--text-3)}.store-card dd{margin: 0;font-weight: 600}}@layer components{.packeta{margin-top: var(--s-4);display: grid;gap: var(--s-2);justify-items: start}.packeta[hidden]{display: none}.hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}}@layer pages{.hero{padding-block: var(--s-4) var(--s-7)}.hero__panel{position: relative;isolation: isolate;overflow: hidden;border-radius: clamp(24px,3vw,40px);background: var(--night);padding: clamp(var(--s-6),5vw,var(--s-8)) clamp(var(--s-5),5vw,var(--s-8));display: grid;grid-template-columns: 1.05fr 0.95fr;gap: var(--s-6);align-items: center;box-shadow: var(--glass-shadow-lg)}.hero__panel::before{content: "";position: absolute;inset: -30%;z-index: -1;pointer-events: none;background: radial-gradient(40% 50% at 15% 20%,oklch(60% 0.17 150 / 0.55),transparent 70%),radial-gradient(40% 45% at 85% 80%,oklch(50% 0.2 290 / 0.6),transparent 70%),radial-gradient(30% 30% at 70% 15%,oklch(55% 0.12 210 / 0.4),transparent 70%);animation: aurora 18s ease-in-out infinite alternate}@keyframes aurora{to{transform: translate3d(4%,-3%,0) rotate(8deg)}}@media (max-width: 880px){.hero__panel{grid-template-columns: 1fr}}.hero h1{font-size: var(--fs-3xl);margin-block: var(--s-3) var(--s-4)}.hero .lead{margin-bottom: var(--s-6)}.hero__ctas{display: flex;gap: var(--s-3);flex-wrap: wrap}.hero__stage{position: relative;aspect-ratio: 1;width: 100%;max-width: 540px;margin-inline: auto}.hero__photo{position: absolute;inset: 4%;border-radius: 50%;overflow: hidden;background: #fff;box-shadow: 0 40px 80px oklch(0% 0 0 / 0.5),0 0 0 1px oklch(100% 0 0 / 0.15)}.hero__photo img{width: 100%;height: 100%;object-fit: cover}.hero__ring{position: absolute;inset: -6% -12%;border-radius: 50%;border: 2px solid oklch(100% 0 0 / 0.35);transform: rotate(-22deg) scaleY(0.32);pointer-events: none}.hero__float{position: absolute;padding: var(--s-3) var(--s-4);border-radius: var(--r-md);font-size: var(--fs-sm);font-weight: 600;display: flex;align-items: center;gap: var(--s-2);animation: float 9s ease-in-out infinite}.hero__float strong{font-family: var(--font-display);font-weight: 400;font-size: 1.6rem;letter-spacing: -0.01em}.hero__float--a{top: 6%;left: -4%;animation-delay: -2s}.hero__float--b{bottom: 12%;right: -4%;animation-delay: -5s}.hero__float--c{bottom: -2%;left: 8%;animation-delay: -1s}@keyframes float{0%,100%{translate: 0 0}50%{translate: 0 -12px}}.hero .trust{margin-top: var(--s-5)}.why{padding: clamp(var(--s-5),4vw,var(--s-7));border-radius: var(--r-xl)}.why ol{list-style: none;padding: 0;display: grid;gap: var(--s-5);grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));counter-reset: why;margin-top: var(--s-6)}.why li{counter-increment: why;display: grid;gap: var(--s-2)}.why h3{font-size: var(--fs-lg)}.why p{color: var(--text-2);font-size: var(--fs-sm)}.page-head{padding-block: var(--s-3) var(--s-6);display: grid;gap: var(--s-3)}.page-head .lead{margin-top: var(--s-2)}.toolbar{display: flex;flex-wrap: wrap;gap: var(--s-3);align-items: center;justify-content: space-between;padding: var(--s-2);border-radius: var(--r-pill);margin-bottom: var(--s-5)}.toolbar .chips{gap: var(--s-1)}.toolbar__end{display: flex;gap: var(--s-2);align-items: center}.toolbar .select{min-height: 40px;border-radius: var(--r-pill);width: auto;padding-right: var(--s-6)}.toolbar .input{min-height: 40px;border-radius: var(--r-pill);width: 200px}.result-count{font-size: var(--fs-sm);color: var(--text-3);padding-inline: var(--s-3)}@media (max-width: 720px){.toolbar{border-radius: var(--r-lg)}.toolbar__end{width: 100%}.toolbar .input{flex: 1;width: auto}}.category-intro{max-width: 75ch;color: var(--text-2);margin-top: var(--s-7);padding: var(--s-5) var(--s-6);border-radius: var(--r-lg)}.category-intro h2{color: var(--text);margin-bottom: var(--s-3);font-size: var(--fs-lg)}.pdp{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: clamp(var(--s-5),4vw,var(--s-7));align-items: start;padding-bottom: var(--s-7)}@media (max-width: 900px){.pdp{grid-template-columns: 1fr}}.pdp__gallery{border-radius: var(--r-xl);aspect-ratio: 1;display: grid;place-items: center;position: sticky;top: calc(var(--header-h) + 28px);overflow: hidden}@media (max-width: 900px){.pdp__gallery{position: relative;top: 0}}.pdp__gallery img{width: 62%;filter: drop-shadow(0 30px 40px oklch(25% 0.05 150 / 0.3));view-transition-name: var(--vt,none)}.pdp__gallery .chips{position: absolute;top: var(--s-5);left: var(--s-5)}.pdp__buy{display: grid;gap: var(--s-5)}.pdp__buy h1{font-size: var(--fs-2xl)}.pdp__buy .short{color: var(--text-2);font-size: var(--fs-lg)}.pdp__price{display: flex;align-items: baseline;gap: var(--s-3);flex-wrap: wrap}.pdp__price .price{font-size: var(--fs-xl)}.unit-price{font-size: var(--fs-sm);color: var(--text-3)}.stock{display: inline-flex;align-items: center;gap: var(--s-2);font-size: var(--fs-sm);font-weight: 600;color: var(--success)}.stock::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor;box-shadow: 0 0 0 4px color-mix(in oklab,currentColor 18%,transparent)}.stock[data-level="low"]{color: var(--warning)}.stock[data-level="out"]{color: var(--danger)}.buy-row{display: flex;gap: var(--s-3);flex-wrap: wrap}.buy-row .btn{flex: 1 1 200px}.pdp__details{display: grid;gap: var(--s-5)}.buy-bar{display: none}@media (max-width: 900px){.buy-bar{display: flex;position: fixed;z-index: 40;left: 10px;right: 10px;bottom: max(10px,env(safe-area-inset-bottom));align-items: center;justify-content: space-between;gap: var(--s-3);padding: var(--s-2) var(--s-2) var(--s-2) var(--s-5);border-radius: var(--r-pill);transform: translateY(150%);transition: transform var(--dur-3) var(--ease-out)}.buy-bar.is-visible{transform: none}.buy-bar .name{font-size: var(--fs-sm);font-weight: 600;line-height: 1.2}}.prose{max-width: var(--max-prose);font-size: var(--fs-md)}.prose>* + *{margin-top: var(--s-4)}.prose h2{margin-top: var(--s-7);font-size: var(--fs-xl)}.prose h2 + *{margin-top: var(--s-3)}.prose ul{padding-left: 1.2em;display: grid;gap: var(--s-2)}.prose li::marker{color: var(--accent)}.prose p,.prose li{color: var(--text-2)}.prose .table-wrap{margin-block: var(--s-5)}.article-head{max-width: var(--max-prose);display: grid;gap: var(--s-3);padding-bottom: var(--s-6)}.article-head .meta{color: var(--text-3);font-size: var(--fs-sm);display: flex;gap: var(--s-3);flex-wrap: wrap}.article-layout{display: grid;grid-template-columns: minmax(0,1fr) 320px;gap: var(--s-7);align-items: start}@media (max-width: 1000px){.article-layout{grid-template-columns: 1fr}}.article-aside{position: sticky;top: calc(var(--header-h) + 28px);display: grid;gap: var(--s-4)}.article-aside h2{font-size: var(--fs-sm);text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-3)}.mini-product{display: grid;grid-template-columns: 64px 1fr;gap: var(--s-3);align-items: center;padding: var(--s-3);border-radius: var(--r-lg);text-decoration: none}.mini-product img{width: 64px;height: 64px}.mini-product strong{display: block;font-size: var(--fs-sm);line-height: 1.3}.mini-product span{font-size: var(--fs-sm);color: var(--text-3)}.checkout{display: grid;grid-template-columns: minmax(0,1fr) 400px;gap: var(--s-6);align-items: start;padding-bottom: var(--s-7)}@media (max-width: 960px){.checkout{grid-template-columns: 1fr}}.checkout__form{display: grid;gap: var(--s-5)}.panel{padding: clamp(var(--s-4),3vw,var(--s-6));border-radius: var(--r-xl);display: grid;gap: var(--s-4)}.panel>h2{font-size: var(--fs-lg)}.summary{position: sticky;top: calc(var(--header-h) + 28px)}.summary .row{display: flex;justify-content: space-between;font-size: var(--fs-sm)}.summary .row--total{font-size: var(--fs-lg);font-weight: 700;border-top: 1px solid var(--hairline);padding-top: var(--s-3)}.form-status{font-weight: 600}.form-status[data-state="ok"]{color: var(--success)}.form-status[data-state="error"]{color: var(--danger)}.contact-cards{display: grid;gap: var(--s-4);grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top: var(--s-5)}.contact-cards .card{padding: var(--s-5);gap: var(--s-2)}.contact-cards a{font-weight: 600;font-size: var(--fs-lg);text-decoration: none}.not-found{text-align: center;padding-block: var(--s-9);display: grid;gap: var(--s-4);justify-items: center}.not-found .big{font-size: clamp(5rem,18vw,11rem);font-weight: 800;letter-spacing: -0.06em;line-height: 1;background: linear-gradient(180deg,var(--accent),transparent);-webkit-background-clip: text;background-clip: text;color: transparent}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.reveal{animation: reveal linear backwards;animation-timeline: view();animation-range: entry 0% entry 40%}@keyframes reveal{from{opacity: 0;translate: 0 24px;scale: 0.98}to{opacity: 1;translate: 0 0;scale: 1}}}}}@layer utilities{.mt-0{margin-top: 0}.mt-4{margin-top: var(--s-4)}.mt-6{margin-top: var(--s-6)}.center{text-align: center}.stack{display: grid;gap: var(--s-4)}}@layer pages{.grid--3{grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr))}.category-card__img{position: absolute;right: -6%;bottom: -12%;width: 46%;aspect-ratio: 1;border-radius: 50%;overflow: hidden;background: var(--media-bg);box-shadow: var(--glass-shadow-lg);transition: transform var(--dur-3) var(--ease-spring);z-index: 0}.category-card__img img{width: 100%;height: 100%;object-fit: cover}@media (hover: hover){.category-card:hover .category-card__img{transform: translateY(-6px) rotate(4deg)}}.prose--wide{max-width: none}.store-card{background: var(--night)}.store-card::before{content: "";position: absolute;inset: -30%;z-index: -1;background: radial-gradient(40% 50% at 85% 30%,oklch(55% 0.18 290 / 0.5),transparent 70%),radial-gradient(40% 50% at 10% 90%,oklch(60% 0.16 150 / 0.45),transparent 70%)}.store-card .hero__stage{max-width: 360px}.brand-manual .section{padding-block: var(--s-7) 0}.brand-grid{display: grid;gap: var(--s-4);grid-template-columns: repeat(auto-fill,minmax(min(100%,220px),1fr));margin-top: var(--s-5)}.brand-asset{padding: var(--s-5);border-radius: var(--r-lg);display: grid;gap: var(--s-3);justify-items: center}.brand-asset.on-dark{background: var(--night)}.brand-asset img{width: 100%;height: 110px;object-fit: contain}.brand-asset figcaption{font-size: var(--fs-xs)}.swatches{display: grid;gap: var(--s-4);grid-template-columns: repeat(auto-fill,minmax(min(100%,200px),1fr));margin-top: var(--s-5)}.swatch{border-radius: var(--r-lg);padding: var(--s-3);display: grid;gap: var(--s-3)}.swatch span{aspect-ratio: 16 / 10;border-radius: var(--r-md);box-shadow: inset 0 0 0 1px var(--hairline)}.swatch figcaption{display: grid;gap: 2px;font-size: var(--fs-sm)}.swatch small{color: var(--text-3);font-size: var(--fs-xs)}.type-specimen{padding: var(--s-6);border-radius: var(--r-xl);display: grid;gap: var(--s-3);margin-top: var(--s-5)}.glass-demo{position: relative;isolation: isolate;overflow: hidden;display: grid;gap: var(--s-4);grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));padding: var(--s-6);border-radius: var(--r-xl);background: var(--night);margin-top: var(--s-5)}.glass-demo::before{content: "";position: absolute;inset: 0;z-index: -1;background: radial-gradient(40% 60% at 20% 30%,var(--leaf),transparent 70%),radial-gradient(40% 60% at 80% 70%,var(--aurora),transparent 70%);opacity: 0.8}}@layer pages{.type-xl{font-size: clamp(3rem,8vw,6rem);line-height: 1}.type-sans{font: 600 1.4rem/1.2 var(--font-sans)}.demo-tile{padding: var(--s-6);border-radius: var(--r-xl)}.fig-cap{padding: var(--s-3)}.voice-card{padding: var(--s-5)}.how-steps{list-style: none;padding: 0;display: grid;gap: var(--s-3);counter-reset: how;margin-block: var(--s-3) var(--s-4)}.how-steps li{counter-increment: how;display: grid;grid-template-columns: auto 1fr;gap: 2px var(--s-3)}.how-steps li::before{content: counter(how);grid-row: span 2;width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;font-family: var(--font-display);font-size: 1.2rem;background: var(--accent-soft);color: var(--accent)}.how-steps span{color: var(--text-2);font-size: var(--fs-sm)}}