:root{--void:#050505;--carbon:#0d0d0f;--iron:#18181b;--steel:#29292e;--bone:#f2f0ea;--ash:#9b9ba1;--signal:#7c3aed;--page:clamp(18px, 4vw, 56px);--line:1px solid #f2f0ea29}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--void)}body{background:var(--void);color:var(--bone);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.header{z-index:50;height:70px;padding:0 var(--page);border-bottom:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050505e0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.brand{letter-spacing:-.055em;width:max-content;font-size:20px;font-weight:900}.nav{letter-spacing:.15em;gap:30px;font-family:monospace;font-size:10px;font-weight:700;display:flex}.nav a,.cart-button{transition:opacity .15s}.nav a:hover,.cart-button:hover{opacity:.55}.cart-button{cursor:pointer;letter-spacing:.12em;background:0 0;border:0;justify-self:end;font-family:monospace;font-size:10px;font-weight:700}.hero{min-height:calc(100svh - 70px);padding:28px var(--page) 34px;border-bottom:var(--line);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed29,#0000 65%);border-radius:50%;width:650px;height:650px;position:absolute;top:50%;right:-120px;transform:translateY(-50%)}.grid-overlay{opacity:.12;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 90%);mask-image:linear-gradient(90deg,#000,#0000 90%)}.hero-meta{z-index:2;color:var(--ash);letter-spacing:.13em;grid-column:1/-1;justify-content:space-between;font-family:monospace;font-size:9px;display:flex;position:relative}.hero-copy{z-index:2;align-self:center;padding:70px 0;position:relative}.eyebrow{color:var(--ash);letter-spacing:.17em;margin:0 0 20px;font-family:monospace;font-size:9px;font-weight:700}.hero h1,.section-head h2,.signal h2,.detail-copy h2,.saint-list h2{letter-spacing:-.075em;margin:0;font-family:Arial Narrow,Arial,sans-serif;font-weight:900;line-height:.82}.hero h1{font-size:clamp(80px,12vw,190px)}.hero-line{color:var(--ash);letter-spacing:.12em;margin:30px 0;font-size:12px;font-weight:700;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid var(--bone);cursor:pointer;min-height:50px;color:var(--bone);letter-spacing:.12em;background:0 0;border-radius:1px;justify-content:center;align-items:center;padding:0 22px;font-size:10px;font-weight:800;transition:transform .14s,background .14s,color .14s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--bone);color:var(--void)}.secondary{border-color:var(--steel)}.full{width:100%}.hero-art{place-items:center;min-height:500px;display:grid;position:relative}.orbit{border:1px solid #f2f0ea21;border-radius:50%;position:absolute}.orbit-a{aspect-ratio:1;width:min(36vw,520px)}.orbit-b{aspect-ratio:1;width:min(27vw,390px)}.artifact{z-index:2;aspect-ratio:1;clip-path:polygon(50% 0%,90% 17%,100% 69%,70% 100%,18% 92%,0 44%);background:linear-gradient(145deg,#28282c,#0d0d0f 48%,#19191c);border:1px solid #ffffff2e;place-items:center;width:min(25vw,350px);display:grid;position:relative;transform:rotate(-7deg);box-shadow:0 40px 100px #0000008c,0 0 110px #7c3aed1f}.artifact-vertical,.artifact-horizontal{background:var(--bone);position:absolute}.artifact-vertical{width:14%;height:64%}.artifact-horizontal{width:56%;height:13%}.artifact span{letter-spacing:.14em;font-family:monospace;font-size:9px;position:absolute;bottom:11%}.scroll-label{z-index:2;color:var(--ash);letter-spacing:.16em;grid-column:1/-1;margin:0;font-family:monospace;font-size:8px;position:relative}.collection{padding:clamp(90px, 11vw, 160px) var(--page)}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.section-head h2{font-size:clamp(52px,7vw,104px)}.section-head>span{color:var(--ash);font-family:monospace;font-size:9px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-card{border:var(--line);background:var(--carbon);overflow:hidden}.product-visual{aspect-ratio:.88;border-bottom:var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.visual-1{background:radial-gradient(circle,#ffffff14,#0000 36%),#111113}.visual-2{background:radial-gradient(circle,#7c3aed2e,#0000 36%),#101012}.visual-3{background:radial-gradient(circle,#ffffff1f,#0000 32%),#0d0d0f}.product-index{color:var(--ash);font-family:monospace;font-size:9px;position:absolute;top:16px;left:16px}.hat-shape{aspect-ratio:1.6;background:linear-gradient(155deg,#29292d,#09090a);border:1px solid #ffffff2b;border-radius:52% 52% 32% 32%;place-items:center;width:58%;display:grid;transform:rotate(-5deg);box-shadow:0 30px 70px #0000008c}.hat-mark{font-size:clamp(58px,6vw,100px)}.visual-caption{color:var(--ash);letter-spacing:.14em;font-family:monospace;font-size:8px;position:absolute;bottom:16px;right:16px}.product-content{padding:20px}.product-heading{justify-content:space-between;gap:20px;min-height:76px;display:flex}.product-heading h3{margin:0;font-size:15px;font-weight:900}.product-heading p{color:var(--ash);letter-spacing:.07em;margin:6px 0 0;font-family:monospace;font-size:8px}.product-heading strong{font-size:14px}.variant-section{border-top:var(--line);flex-direction:column;gap:12px;min-height:72px;padding:15px 0;display:flex}.variant-section>span{color:var(--ash);letter-spacing:.12em;font-family:monospace;font-size:8px}.swatches{gap:9px;display:flex}.swatch{cursor:pointer;outline:0 solid var(--bone);outline-offset:3px;border:1px solid #ffffff40;border-radius:50%;width:22px;height:22px;padding:0}.swatch.active{outline-width:1px}.signal{padding:clamp(100px, 12vw, 180px) var(--page);border-top:var(--line);border-bottom:var(--line);grid-template-columns:.3fr 1.25fr .75fr;gap:44px;display:grid}.signal-code{color:var(--ash);font-family:monospace;font-size:9px}.signal h2{font-size:clamp(56px,8vw,118px)}.signal-copy{max-width:420px;color:var(--ash);align-self:end;font-size:14px;line-height:1.65}.detail{border-bottom:var(--line);grid-template-columns:1.2fr .8fr;min-height:720px;display:grid}.detail-visual{border-right:var(--line);background:radial-gradient(circle,#7c3aed2e,#0000 26%),repeating-radial-gradient(circle,#151517 0 2px,#09090b 3px 8px);place-items:center;min-height:600px;display:grid}.detail-symbol{text-shadow:0 0 90px #7c3aed66;font-size:clamp(180px,27vw,390px)}.detail-copy{align-self:center;padding:clamp(40px,7vw,100px)}.detail-copy h2{font-size:clamp(54px,7vw,98px)}.detail-copy>p:not(.eyebrow){max-width:430px;color:var(--ash);margin:30px 0;font-size:14px;line-height:1.7}.detail-copy a{border-bottom:1px solid var(--bone);letter-spacing:.1em;padding-bottom:4px;font-size:10px;font-weight:800}.saint-list{padding:clamp(105px, 14vw, 200px) var(--page);text-align:center;border-bottom:var(--line)}.saint-list h2{font-size:clamp(58px,9vw,126px)}.saint-list>p:not(.eyebrow){color:var(--ash)}.email-form{border-bottom:1px solid var(--bone);width:min(680px,100%);margin:40px auto 0;display:flex}.email-form input{min-width:0;height:58px;color:var(--bone);letter-spacing:.09em;background:0 0;border:0;outline:0;flex:1;font-size:11px}.email-form button{color:var(--bone);cursor:pointer;letter-spacing:.11em;background:0 0;border:0;font-size:10px;font-weight:800}.saint-list small{color:#5f5f64;margin-top:18px;font-family:monospace;font-size:7px;display:block}footer{min-height:330px;padding:64px var(--page) 28px;flex-direction:column;justify-content:space-between;display:flex}footer>strong{letter-spacing:-.075em;font-size:clamp(68px,14vw,210px);font-weight:900;line-height:.82}footer>div{color:var(--ash);justify-content:space-between;font-family:monospace;font-size:8px;display:flex}.scrim{z-index:98;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000ab;border:0;transition:opacity .18s;position:fixed;inset:0}.scrim.visible{visibility:visible;opacity:1}.cart-drawer{z-index:99;border-left:var(--line);background:#0b0b0d;flex-direction:column;width:min(480px,100vw);height:100dvh;padding:26px;transition:transform .22s;display:flex;position:fixed;top:0;right:0;transform:translate(101%)}.cart-drawer.open{transform:translate(0)}.cart-head{border-bottom:var(--line);justify-content:space-between;padding-bottom:22px;display:flex}.cart-head h2{margin:0;font-size:24px}.close{border:var(--line);cursor:pointer;background:0 0;width:44px;height:44px;font-size:25px}.cart-items{flex:1;overflow-y:auto}.empty-cart{text-align:center;min-height:280px;color:var(--ash);place-content:center;font-family:monospace;font-size:9px;display:grid}.empty-cart button{color:var(--bone);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:9px}.cart-line{border-bottom:var(--line);grid-template-columns:95px 1fr;gap:18px;padding:20px 0;display:grid}.cart-thumb{aspect-ratio:1;border:var(--line);background:radial-gradient(circle, #7c3aed3b, transparent 52%), var(--iron);place-items:center;font-weight:900;display:grid}.cart-line-info{flex-direction:column;gap:7px;font-size:10px;display:flex}.cart-line-info>span{color:var(--ash)}.quantity{border:var(--line);grid-template-columns:repeat(3,1fr);width:110px;height:34px;margin-top:6px;display:grid}.quantity button{cursor:pointer;background:0 0;border:0}.quantity span{place-items:center;font-family:monospace;display:grid}.cart-footer{border-top:var(--line);padding-top:20px}.cart-footer>div{justify-content:space-between;display:flex}.cart-footer p{color:var(--ash);margin:11px 0 20px;font-size:9px}.cart-footer button:disabled{opacity:.35;cursor:not-allowed}@media (max-width:900px){.header{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 0 45px}.hero-art{opacity:.5;width:65vw;position:absolute;bottom:4vh;right:-17vw}.orbit-a{width:58vw}.orbit-b{width:46vw}.artifact{width:40vw}.product-grid{grid-template-columns:1fr}.product-card{max-width:690px}.signal{grid-template-columns:1fr}.signal-code{display:none}.detail{grid-template-columns:1fr}.detail-visual{border-right:0;border-bottom:var(--line);min-height:430px}}@media (max-width:600px){.header{height:64px}.hero{min-height:calc(100svh - 64px)}.hero-meta span:last-child{display:none}.hero h1{font-size:clamp(74px,25vw,120px)}.hero-actions{flex-direction:column;width:min(100%,390px)}.hero-actions .button{width:100%}.section-head{align-items:flex-start}.section-head>span{display:none}.section-head h2{font-size:50px}.signal h2,.detail-copy h2,.saint-list h2{line-height:.88}footer>div{flex-direction:column;gap:8px}.cart-drawer{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}