@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/59dbefd7fc1c7996-s.19s5evoqhirey.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1aa0075df79066e6-s.386o_ri1vb0yv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a79089bce1b24273-s.44dak0sams9f0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b8dfa3d21eb22018-s.p.3lxpqujs87tck.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}._3Bx53q_className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}._3Bx53q_variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/258bd0ab5fdd762a-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/99a2019bdfa8519b-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/44e0cb21b0d052b7-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/f9cd5a77d065db98-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/954d21e04331b2ae-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/53897e768d329f66-s.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.Wwg0mW_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.Wwg0mW_variable{--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--canvas:#fff;--surface:#fafafa;--fill:#f4f4f5;--ink:#18181b;--grey-700:#3f3f46;--grey-600:#52525b;--grey-500:#71717a;--grey-400:#a1a1aa;--line:#00000014;--edge:#0000001f;--accent:#1e56ff;--accent-soft:#eef2ff;--accent-fg:#fff;--green:#16a34a;--green-soft:#ecfdf3;--amber:#b45309;--amber-soft:#fffbeb;--red:#dc2626;--red-soft:#fef2f2;--hatch:#0000000f;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-code:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--press:.15s;--hover:.15s;--enter:.4s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#09090b;--surface:#111113;--fill:#18181b;--ink:#fafafa;--grey-700:#d4d4d8;--grey-600:#b4b4bc;--grey-500:#a1a1aa;--grey-400:#71717a;--line:#ffffff14;--edge:#ffffff24;--accent:#5b86ff;--accent-soft:#5b86ff24;--green:#4ade80;--green-soft:#4ade801f;--amber:#fbbf24;--amber-soft:#fbbf241f;--red:#f87171;--red-soft:#f871711f;--hatch:#ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--canvas:#09090b;--surface:#111113;--fill:#18181b;--ink:#fafafa;--grey-700:#d4d4d8;--grey-600:#b4b4bc;--grey-500:#a1a1aa;--grey-400:#71717a;--line:#ffffff14;--edge:#ffffff24;--accent:#5b86ff;--accent-soft:#5b86ff24;--green:#4ade80;--green-soft:#4ade801f;--amber:#fbbf24;--amber-soft:#fbbf241f;--red:#f87171;--red-soft:#f871711f;--hatch:#ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font:14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-underline-offset:2px;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}code,kbd,pre,.mono{font-family:var(--font-code)}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){input,select,textarea{font-size:max(16px,1em)}}.ground{background:var(--fill);min-height:100dvh}.panel{background:var(--canvas);border:1px solid var(--line)}.panel-head{border-bottom:1px solid var(--line);background:var(--surface);color:var(--grey-500);align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:12px;display:flex}.wrap{width:100%;max-width:72rem;margin:0 auto;padding-inline:1rem}@media (min-width:40rem){.wrap{padding-inline:1.5rem}}.title{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.05}.heading{letter-spacing:-.005em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.subheading{margin:0;font-size:15px;font-weight:600}.muted{color:var(--grey-500)}.label{color:var(--grey-500);font-size:12px}.eyebrow{color:var(--grey-500);align-items:center;gap:.375rem;margin:0;font-size:12px;font-weight:500;display:inline-flex}.btn{border:1px solid var(--edge);background:var(--canvas);height:2.25rem;color:var(--ink);white-space:nowrap;cursor:pointer;transition:background-color var(--hover) ease, border-color var(--hover) ease, scale var(--press) var(--ease-out);justify-content:center;align-items:center;gap:.375rem;padding:0 .875rem;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{scale:.97}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn-primary{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.btn-accent{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.btn-sm{height:1.75rem;padding:0 .625rem;font-size:12px}.btn-lg{height:2.75rem;padding:0 1.25rem;font-size:14px}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--surface)}.btn-primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--canvas))}.btn-accent:hover{background:color-mix(in srgb, var(--accent) 90%, var(--ink))}}.input{border:1px solid var(--edge);background:var(--canvas);width:100%;min-width:0;height:2.25rem;color:var(--ink);transition:border-color var(--hover) ease;padding:0 .75rem;font-size:13px}.input::placeholder{color:var(--grey-400)}.input:focus{border-color:var(--accent);outline:none}textarea.input{resize:vertical;height:auto;padding-block:.5rem}.field{color:var(--grey-700);flex-direction:column;gap:.375rem;font-size:12px;font-weight:500;display:flex}.segmented{background:var(--fill);gap:2px;padding:3px;display:inline-flex}.segmented>*{height:1.875rem;color:var(--grey-500);cursor:pointer;transition:background-color var(--hover) ease, color var(--hover) ease;background:0 0;border:0;align-items:center;padding:0 .75rem;font-size:13px;text-decoration:none;display:inline-flex}.segmented>:hover{color:var(--ink);text-decoration:none}.segmented>[aria-selected=true],.segmented>[aria-current=page],.segmented>[aria-pressed=true]{background:var(--canvas);color:var(--ink);font-weight:500}.badge{background:var(--fill);color:var(--grey-600);white-space:nowrap;align-items:center;gap:.3125rem;padding:.125rem .4375rem;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;width:6px;height:6px}.badge.plain:before{display:none}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.tile{background:var(--fill);width:1.375rem;height:1.375rem;color:var(--grey-700);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.tile.solid{background:var(--accent);color:var(--accent-fg)}.hatch{background-image:repeating-linear-gradient(117.7deg, var(--hatch) 0 1px, transparent 1px 10.985px)}@media (prefers-reduced-motion:no-preference){.reveal{transition:opacity var(--dur,var(--enter)) var(--ease-out) var(--delay,0s), transform var(--dur,var(--enter)) var(--ease-out) var(--delay,0s)}@starting-style{.reveal{opacity:0;transform:var(--from,translateY(8px))}}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){.rise{animation:linear both orbit-rise;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes orbit-rise{0%{opacity:0;transform:translateY(16px)}}.hoverable{transition:background-color var(--hover) ease, border-color var(--hover) ease}@media (hover:hover) and (pointer:fine){.hoverable:hover{background-color:var(--surface)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:active{scale:none}}
:root{--font-body:var(--font-hanken), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-code:var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, monospace}.top{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.top-row,.page,.bottom{width:100%;max-width:64rem;margin:0 auto;padding-inline:1rem}.top-row{justify-content:space-between;align-items:center;gap:1rem;height:3.25rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.count{background:var(--accent);min-width:1.125rem;height:1.125rem;color:var(--accent-fg);place-items:center;padding:0 .25rem;font-size:11px;display:inline-grid}@media (prefers-reduced-motion:no-preference){.count{transition:opacity .2s var(--ease-out), scale .2s var(--ease-out)}@starting-style{.count{opacity:0;scale:.6}}}.page{flex-direction:column;gap:5px;padding-block:5px 3rem;display:flex}.intro{flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1.75rem,6vw,4rem) clamp(1.25rem,5vw,3.5rem);display:flex}.intro>*{margin:0}.intro .title{max-width:20ch;font-size:clamp(1.875rem,4.5vw,3rem)}.lede{color:var(--grey-600);font-size:16px}.products{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:5px;display:grid}.product{color:var(--ink);transition:border-color var(--hover) ease, scale var(--press) var(--ease-out);flex-direction:column;padding:5px;display:flex}.product:hover{text-decoration:none}.product:active{scale:.99}.product-text{flex:1;padding:.75rem .625rem .25rem}.product h2{margin:0;font-size:15px;font-weight:600}.product p{color:var(--grey-500);margin:.125rem 0 0;font-size:13px}.product strong{padding:.25rem .625rem .625rem;font-size:13px;font-weight:500}.swatch{aspect-ratio:1;place-items:center;font-size:44px;display:grid;overflow:hidden}.swatch span{transition:transform .3s var(--ease-out)}@media (hover:hover) and (pointer:fine){.product:hover{border-color:var(--edge)}.product:hover .swatch span{transform:translateY(-4px)}}.swatch.large{font-size:96px}.detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (max-width:48rem){.detail{grid-template-columns:1fr}}.art{padding:5px}.info{flex-direction:column;align-items:flex-start;gap:.875rem;padding:clamp(1.25rem,5vw,2.5rem);display:flex}.back{font-size:13px}.price{margin:0;font-size:22px;font-weight:500}.description{color:var(--grey-700);margin:0;font-size:15px;line-height:1.65}.buy{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.added{background:var(--green-soft);color:var(--green);margin:0;padding:.5rem .75rem;font-size:13px}@media (prefers-reduced-motion:no-preference){.added{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out)}@starting-style{.added{opacity:0;transform:translate(-6px)}}}.page-head{padding:1.25rem 1.5rem}.cart{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:5px;display:grid}@media (max-width:52rem){.cart{grid-template-columns:1fr}}.lines{margin:0;padding:0;list-style:none}.lines li{border-top:1px solid var(--line);grid-template-columns:3.5rem minmax(0,1fr) auto 6.5rem;align-items:center;gap:1rem;padding:.75rem 1rem .75rem .75rem;display:grid}.lines li:first-child{border-top:0}.lines .swatch{font-size:22px}.line-name{flex-direction:column;font-size:14px;display:flex}.line-name a{color:var(--ink);font-weight:600}small{color:var(--grey-500);font-size:12px}.qty{align-items:center;gap:.25rem;display:flex}.qty .btn{width:1.75rem;padding:0}.qty span{text-align:center;min-width:1.75rem;font-size:13px}.lines strong{justify-self:end;font-size:13px;font-weight:500}@media (max-width:36rem){.lines li{grid-template-columns:3rem minmax(0,1fr) auto}.lines strong{grid-column:2/-1}}.checkout{flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}.checkout .btn{width:100%}.total{border-bottom:1px solid var(--line);color:var(--grey-500);justify-content:space-between;align-items:baseline;margin:0;padding-bottom:.875rem;font-size:13px;display:flex}.total strong{color:var(--ink);font-size:22px;font-weight:600}.error{background:var(--red-soft);color:var(--red);margin:0;padding:.5rem .75rem;font-size:13px}.empty{flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.receipt{flex-direction:column;align-items:flex-start;gap:.875rem;max-width:36rem;margin:1.5rem auto 0;padding:clamp(1.25rem,5vw,2.5rem);display:flex}.receipt p{margin:0}.summary{border:1px solid var(--line);align-self:stretch;margin:.5rem 0;padding:0;font-size:13px;list-style:none}.summary li{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.625rem .875rem;display:flex}.summary li:first-child{border-top:0}.summary .sum{background:var(--surface)}.bottom{flex-wrap:wrap;gap:.375rem;padding-block:.5rem 2.5rem;display:flex}.bottom .badge{background:var(--canvas)}