@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap');
:root{--felt:#0d1b2b;--surface:#16283a;--paper:#eef1f2;--ink:#172536;--muted:#acbac7;--line:#334353;--accent:#bd3e45;--accent-light:#ee9095;--font:'Chakra Petch',sans-serif;--wrap:1328px;--edge:56px;--space:96px;--radius:4px;--ring:#c3e1f6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--felt);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.5}body:has(dialog[open]){overflow-y:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;font-weight:600;text-wrap:balance}h1{font-size:clamp(44px,6.4vw,92px);letter-spacing:-.045em}h2{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.025em}h3{font-size:22px;line-height:1.25}p{color:var(--muted);max-width:65ch;text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:5px}button:active{transform:scale(.97)}.wrap{width:min(var(--wrap),calc(100% - var(--edge)*2));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--paper);font-weight:600;gap:12px;white-space:nowrap}.btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.accent{border-color:var(--accent);background:var(--accent);color:var(--paper)}.subtle{color:var(--muted);font-size:14px}.small-label{font-size:13px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head p{margin-top:16px}.text-link{padding:12px 0;border-bottom:1px solid var(--accent);white-space:nowrap}.page-title{padding:64px 0 40px}.page-title h1{font-size:64px}.page-title p{margin-top:18px}.price{font-variant-numeric:tabular-nums;font-weight:600;font-size:20px}.stock{font-size:13px;color:#bfd3c2}.sold{color:var(--accent-light)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.product-card{min-width:0}.product-card .image-link{position:relative;display:block;overflow:hidden;border-radius:4px;background:var(--surface)}.product-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.product-card .badge{position:absolute;top:14px;left:14px;background:var(--paper);color:var(--ink);padding:4px 8px;font-size:12px;font-weight:600}.product-card .details{padding:16px 0 0}.product-card h3{font-size:19px;overflow-wrap:anywhere}.product-card .meta{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-top:12px}.product-card .small-label{margin-top:6px}.product-card .reverse{position:absolute;inset:0;opacity:0}.product-card a:focus-visible .reverse{opacity:1}.no-image{aspect-ratio:3/4;display:grid;place-content:center;background:var(--surface);color:var(--muted);padding:24px;text-align:center}.empty{padding:64px 20px;text-align:center;grid-column:1/-1}.empty .btn{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}dialog{color:var(--paper);background:var(--felt);border:1px solid var(--line);padding:28px;max-width:calc(100% - 32px);border-radius:6px}dialog::backdrop{background:rgba(4,11,19,.78)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--paper);border-radius:4px;font-size:22px}.status{color:var(--paper);padding:16px 0}.demo-note{background:var(--surface);padding:10px var(--edge);text-align:center;font-size:13px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){a:hover{color:var(--accent-light)}.btn.primary:hover{background:#d9e3e9;color:var(--ink)}.btn:hover,.icon-btn:hover{border-color:var(--paper)}.product-card .image-link:hover .reverse{opacity:1}}
@media(max-width:900px){:root{--edge:32px;--space:72px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-title h1{font-size:52px}}
@media(max-width:600px){:root{--edge:20px;--space:64px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.product-card h3{font-size:16px}.product-card .meta{flex-direction:column;gap:4px}.product-card .price{font-size:17px}.product-card .badge{top:8px;left:8px;font-size:10px}.page-title{padding:40px 0 30px}.page-title h1{font-size:44px}.section-head{align-items:start;flex-direction:column}.section-head p{margin-top:12px}.btn{padding-inline:18px}.subtle{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--muted:#d1dbe3;--line:#879cac}}
.skip-link:focus-visible{position:fixed;top:10px;left:10px;z-index:100;width:auto;height:auto;clip:auto;overflow:visible;background:var(--paper);color:var(--ink);padding:12px 20px}
:focus{scroll-margin-top:100px;scroll-margin-bottom:100px}