@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,100,1;9..144,700,100,1&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f7f3e8;--ink:#203f31;--orange:#ed6939;--line:#ccd0bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.announcement{text-align:center;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:2px;padding:12px}.announcement span{margin:0 24px}header{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:28px;letter-spacing:-1.6px}.logo span{font-weight:400}nav{display:flex;gap:32px;font-size:13px}.bag{background:transparent;border:1px solid var(--ink);border-radius:5px;padding:12px 17px;font-size:12px}.bag span{background:var(--ink);color:var(--paper);border-radius:50%;padding:3px 7px;margin:0 14px}.hero{max-width:1440px;margin:auto;padding:65px 6% 70px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 22px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(64px,7.1vw,108px);letter-spacing:-6px;line-height:.98;margin:0 0 26px;font-weight:600}.intro{font-size:17px;line-height:1.65}.primary{display:inline-flex;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);padding:18px 24px;border:0;border-radius:4px;font-size:13px;margin-top:19px}.fine{font-size:10px;margin-top:14px;color:#677263}.hero-art{position:relative;min-height:410px;background:#e9eddb;border-radius:48% 48% 6px 6px;display:flex;align-items:center;justify-content:center;margin:0 15px}.coin{width:285px;height:285px;border:3px solid var(--ink);border-radius:50%;background:#efb947;box-shadow:10px 8px 0 #bc832f,13px 9px 0 var(--ink);transform:rotate(-12deg);padding:13px}.coin-inner{border:2px dashed #6f6029;border-radius:50%;height:100%;display:flex;align-items:center;flex-direction:column;padding-top:30px}.eyes{display:flex;gap:40px}.eyes i{width:12px;height:22px;background:var(--ink);border-radius:50%}.smile{width:50px;height:25px;border:3px solid var(--ink);border-top:0;border-radius:0 0 50px 50px;margin-top:11px}.coin strong{font-family:'Space Grotesk';font-size:84px;line-height:1.2;letter-spacing:-6px}.coin span{font-size:9px;letter-spacing:2px}.stamp{position:absolute;right:-8px;top:8px;border:2px solid var(--orange);color:var(--orange);border-radius:50%;width:96px;height:96px;text-align:center;font-size:10px;padding:17px 5px;transform:rotate(15deg);letter-spacing:1px}.stamp strong{font-size:25px}.spark{position:absolute;font-size:52px}.s1{left:23px;top:40px}.s2{right:25px;bottom:70px;font-size:35px}.art-label{position:absolute;bottom:24px;left:24px;font-size:10px;letter-spacing:1px;transform:rotate(-5deg)}.receipt{position:absolute;right:-17px;bottom:3px;background:#fffdf4;padding:18px 17px;font:9px/1.8 monospace;transform:rotate(9deg);box-shadow:0 3px 8px #203f311a}.receipt b{float:right;margin-left:12px}.ticker{background:var(--orange);padding:19px 0;white-space:nowrap;overflow:hidden;font-family:'Space Grotesk';font-weight:700;font-size:13px;letter-spacing:2px;border-block:1px solid var(--ink)}.ticker span{margin:0 38px}.shop,.how{max-width:1440px;padding:70px 6%;margin:auto}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head p:not(.eyebrow){font-size:13px;line-height:1.6}h2{font-size:36px;letter-spacing:-1.6px;font-weight:500;margin:0 0 18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 30px}.filters button{background:none;border:1px solid var(--line);border-radius:30px;font-size:11px;padding:10px 17px;color:var(--ink)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid #b9c1ae;border-radius:6px;overflow:hidden}.product-top{height:130px;display:flex;align-items:center;justify-content:center;font-size:65px;background:#e9eddb}.product:nth-child(3n+2) .product-top{background:#efdfce}.product:nth-child(3n) .product-top{background:#e8e2ba}.product-body{padding:23px}.meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;font-weight:700}.product h3{font-size:20px;line-height:1.4;margin:17px 0;min-height:57px;letter-spacing:-.4px}.locked{font-size:10px;color:#6a7569;margin-bottom:24px}.add{width:100%;padding:12px;background:none;border:1px solid var(--ink);border-radius:3px;color:var(--ink);display:flex;justify-content:space-between;font-size:12px}.add:hover{background:var(--ink);color:white}.sample{margin:0 6%;padding:45px 5%;background:#e7ebda;display:flex;justify-content:space-between;align-items:center;border-radius:6px}.sample p:not(.eyebrow){font-size:18px}.text-button{border:0;background:none;border-bottom:1px solid var(--ink);padding:8px 0;color:var(--ink);font-size:12px}.sample-art{font:160px/.5 Georgia;text-align:center;transform:rotate(-9deg);margin-right:60px}.sample-art span{font:bold 35px Georgia}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.steps span{font-size:12px;color:#a85e37}.steps h3{font-size:19px;font-weight:500}.steps p{font-size:13px;line-height:1.7;max-width:260px}footer{margin:0 6%;padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p,footer small{font-size:11px}dialog{width:min(560px,92vw);max-height:85vh;padding:28px;background:var(--paper);border:1px solid var(--ink);border-radius:8px;color:var(--ink)}dialog::backdrop{background:#15302499}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head h2{font-size:25px}.dialog-head button{border:0;background:none;font-size:20px;color:var(--ink);align-self:start}.cart-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.cart-row span{flex:1}.cart-row button{border:0;background:none;color:var(--ink);text-decoration:underline;font-size:11px}.total{display:flex;justify-content:space-between;margin-top:25px}.demo{font-size:11px;line-height:1.6;color:#637060}.checkout{width:100%;margin-top:5px}.checkout:disabled{opacity:.4;cursor:default}.reveal{border-top:1px solid var(--line);padding:16px 0;font-size:14px;line-height:1.6}.reveal strong{display:block}.reveal button{margin-top:8px;background:transparent;border:1px solid var(--line);padding:5px 10px;color:var(--ink)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:5px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:750px){header{padding:20px 5%}nav{display:none}.logo{font-size:23px}.hero{padding:40px 6%;grid-template-columns:1fr}h1{font-size:72px;letter-spacing:-4px}.hero-art{min-height:370px;margin-top:10px}.section-head{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-body{padding:16px}.product h3{font-size:17px;min-height:72px}.meta{font-size:8px}.shop,.how{padding:45px 6%}h2{font-size:30px}.sample{padding:30px}.sample-art{display:none}.steps{grid-template-columns:1fr;gap:20px}footer{flex-wrap:wrap;gap:10px}footer small{width:100%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Warm, rounded 1970s shopfront. */
:root{--paper:#fff0d2;--ink:#512c20;--orange:#cb542c;--line:#d7b98b}
body{background-color:var(--paper);background-image:radial-gradient(#8c552015 .7px,transparent .7px);background-size:5px 5px}
h1,h2,h3,.logo,.coin strong{font-family:'Fraunces',Georgia,serif;font-weight:700}
.announcement{margin:12px 3% 0;border-radius:999px;background:#763c27;color:#fff0d2}
header{margin:14px 4% 0;max-width:none;padding:20px 3%;border:2px solid var(--ink);border-radius:999px;background:#ffefcf;box-shadow:0 5px 0 #d3a674}
.logo{font-size:31px;letter-spacing:-1.8px}.logo span{font-weight:700}nav a{border-radius:999px;padding:9px 14px}nav a:hover{background:#efd4a7}nav{gap:8px}
h1{font-size:clamp(65px,7.5vw,112px);letter-spacing:-5px;line-height:1.04;color:#7f3824;text-shadow:2px 3px 0 #f5bf67;margin-bottom:24px}h2{letter-spacing:-1.3px;font-size:39px}h3{letter-spacing:-.5px}
.hero{padding-top:65px;padding-bottom:80px}.eyebrow{letter-spacing:1.6px}.intro{color:#684a32}.fine,.locked,.demo{color:#745c43}
.bag,.primary,.add,.filters button,.text-button,.reveal button{border:2px solid var(--ink);border-radius:999px;font-weight:700;transition:background .16s,transform .16s,box-shadow .16s}
.bag{background:#f6c460;box-shadow:0 3px 0 var(--ink)}.primary{background:#cb542c;color:#fff6e5;box-shadow:0 5px 0 var(--ink);padding:18px 27px}.primary:hover,.bag:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.primary:active,.bag:active{transform:translateY(3px);box-shadow:none}.primary:disabled{transform:none;box-shadow:none}
.hero-art{border:2px solid var(--ink);border-radius:47% 53% 43% 57% / 52% 42% 58% 48%;background:repeating-radial-gradient(ellipse at 50% 55%,#efb954 0 28px,#d8723b 29px 53px,#a9442b 54px 78px,#f7d69a 79px 104px);box-shadow:9px 12px 0 #dfba83;min-height:440px}
.coin{background:#f7c65d;box-shadow:10px 8px 0 #b77635,13px 9px 0 var(--ink);width:285px;height:285px}.coin strong{font-size:78px;letter-spacing:-5px}.coin-inner{border-color:#8d5f2e}.coin span{font-weight:700}.stamp{background:#fff0d2;border:2px solid var(--ink);color:var(--ink);box-shadow:3px 4px 0 var(--ink);right:-12px;top:0}.spark{color:var(--paper);text-shadow:2px 2px var(--ink)}.art-label{background:#fff0d2;padding:10px 15px;border:2px solid var(--ink);border-radius:999px;bottom:9px;left:5px}.receipt{border-radius:23px;border:2px solid var(--ink);background:#fff5df;box-shadow:4px 5px 0 #512c2033;bottom:22px;right:-22px}
.ticker{margin:0 3%;border:2px solid var(--ink);border-radius:999px;background:#d76537;color:#fff5de;transform:rotate(-1.3deg);box-shadow:0 6px 0 #e5b36d;padding:21px 0}
.filters button{border-color:#a38159;background:#fff5df;padding:11px 19px}.filters button.active{background:#6c783d;border-color:var(--ink);box-shadow:0 3px 0 var(--ink);color:#fff5df}.filters button:hover{transform:translateY(-2px)}
.grid{gap:26px}.product{border:2px solid var(--ink);border-radius:38px;background:#fff6e2;box-shadow:4px 6px 0 #d8b17d;padding:10px;display:flex;flex-direction:column}.product-top{border-radius:28px 28px 48% 48%;background:#e0b96c;height:145px;border:1px solid #512c2030}.product:nth-child(3n+2) .product-top{background:#dda080}.product:nth-child(3n) .product-top{background:#b5bb83}.product-body{padding:20px 14px 14px;display:flex;flex-direction:column;flex:1}.product h3{font-size:23px;line-height:1.25;min-height:86px}.locked{margin-top:auto}.add{background:#f8dc9f;box-shadow:0 3px 0 var(--ink);padding:13px 17px}.add:hover{background:#6c783d;color:#fff5df}.meta{letter-spacing:.8px;font-size:8px}
.sample{border:2px solid var(--ink);border-radius:80px 34px 80px 34px;background:#b7bf89;box-shadow:7px 8px 0 #d8b17d;padding:55px 6%}.text-button{padding:12px 21px;background:#fff0d2;box-shadow:0 3px 0 var(--ink)}.sample-art span{font-family:'Fraunces',Georgia,serif}.sample-art{color:#67442a}.steps{gap:22px}.steps article{border:2px solid var(--ink);border-radius:36px;padding:27px;background:#f6dfaf}.steps article:nth-child(2){background:#e9ba94}.steps article:nth-child(3){background:#c7ca9e}.steps span{display:inline-flex;background:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:8px 13px;color:var(--ink)}.steps h3{font-size:23px}footer{border:2px solid var(--ink);background:#763c27;color:#fff0d2;border-radius:40px 40px 0 0;padding:30px;margin-top:10px}
dialog{border:2px solid var(--ink);border-radius:36px;box-shadow:8px 9px 0 #24150f55}.dialog-head button{width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;flex-shrink:0;background:#f6c460}.cart-row{border-radius:18px;background:#f6e2bb;border:0;margin:9px 0;padding:15px}.cart-row button{border-radius:999px}.reveal{border:1px solid var(--line);border-radius:22px;padding:18px;margin:12px 0;background:#fff7e8}.reveal button{background:#f6dfaf;padding:8px 14px}#toast{border-radius:999px;border:2px solid #fff0d2;box-shadow:0 4px 14px #512c2033}
@media(max-width:750px){.announcement{font-size:8px;letter-spacing:1px;padding:11px 9px}.announcement span{margin:0 8px}header{padding:16px 5%;margin-inline:4%}.logo{font-size:25px}.bag{padding:10px 12px}.bag span{margin:0 5px}h1{font-size:72px;letter-spacing:-4px}.hero{padding-top:40px;padding-bottom:50px}.hero-art{min-height:390px;margin-inline:13px}.stamp{right:-8px}.receipt{right:-12px}.art-label{font-size:8px;left:-6px}.grid{gap:15px}.product{border-radius:28px;padding:7px}.product-top{border-radius:20px 20px 45% 45%;height:120px}.product-body{padding:15px 7px 10px}.product h3{font-size:20px;min-height:100px}.meta{flex-wrap:wrap;gap:7px}.add{padding:11px 12px;font-size:11px}.sample{border-radius:45px 25px 45px 25px;padding:32px 26px}h2{font-size:32px}.steps{gap:18px}footer{padding:25px;border-radius:30px 30px 0 0}}
@media(max-width:390px){.grid{grid-template-columns:1fr}.product h3{min-height:0}.logo{font-size:22px}.bag{font-size:10px}.coin{width:250px;height:250px}.coin-inner{padding-top:22px}.coin strong{font-size:66px}.hero-art{min-height:355px}h1{font-size:63px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}

.bundle{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 36px;margin:24px 0 32px;background:#f6c460;border:2px solid var(--ink);border-radius:42px;box-shadow:4px 6px 0 #d8b17d}.bundle .eyebrow{margin-bottom:10px}.bundle h2{margin-bottom:10px;font-size:33px}.bundle p:not(.eyebrow){font-size:13px;line-height:1.6;margin-bottom:0}.bundle .primary{flex-shrink:0;margin:0}@media(max-width:750px){.bundle{align-items:flex-start;flex-direction:column;padding:27px}.bundle h2{font-size:30px}.bundle .primary{width:100%;gap:20px}}