.store{--bg:#fbfaf8;--surface:#fff;--ink:#171412;--muted:#6b645d;--line:#ece8e3;--accent:#1f6f5c;--soft:#e8f3ef;--shadow:0 1px 2px #1714120a,0 12px 32px -12px #17141224;min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(52rem 28rem at 90% -8%,#f6e6da 0,transparent 62%),radial-gradient(40rem 24rem at -8% 4%,#e1efea 0,transparent 60%),var(--bg);background-repeat:no-repeat;flex-direction:column;line-height:1.6;display:flex}.store *{box-sizing:border-box}.store a{color:inherit}.store main a:not(.pcard){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.store a:focus-visible,.store button:focus-visible{outline-offset:3px;outline:3px solid #1d4ed8}.skip{color:var(--ink);z-index:30;background:#fff;border-radius:0 0 12px;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:0}.demo-banner{color:#e7e0d8;text-align:center;background:#171412;margin:0;padding:.5rem 1.25rem;font-size:.8125rem}.demo-banner strong{color:#fff}.store>header{z-index:20;-webkit-backdrop-filter:saturate(1.5)blur(16px);backdrop-filter:saturate(1.5)blur(16px);border-bottom:1px solid var(--line);background:#fbfaf8c7;position:sticky;top:0}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;width:100%;max-width:72rem;margin:0 auto;padding:.75rem 1.25rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.0625rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{background:conic-gradient(from 200deg,#f3d9c6,#c89e82,#8a5a44,#4a2e22,#f3d9c6);border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px #0000001f}.brand-sub{color:var(--muted);font-weight:500}.nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:.5rem .875rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.nav a:hover{color:var(--ink);background:#1714120f}.nav .nav-cta{background:var(--ink);color:#fff}.nav .nav-cta:hover{color:#fff;background:#2e2a26}.wrap{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:1rem 1.25rem 4rem}.store h2{letter-spacing:-.02em;margin-top:2.5rem;font-size:1.5rem;font-weight:650;line-height:1.25}.tag{color:#8a4b0f;vertical-align:middle;background:#fff4e0;border:1px solid #f1d9b4;border-radius:999px;margin-left:.5rem;padding:.1rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.hero{align-items:center;gap:2rem;padding:clamp(2rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,3rem);display:grid}.hero-copy{max-width:46rem}.hero-art{aspect-ratio:1;justify-self:start;width:min(100%,16rem);position:relative}.hero-art img{object-fit:contain}@media (min-width:56rem){.hero{grid-template-columns:minmax(0,1fr) 22rem}.hero-art{justify-self:end;width:100%}}.eyebrow{background:var(--soft);color:var(--accent);border-radius:999px;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.3rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:.45rem;height:.45rem}.hero h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:650;line-height:1.05}.hero h1 em{background:linear-gradient(100deg,#1f6f5c,#b4693f);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lead{max-width:38rem;color:var(--muted);margin:0;font-size:1.125rem}@media (forced-colors:active){.hero h1 em{color:canvastext;background:0 0}}.grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.pcard{border:1px solid var(--line);background:var(--surface);height:100%;color:var(--ink);border-radius:20px;flex-direction:column;gap:.2rem;padding:.625rem .625rem 1rem;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;display:flex}.pcard:hover{box-shadow:var(--shadow);border-color:#ddd6ce;transform:translateY(-4px)}.swatch{aspect-ratio:4/3;border-radius:14px;width:100%;margin-bottom:.625rem;display:block;box-shadow:inset 0 0 0 1px #00000014,inset 0 -24px 36px -18px #0000002e}.pname{padding:0 .375rem;font-weight:600}.pmeta{color:var(--muted);padding:0 .375rem;font-size:.875rem}.crumbs{color:var(--muted);margin:0 0 1.25rem;font-size:.875rem}.product{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}@media (min-width:56rem){.product{grid-template-columns:minmax(0,1fr) minmax(0,28rem);align-items:start;gap:3rem}.product .panel{position:sticky;top:6rem}}.product h1{letter-spacing:-.03em;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.1}.big-swatch{aspect-ratio:1;width:100%;max-width:26rem;box-shadow:inset 0 0 0 1px #00000014,inset 0 -60px 80px -50px #00000040,var(--shadow);border-radius:28px;margin:0 0 1.5rem}.price{letter-spacing:-.02em;margin:.25rem 0 1rem;font-size:1.5rem;font-weight:650}.small{color:var(--muted);font-size:.9rem}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:1.5rem}.panel h2{margin:0 0 .25rem;font-size:1.25rem}pre.code{color:#f5f0ea;background:#171412;border-radius:16px;margin:.5rem 0 1rem;padding:1.25rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.scroll{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:.5rem 0 1rem;overflow-x:auto}.store table{border-collapse:collapse;width:100%;min-width:30rem}.store th,.store td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.75rem 1rem}.store tr:last-child th,.store tr:last-child td{border-bottom:0}.store code{font-family:var(--font-geist-mono),ui-monospace,Menlo,Consolas,monospace;font-size:.9em}.foot{border-top:1px solid var(--line);color:var(--muted);padding:2rem 1.25rem;font-size:.875rem}.foot-inner{max-width:72rem;margin:0 auto}.foot p{margin:.25rem 0}@media (prefers-reduced-motion:reduce){.store *{transition:none!important;animation:none!important}}
