@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#10110e;--paper:#f0eee6;--lime:#c7ff4a;--muted:#9a9a8e;--line:rgba(240,238,230,.19);--orange:#ff5b35;--mono:"DM Mono",monospace;--display:"Archivo Black",Impact,sans-serif;--body:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden}body.cart-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}.announcement{height:31px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:var(--ink);font:500 9px var(--mono);letter-spacing:.08em}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font:30px var(--display);letter-spacing:-.075em;white-space:nowrap}.brand span{color:var(--lime)}.brand sup{font:10px var(--mono);letter-spacing:0;vertical-align:top;margin-left:3px}.nav nav{display:flex;gap:32px}.nav nav a,.cart-trigger{font:10px var(--mono);letter-spacing:.08em}.nav nav a{color:#c8c7bd;transition:color .2s}.nav nav a:hover{color:var(--lime)}.cart-trigger{background:transparent;color:var(--paper);border:1px solid var(--line);padding:12px 15px}.cart-trigger span{display:inline-grid;place-items:center;margin-left:12px;background:var(--lime);color:var(--ink);width:23px;height:23px;border-radius:50%;font-size:9px}
.hero{padding-top:21px}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.hero-stage{min-height:570px;height:min(66vw,700px);max-height:700px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:3;padding-left:7%;padding-bottom:24px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 23px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 13px #c7ff4a80}.hero-title{font:clamp(90px,15.3vw,215px)/.78 var(--display);letter-spacing:-.095em;margin:0;text-transform:uppercase;position:relative}.title-line{display:block;position:relative;z-index:2}.title-second{color:var(--lime);margin-left:11%;clip-path:inset(0 0 0 0);animation:titleReveal 1.5s cubic-bezier(.16,1,.3,1) both;animation-delay:.55s}.asterisk{font:clamp(30px,5vw,70px) var(--body);vertical-align:top;letter-spacing:0;margin-left:15px;color:var(--paper);display:inline-block;animation:spin 12s linear infinite}.hero-sub{font:11px/1.7 var(--mono);letter-spacing:.11em;margin:38px 0 0 3px;color:#d6d3c9}.hero-orbit{position:absolute;border:1px solid rgba(199,255,74,.14);border-radius:50%;width:clamp(340px,48vw,650px);aspect-ratio:1;right:0;top:50%;transform:translate(20%,-50%)}.orbit-two{width:clamp(270px,39vw,510px);right:7%;border-style:dashed;animation:spin 60s linear infinite}.rolling-puck{position:absolute;width:clamp(150px,20vw,270px);aspect-ratio:1;right:5%;top:50%;z-index:4;transform:translateY(-50%);animation:puckRoll 2.25s cubic-bezier(.2,.8,.2,1) .15s both;filter:drop-shadow(0 30px 22px #0009)}.puck-side{position:absolute;inset:8% 0 0;border-radius:50%;background:repeating-linear-gradient(0deg,#3b3d35 0 3px,#171813 3px 6px);border:3px solid #5c5e50;transform:translateY(5%);box-shadow:inset 0 -13px 13px #0009}.puck-top{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 28%,#44483a,#20221b 48%,#10110e 73%);border:5px solid #888a75;box-shadow:inset 0 0 0 4px #11120e,inset 0 0 0 6px #626550,0 4px 0 #090a08;transform:rotate(-13deg)}.puck-top:before{content:"";position:absolute;inset:10%;border:1px solid #c7ff4a88;border-radius:50%}.puck-mini{position:absolute;left:17%;top:17%;font:clamp(13px,1.8vw,23px) var(--display);color:var(--lime);letter-spacing:-.1em}.puck-cross{position:absolute;right:17%;top:12%;font-size:clamp(20px,3vw,40px);color:var(--orange)}.puck-label{position:absolute;left:18%;top:39%;font:clamp(10px,1.6vw,20px)/.92 var(--display);letter-spacing:-.04em;transform:rotate(-8deg)}.puck-ring{position:absolute;inset:24%;border:1px dashed #f0eee65c;border-radius:50%}.hero-stamp{position:absolute;right:2%;top:16%;border:1px solid var(--orange);color:var(--orange);padding:10px 13px;font:10px/1.4 var(--mono);transform:rotate(9deg);z-index:4}.hero-bottom{position:absolute;bottom:18px;left:0;right:0}.ticker{overflow:hidden;background:var(--lime);color:var(--ink);margin-top:0;transform:rotate(-1.1deg) scale(1.015);height:47px;display:flex;align-items:center}.ticker-track{display:flex;white-space:nowrap;animation:marquee 23s linear infinite;font:22px var(--display);letter-spacing:-.04em}.ticker-track span{padding-right:0}
.drop-section{padding-top:145px;padding-bottom:120px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2,.newsletter h2{font:clamp(48px,8vw,94px)/.9 var(--display);letter-spacing:-.08em;margin:0}.section-head h2 span{color:var(--lime)}.section-note{font:10px/1.8 var(--mono);letter-spacing:.04em;color:var(--muted);text-align:right;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.loading{font:11px var(--mono);color:var(--muted);padding:50px 0}.loading span{color:var(--lime)}.product-card{min-width:0}.product-art{position:relative;aspect-ratio: .79;background:#20211c;overflow:hidden;display:grid;place-items:center;border:1px solid #ffffff0b}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 40%,#0007);pointer-events:none}.product-art .art-code{position:absolute;top:15px;left:15px;font:9px var(--mono);color:#f0eee6a0;z-index:1}.product-art .art-no{position:absolute;bottom:12px;right:15px;font:9px var(--mono);color:#f0eee6a0;z-index:1}.product-tin{width:64%;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;transform:rotate(-13deg);box-shadow:0 22px 26px #0008,inset 0 0 0 5px #0004,inset 0 0 0 7px #ffffff40;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-tin{transform:rotate(8deg) translateY(-7px) scale(1.04)}.product-tin:before{content:"";position:absolute;inset:9%;border:1px solid #10110e80;border-radius:50%}.product-tin strong{font:clamp(20px,2.5vw,36px)/.82 var(--display);letter-spacing:-.08em;text-align:center;color:#11120e;z-index:1}.product-tin small{position:absolute;top:15%;font:9px var(--mono);color:#10110e}.product-tin em{position:absolute;bottom:15%;font:8px var(--mono);color:#10110e;font-style:normal}.product-badge{position:absolute;right:12px;top:12px;z-index:1;background:var(--paper);color:var(--ink);font:8px var(--mono);padding:7px 8px}.product-info{padding:17px 2px 0}.product-title-row{display:flex;justify-content:space-between;gap:8px;align-items:start}.product-title-row h3{font:18px var(--display);letter-spacing:-.04em;margin:0}.product-price{font:12px var(--mono);white-space:nowrap;color:var(--lime)}.product-desc{font-size:11px;line-height:1.6;color:var(--muted);min-height:37px;margin:10px 0 14px}.product-actions{display:flex;gap:8px}.button{border:0;padding:13px 14px;font:10px var(--mono);letter-spacing:.07em;display:flex;justify-content:space-between;align-items:center;gap:22px;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#d9ff84}.button-outline{background:transparent;border:1px solid var(--line);color:var(--paper);flex:1;justify-content:center}.button-outline:hover{border-color:var(--lime);color:var(--lime)}
.manifesto{border-block:1px solid var(--line);padding:100px 5%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center;position:relative;overflow:hidden}.manifesto:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #c7ff4a17;border-radius:50%;left:-150px;top:-140px;box-shadow:0 0 0 35px #c7ff4a05,0 0 0 70px #c7ff4a04}.manifesto-mark{font:clamp(70px,10vw,130px)/.68 var(--display);letter-spacing:-.13em;color:var(--lime);position:relative}.manifesto-mark span{font:18px var(--mono);vertical-align:top}.manifesto-copy{position:relative}.manifesto-copy h2{font:clamp(45px,6vw,76px)/.88 var(--display);letter-spacing:-.08em;margin:0 0 28px}.manifesto-copy h2 em{font-style:normal;color:var(--lime)}.manifesto-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#b8b7ad;max-width:430px}.text-link{display:inline-flex;gap:32px;border-bottom:1px solid var(--lime);padding:13px 0 9px;margin-top:18px;font:10px var(--mono);letter-spacing:.08em}.text-link span{color:var(--lime)}.manifesto-side{font:10px/1.9 var(--mono);letter-spacing:.08em;color:var(--muted);justify-self:end;align-self:end}.newsletter{padding:100px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.newsletter h2{font-size:clamp(42px,6vw,72px);margin-top:10px}.newsletter form{width:min(420px,100%)}.newsletter label,.cart-bottom label{font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.newsletter-input{display:flex;border-bottom:1px solid var(--paper);margin-top:13px}.newsletter-input input{flex:1;min-width:0;border:0;background:transparent;color:var(--paper);padding:13px 0;outline:0;font:11px var(--mono)}.newsletter-input button{border:0;background:var(--lime);color:var(--ink);width:43px;font-size:20px}.microcopy{font:9px/1.7 var(--mono);color:#77786f}.footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:24px}.footer-brand{font-size:24px}.footer>p{font:9px/1.8 var(--mono);color:var(--muted);margin:18px 0 40px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;font:9px var(--mono);color:var(--muted)}.footer-bottom a{color:var(--lime)}
.cart-overlay{position:fixed;inset:0;z-index:30}.cart-overlay[hidden]{display:none}.overlay-scrim{position:absolute;inset:0;width:100%;border:0;background:#000a;backdrop-filter:blur(4px)}.cart-drawer{position:absolute;right:0;top:0;bottom:0;width:min(480px,100%);background:#171813;border-left:1px solid var(--line);padding:26px;display:flex;flex-direction:column;animation:drawerIn .28s ease-out}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-head h2{font:25px var(--display);letter-spacing:-.06em;margin:0}.cart-head h2 span{font:10px var(--mono);color:var(--lime);vertical-align:top}.icon-button{background:none;color:var(--paper);border:1px solid var(--line);width:34px;height:34px}.cart-items{overflow:auto;flex:1}.empty-cart{font:11px/1.8 var(--mono);color:var(--muted);padding:35px 0}.cart-line{display:grid;grid-template-columns:68px 1fr auto;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-line-art{display:grid;place-items:center;background:#24251f;aspect-ratio:1}.cart-line-art span{width:47px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#10110e;font:11px var(--display)}.cart-line h3{font:12px var(--display);margin:2px 0 7px}.cart-line p{font:10px var(--mono);color:var(--muted);margin:0 0 9px}.quantity-controls{display:flex;align-items:center;gap:12px;font:11px var(--mono)}.quantity-controls button{background:transparent;border:1px solid var(--line);color:var(--paper);width:24px;height:24px}.remove-line{font:9px var(--mono);color:var(--muted);text-decoration:underline;background:none;border:0;padding:0;margin-top:8px}.cart-line-price{font:11px var(--mono);color:var(--lime);white-space:nowrap}.cart-bottom{border-top:1px solid var(--line);padding-top:18px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:10px var(--mono);color:var(--muted)}.cart-total strong{font:20px var(--display);color:var(--paper)}.cart-bottom form{display:grid;gap:10px;margin-top:18px}.cart-bottom input,.admin-input{width:100%;background:#0e0f0c;border:1px solid var(--line);padding:13px;color:var(--paper);outline:0;font:11px var(--mono)}.cart-bottom input:focus,.admin-input:focus{border-color:var(--lime)}.checkout-button{width:100%;margin-top:3px}.form-message{font:10px/1.5 var(--mono);color:var(--orange);margin:0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);z-index:50;background:var(--lime);color:var(--ink);font:10px var(--mono);padding:13px 18px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Intro motion: the tin rolls right-to-left, masking and revealing the title. */
@keyframes puckRoll{0%{right:-28%;transform:translateY(-50%) rotate(0deg);opacity:0}8%{opacity:1}72%{right:39%;transform:translateY(-50%) rotate(-720deg);opacity:1}100%{right:5%;transform:translateY(-50%) rotate(-900deg);opacity:1}}
@keyframes titleReveal{from{clip-path:inset(0 100% 0 0);transform:translateX(22px)}to{clip-path:inset(0 0 0 0);transform:translateX(0)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}}@keyframes drawerIn{from{transform:translateX(35px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.hero-stage{min-height:520px}.hero-copy{padding-left:2%}.rolling-puck{right:1%;top:54%;width:clamp(145px,25vw,220px)}@keyframes puckRoll{0%{right:-35%;transform:translateY(-50%) rotate(0deg);opacity:0}8%{opacity:1}72%{right:35%;transform:translateY(-50%) rotate(-720deg);opacity:1}100%{right:1%;transform:translateY(-50%) rotate(-900deg);opacity:1}}.manifesto{grid-template-columns:.6fr 2fr;gap:25px;padding:75px 2%}.manifesto-side{grid-column:2;justify-self:start}.nav nav{gap:17px}}
@media(max-width:600px){.announcement{padding:0 12px;font-size:7px}.announcement span:last-child{display:none}.wrap{width:calc(100% - 28px)}.nav{height:70px}.brand{font-size:24px}.nav nav{display:none}.cart-trigger{padding:8px 10px}.hero{padding-top:16px}.hero-topline,.hero-bottom{font-size:7px}.hero-stage{min-height:510px;height:145vw;max-height:650px;align-items:flex-start;padding-top:100px}.hero-copy{padding-left:0}.hero-title{font-size:clamp(82px,20vw,125px)}.title-second{margin-left:5%}.hero-sub{margin-top:28px;font-size:9px}.rolling-puck{width:clamp(145px,39vw,200px);right:5%;top:69%}.hero-orbit{width:100vw;right:-40%;top:68%}.orbit-two{width:78vw;right:-27%}.hero-stamp{top:10%;right:3%;font-size:8px}.hero-bottom{bottom:14px}.ticker{height:39px}.ticker-track{font-size:18px}.drop-section{padding-top:100px;padding-bottom:80px}.section-head{align-items:start;gap:20px;flex-direction:column}.section-head h2{font-size:54px}.section-note{text-align:left}.product-grid{gap:28px 10px}.product-title-row{flex-direction:column;gap:7px}.product-title-row h3{font-size:16px}.product-desc{font-size:10px;min-height:54px}.product-actions{flex-direction:column}.button{padding:12px}.product-art .product-badge{font-size:7px;padding:6px}.manifesto{grid-template-columns:1fr;gap:35px;padding:65px 0}.manifesto-mark{font-size:86px}.manifesto-copy h2{font-size:57px}.manifesto-side{grid-column:auto}.newsletter{padding:70px 0;align-items:start;flex-direction:column}.newsletter form{width:100%}.footer-bottom{flex-wrap:wrap;font-size:8px}.cart-drawer{padding:20px}.cart-line{grid-template-columns:58px 1fr auto;gap:10px}}

.variant-label{display:grid;gap:7px;margin:0 0 12px;font:9px var(--mono);letter-spacing:.04em;color:var(--muted)}.variant-select{width:100%;background:#10110e;color:var(--paper);border:1px solid var(--line);padding:11px 10px;font:10px var(--mono);min-width:0}.variant-select:focus{outline:1px solid var(--lime);border-color:var(--lime)}.variant-select option{background:#10110e;color:var(--paper)}

/* Real product photography and graceful image placeholders */
.product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px;z-index:0;transition:transform .35s ease;filter:drop-shadow(0 18px 18px #0008)}
.product-card:hover .product-photo{transform:translateY(-4px) scale(1.035)}
.product-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:radial-gradient(circle at center,var(--product-accent),#20211c 68%);text-align:center;color:#11120e}
.product-placeholder[hidden]{display:none}
.product-placeholder span,.product-placeholder small{font:9px var(--mono);letter-spacing:.12em}
.product-placeholder strong{font:clamp(22px,3vw,38px)/.9 var(--display);letter-spacing:-.07em;overflow-wrap:anywhere}
.cart-line-art{overflow:hidden}.cart-line-art img{width:100%;height:100%;object-fit:cover}
