:root{--black:#080808;--panel:#101012;--line:#2a2a2d;--white:#f4f4f3;--soft:#b7b7ba;--muted:#848488;--mono:'DM Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}::selection{background:#fff;color:#000}
.site-shell{overflow-x:clip}.site-header{height:78px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#080808ec;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.075em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(140deg,#fff,#a3a3a6);color:#090909;font:27px var(--sans)}.brand-dot{color:#85858a}
.desktop-nav{display:flex;gap:clamp(18px,2.4vw,42px);margin-left:auto;margin-right:auto}.desktop-nav a,.header-trade,.mobile-nav a{font:10px var(--mono);letter-spacing:.09em}.desktop-nav a{color:#b0b0b4;transition:color .2s}.desktop-nav a:hover{color:#fff}.header-trade{border:1px solid #6b6b70;padding:14px 16px;white-space:nowrap;transition:background .2s,color .2s}.header-trade span{margin-left:22px}.header-trade:hover{background:#eee;color:#080808}.menu-toggle,.mobile-nav{display:none}
.hero{padding:0 clamp(22px,4vw,68px);background:radial-gradient(ellipse 35% 48% at 77% 44%,#2a2a2c 0,#111113 45%,transparent 100%),#080808}.hero-content{min-height:min(760px,calc(100svh - 78px));display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.82fr);align-items:center;gap:3vw}.hero-copy{position:relative;z-index:1;padding:78px 0}.eyebrow{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.14em;color:#b8b8bd;text-transform:uppercase}.live-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#f5f5f5;box-shadow:0 0 13px #fff;animation:live 2.5s ease-in-out infinite}.hero h1{font-size:clamp(92px,10.8vw,188px);line-height:.78;letter-spacing:-.115em;margin:35px 0 38px;white-space:nowrap}.hero h1 span{font-size:.7em;letter-spacing:-.105em;background:linear-gradient(135deg,#fff 35%,#77787d);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:clamp(16px,1.4vw,21px);line-height:1.55;color:#b9b9bc;max-width:520px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-width:208px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;font:10px var(--mono);letter-spacing:.06em;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-light{background:#f4f4f3;color:#0a0a0b}.button-light:hover{background:#cbcbce}.button-outline{border:1px solid #66666b;color:#eee}.button-outline:hover{border-color:#fff;background:#161618}
.hero-art{height:min(580px,70vw);min-height:380px;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#ffffff20 0,#ffffff0b 35%,transparent 70%);filter:blur(18px)}.art-frame{width:min(100%,480px);aspect-ratio:1;position:relative;padding:14px;background:linear-gradient(135deg,#444448,#18181a 35%,#343438);border:1px solid #616166;box-shadow:0 35px 90px #000c,0 0 80px #ffffff0b;transform:rotate(3deg);transition:transform .5s}.hero-art:hover .art-frame{transform:rotate(0deg) scale(1.025)}.art-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.06)}.art-corner{position:absolute;width:25px;height:25px;border-color:#fff}.corner-tl{top:6px;left:6px;border-top:2px solid;border-left:2px solid}.corner-br{bottom:6px;right:6px;border-bottom:2px solid;border-right:2px solid}.art-stamp{position:absolute;right:0;bottom:38px;display:flex;align-items:center;gap:17px;background:#ececed;color:#111;padding:12px 16px;font:10px var(--mono);letter-spacing:.04em;box-shadow:10px 10px 25px #0009;transform:rotate(-3deg)}.art-stamp strong{font-size:15px}.hero-bottom{border-top:1px solid #363639;padding:18px 0;display:flex;justify-content:space-between;gap:14px;color:#a2a2a7;font:9px var(--mono);letter-spacing:.1em}.hero-bottom span:first-child{color:#fff}
.section{padding:94px clamp(22px,4vw,68px)}.section-kicker{border-top:1px solid #363639;padding-top:16px;margin-bottom:56px;display:flex;justify-content:space-between;gap:16px;color:#8d8d92;font:9px var(--mono);letter-spacing:.1em}.section-kicker span:first-child{color:#efeff0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading h2,.contract-layout h2,.about-layout h2{font-size:clamp(72px,8vw,138px);line-height:.88;letter-spacing:-.095em;margin:19px 0 0}.section-heading h2 em,.contract-layout h2 em,.about-layout h2 em{font-style:normal;color:#929297}.section-heading>p{max-width:290px;color:#a6a6ab;font-size:16px;line-height:1.55;margin:0 0 5px}h1,h2,h3,p{margin-top:0}
.market-section{background:#0b0b0d}.market-panel{background:linear-gradient(155deg,#161618,#0b0b0c 75%);border:1px solid #3b3b40;box-shadow:0 22px 70px #0008}.market-top,.market-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 25px;font:9px var(--mono);letter-spacing:.08em}.market-top{border-bottom:1px solid #37373a}.market-top>div{display:flex;align-items:center;gap:13px}.market-top strong{font-weight:500;font-size:12px}.market-source{color:#85858b}.market-top>span{color:#98989e}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:34px 25px 44px;min-width:0;border-right:1px solid #343439}.metric:last-child{border-right:0}.metric>span{display:block;color:#96969c;font:9px var(--mono);letter-spacing:.1em}.metric strong{display:block;overflow-wrap:anywhere;font-size:clamp(30px,3.5vw,58px);font-weight:600;letter-spacing:-.08em;margin-top:25px;line-height:1}.market-bottom{border-top:1px solid #37373a;color:#85858b}.market-bottom a{color:#e8e8e9;border-bottom:1px solid #777;padding-bottom:2px}.market-bottom>a{border-bottom:0}
.contract-section{background:#09090a}.contract-layout{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:clamp(35px,7vw,120px)}.contract-layout h2{font-size:clamp(58px,6.5vw,110px)}.contract-layout p{color:#a8a8ad;font-size:17px;line-height:1.55;max-width:420px;margin:26px 0 0}.contract-card{padding:26px;background:linear-gradient(135deg,#171719,#0d0d0f);border:1px solid #4b4b50;box-shadow:18px 18px 0 #151517}.contract-card-top,.contract-links{display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.08em;color:#929299}.contract-card code{display:block;overflow-wrap:anywhere;font:clamp(19px,2vw,31px)/1.32 var(--mono);letter-spacing:-.07em;margin:35px 0;color:#f6f6f6}.contract-card button{width:100%;display:flex;justify-content:space-between;align-items:center;background:#efeff0;color:#111;border:0;padding:18px 20px;text-align:left;font:10px var(--mono);letter-spacing:.09em;transition:background .2s}.contract-card button:hover{background:#c9c9cd}.contract-links{margin-top:28px}.contract-links a{border-bottom:1px solid #777;padding-bottom:4px;color:#e1e1e3}
.about-section{background:radial-gradient(ellipse at 24% 50%,#222226,#111113 60%)}.about-layout{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end}.about-layout h2{font-size:clamp(83px,9vw,160px)}.about-copy{padding-bottom:7px}.about-copy p{font-size:clamp(18px,1.6vw,23px);line-height:1.5;letter-spacing:-.025em;color:#c7c7ca}.about-copy p+p{color:#95959b;font-size:16px;margin-top:24px}.about-copy a{display:inline-block;margin-top:24px;padding-bottom:6px;border-bottom:1px solid #a9a9ad;font:10px var(--mono);letter-spacing:.06em}
.merch-section{background:#080809}.merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-art{height:350px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #36363b}.product-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 30%,#0008 100%);pointer-events:none}.product-art svg{width:min(88%,320px);height:82%;z-index:1;filter:drop-shadow(12px 22px 18px #0009);transition:transform .35s}.merch-card:hover svg{transform:scale(1.06) rotate(-2deg)}.product-tee{background:radial-gradient(circle at 50% 38%,#3c3c40,#111113 72%)}.product-polo{background:radial-gradient(circle at 50% 38%,#4d4d51,#171719 72%)}.product-hoodie{background:radial-gradient(circle at 50% 38%,#333338,#101012 72%)}.product-crew{background:radial-gradient(circle at 50% 38%,#66666a,#222225 72%)}.coming-badge{position:absolute;z-index:3;top:16px;left:16px;background:#efeff0;color:#0a0a0b;padding:8px 10px;font:9px var(--mono);letter-spacing:.08em}.product-info{display:flex;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid #3a3a3d}.product-info span{font:9px var(--mono);color:#98989e}.product-info h3{font-size:21px;letter-spacing:-.05em;margin:7px 0 0}.product-info>span{color:#d5d5d8;white-space:nowrap;margin-top:4px}
.site-footer{border-top:1px solid #333338;padding:44px clamp(22px,4vw,68px);display:flex;justify-content:space-between;gap:30px}.site-footer p,.footer-right{font:9px var(--mono);letter-spacing:.07em;color:#828288}.site-footer p{margin:23px 0 0}.footer-right{display:flex;align-items:flex-end;flex-direction:column;gap:11px;text-align:right}.footer-right a{color:#eee;margin-bottom:13px}
@keyframes live{50%{opacity:.4;box-shadow:0 0 3px #fff}}
@media(max-width:1100px){.hero h1{font-size:clamp(78px,9vw,120px)}.hero-content{grid-template-columns:1fr .85fr}.hero-art{min-height:340px}.metric{padding-left:17px;padding-right:17px}.metric strong{font-size:clamp(27px,3vw,42px)}.contract-card{padding:21px}.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:68px}.brand{font-size:20px}.desktop-nav,.header-trade{display:none}.menu-toggle{width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;padding:4px}.menu-toggle span{height:2px;width:100%;background:#fff}.mobile-nav:not([hidden]){display:flex;position:fixed;top:68px;left:0;right:0;z-index:29;flex-direction:column;padding:12px 22px 22px;background:#101012;border-bottom:1px solid #444}.mobile-nav a{padding:14px 3px;border-bottom:1px solid #303034}.hero-content{grid-template-columns:1fr;gap:0}.hero-copy{padding:80px 0 0}.hero h1{font-size:clamp(82px,16vw,130px)}.hero-art{height:480px;min-height:0}.art-frame{width:min(80vw,405px)}.art-stamp{right:5%}.hero-bottom span:nth-child(2){display:none}.section{padding-top:74px;padding-bottom:74px}.section-kicker{margin-bottom:42px}.section-kicker span:last-child{display:none}.section-heading{display:block}.section-heading>p{margin-top:23px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #343439}.metric strong{font-size:clamp(34px,8vw,52px)}.contract-layout,.about-layout{grid-template-columns:1fr;gap:40px}.contract-card{box-shadow:9px 9px 0 #151517}.merch-grid{grid-template-columns:1fr;gap:28px}.product-art{height:390px}.site-footer{display:block}.footer-right{align-items:flex-start;text-align:left;margin-top:35px}}
@media(max-width:480px){.eyebrow{font-size:9px}.hero-copy{padding-top:66px}.hero h1{font-size:clamp(70px,17vw,88px);margin:28px 0}.hero-copy>p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.hero-art{height:380px}.art-frame{width:min(78vw,340px);padding:9px}.art-stamp{bottom:14px}.hero-bottom span:last-child{display:none}.section-heading h2,.about-layout h2{font-size:clamp(64px,14vw,85px)}.contract-layout h2{font-size:clamp(50px,12vw,72px)}.market-top,.market-bottom{padding:17px 15px;font-size:8px}.market-top{align-items:flex-start}.market-top>div{flex-wrap:wrap}.market-top>span{text-align:right}.market-bottom{align-items:flex-start;flex-direction:column}.metric{padding:25px 15px 28px}.metric strong{font-size:clamp(31px,8vw,41px);margin-top:16px}.contract-card code{font-size:18px}.product-art{height:310px}.product-info{display:block}.product-info>span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.metric:first-child strong{font-size:clamp(18px,2.3vw,40px);white-space:nowrap;letter-spacing:-.055em}

/* Product mockups and close-up viewer */
.product-preview{width:100%;height:350px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #3b3b40;padding:0;color:var(--white);text-align:left;background:radial-gradient(circle at 50% 42%,#3c3c40 0,#171719 49%,#101011 100%);isolation:isolate}
.product-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff1,transparent 40%,#0005);pointer-events:none}
.product-preview:hover,.product-preview:focus-visible{border-color:#aaaab0}
.product-preview .product-visual{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.product-preview:hover .product-visual{transform:scale(1.07)}
.product-visual{position:relative;display:block;width:min(100%,350px);aspect-ratio:1;flex:none;filter:drop-shadow(12px 20px 18px #0009)}
.product-visual .garment{display:block;width:100%;height:100%;object-fit:contain}
.product-visual .merch-print,.product-visual .merch-emblem{position:absolute;display:block;object-fit:cover;pointer-events:none}
.product-visual .merch-print{left:34%;top:37%;width:32%;aspect-ratio:16/9;box-shadow:0 2px 5px #0005}
.product-tee .merch-print{left:34%;top:38%;width:32%}
.product-hoodie .merch-print{left:35%;top:39%;width:30%}
.product-crew .merch-print{left:33.5%;top:38%;width:33%;box-shadow:0 1px 4px #0003}
.product-polo .merch-emblem{left:61%;top:36%;width:4.8%;height:auto;filter:drop-shadow(0 1px 1px #0008)}
.product-crew{background:radial-gradient(circle at 50% 42%,#5b5b60 0,#27272b 55%,#171719 100%)}
.preview-hint{position:absolute;z-index:2;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;align-items:center;color:#ededee;font:9px var(--mono);letter-spacing:.1em;text-shadow:0 1px 4px #000}
.preview-hint span{font-size:16px}
.product-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:min(96svh,920px);margin:auto;padding:0;border:1px solid #68686c;color:var(--white);background:#0d0d0f;box-shadow:0 30px 100px #000d}
.product-dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}
.product-dialog[open]{animation:dialog-in .22s ease-out}
.dialog-top{height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid #353538;color:#a7a7ac;font:9px var(--mono);letter-spacing:.09em}
.dialog-close{border:0;background:none;color:#f4f4f4;font:10px var(--mono);letter-spacing:.08em;padding:12px 4px}
.dialog-close:hover{color:#bcbcc0}
.dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px}
.dialog-stage{min-width:0;min-height:0;height:min(75svh,760px);overflow:hidden;border:0;border-right:1px solid #353538;background:radial-gradient(circle at 50% 40%,#434347,#1a1a1d 70%);display:grid;place-items:center;padding:0}
.dialog-stage.product-crew{background:radial-gradient(circle at 50% 40%,#5e5e63,#222225 70%)}
.dialog-stage #dialog-visual{width:100%;height:100%;display:grid;place-items:center}
.dialog-stage .product-visual{width:min(100%,680px);max-width:none;transition:transform .2s ease;filter:drop-shadow(22px 30px 25px #0009)}
.dialog-details{display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px 24px}
.dialog-index,.dialog-footnote{font:9px var(--mono);letter-spacing:.11em;color:#929298}
.dialog-details h2{font-size:clamp(27px,2.7vw,42px);letter-spacing:-.07em;line-height:1.05;margin:24px 0 13px}
.dialog-details p{font:10px var(--mono);letter-spacing:.11em;color:#e7e7e9}
.zoom-controls{display:flex;align-items:center;justify-content:space-between;border:1px solid #545459;margin-top:auto;margin-bottom:18px}
.zoom-controls button{border:0;background:#1f1f22;color:#fff;width:45px;height:45px;font-size:24px}
.zoom-controls button:hover{background:#38383d}
.zoom-controls output{font:10px var(--mono);letter-spacing:.05em}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.product-preview{height:390px}.dialog-layout{grid-template-columns:1fr}.dialog-stage{height:min(63svh,600px);border-right:0;border-bottom:1px solid #353538}.dialog-details{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:center}.dialog-details h2{font-size:27px;margin:7px 0}.dialog-details p{margin:0}.zoom-controls{margin:0;grid-row:1/3;grid-column:2;width:150px}.dialog-footnote{grid-column:1/-1}}
@media(max-width:480px){.product-preview{height:350px}.dialog-top{padding:0 14px;font-size:8px}.dialog-stage{height:min(58svh,460px)}.dialog-details{padding:15px;grid-template-columns:1fr}.dialog-details h2{font-size:24px}.zoom-controls{grid-row:auto;grid-column:1;width:100%}.dialog-footnote{grid-column:1}}
