@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--font-display:'Archivo Black',sans-serif;--font-mono:'Space Mono',monospace}
:root{--ink:#e8e6df;--muted:#85847f;--acid:#d8ff3e;--line:#292929}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:var(--ink);font-family:var(--font-mono),monospace}a{color:inherit}button{font:inherit}.nav{height:72px;padding:0 4vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;inset:0 0 auto;z-index:5;font-size:10px;letter-spacing:.14em}.nav p{margin:0;color:var(--muted)}.nav>a:last-child{justify-self:end;text-underline-offset:5px}.brand{font:400 19px/1 var(--font-display);text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--acid);font:10px var(--font-mono);vertical-align:top;margin-left:3px}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:120px 7vw 70px;border-bottom:1px solid var(--line)}.grain{position:absolute;inset:0;opacity:.15;pointer-events:none;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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--acid);margin:0 0 22px}.hero h1{font:400 clamp(66px,13.5vw,190px)/.77 var(--font-display);letter-spacing:-.085em;margin:0;max-width:1100px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink);margin-left:10vw}.manifesto{margin:42px 0 0 50%;font-size:12px;line-height:1.8;color:#aaa;position:relative;z-index:2}.scroll{position:absolute;left:7vw;bottom:42px;font-size:10px;letter-spacing:.14em;text-decoration:none;display:flex;align-items:center;gap:12px}.scroll span{font-size:19px;color:var(--acid)}.orbit{position:absolute;border:1px solid #272727;border-radius:50%;pointer-events:none}.orbit-one{width:38vw;height:38vw;right:-5vw;top:12%}.orbit-two{width:25vw;height:25vw;right:2vw;top:20%;border-color:#333}.product{display:grid;grid-template-columns:1.08fr .92fr;min-height:900px;border-bottom:1px solid var(--line)}.product-visual{background:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:720px}.index,.caption{position:absolute;font-size:9px;letter-spacing:.13em;color:#777}.index{top:35px;left:35px}.caption{bottom:35px;right:35px}.tee{width:min(47vw,480px);height:min(52vw,535px);background:#050505;clip-path:polygon(24% 0,38% 0,42% 6%,58% 6%,62% 0,76% 0,100% 20%,84% 40%,76% 34%,76% 100%,24% 100%,24% 34%,16% 40%,0 20%);filter:drop-shadow(0 30px 28px #0008);position:relative}.tee:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#fff0 20%,#fff1 48%,#fff0 70%)}.neck{position:absolute;width:20%;height:8%;left:40%;top:0;border-radius:0 0 50% 50%;background:#151515}.print{position:absolute;left:26%;top:35%;width:48%;height:31%;border:1px solid #bbb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(-2deg);color:#d9d9d5}.print span{font:23px var(--font-display);letter-spacing:-.06em}.print i{font:54px/1 var(--font-display);letter-spacing:-.15em}.print small{font:7px var(--font-mono);letter-spacing:.2em}.details{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.details h2,.info h3{font:400 clamp(44px,5.2vw,76px)/.88 var(--font-display);letter-spacing:-.06em;margin:0}.price{font-size:22px;margin:30px 0}.price small{font-size:9px;color:var(--muted)}.description{font-size:11px;line-height:1.8;color:#999;max-width:480px;margin-bottom:38px}fieldset{border:0;padding:0;margin:0 0 22px}legend{width:100%;font-size:9px;letter-spacing:.12em;margin-bottom:12px}legend a{float:right;color:#777}.sizes{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #353535}.sizes button{height:54px;border:0;border-right:1px solid #353535;background:transparent;color:#aaa;cursor:pointer}.sizes button:last-child{border:0}.sizes button:hover,.sizes button.active{background:var(--ink);color:#050505}.buy{height:64px;border:0;background:var(--acid);color:#060606;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;padding:0 22px;cursor:pointer}.buy span{font-size:20px}.buy:hover{background:#efffaf}.payment-notice{font-size:10px;line-height:1.6;padding:12px;border:1px solid #524f2a;color:#ddd8a2;margin:12px 0 0}.payment{display:flex;justify-content:space-between;color:#666;font-size:8px;letter-spacing:.06em;margin-top:14px}.payment strong{color:#999}.ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:16px 0;color:#080808;background:var(--ink);font:19px var(--font-display);white-space:nowrap}.ticker div{width:max-content;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.info{padding:10vw 7vw}.info>div:first-child{margin-bottom:9vw}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.info article{padding:25px 25px 60px 0;border-right:1px solid var(--line);margin-right:25px}.info article:last-child{border:0}.info article span{font-size:9px;color:var(--acid)}.info h4{font:22px var(--font-display);margin:55px 0 14px}.info article p{font-size:10px;color:#888;line-height:1.8;margin:0}footer{border-top:1px solid var(--line);padding:30px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:8px;color:#777;letter-spacing:.12em}footer p:last-child{text-align:right}@media(max-width:760px){.nav{grid-template-columns:1fr auto}.nav p{display:none}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:20vw}.manifesto{margin-left:22%;font-size:10px}.orbit{display:none}.product{grid-template-columns:1fr}.product-visual{min-height:570px}.tee{width:76vw;height:84vw}.details{padding:90px 7vw}.info{padding:90px 7vw}.info-grid{grid-template-columns:1fr 1fr}.info article:nth-child(2){border:0}.payment{gap:20px}footer{grid-template-columns:1fr auto}footer p:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}
