:root{--bg:#0a0a0a;--bg-2:#121211;--bg-3:#1a1a18;--ink:#f4f1e9;--ink-soft:#b6b2a6;--muted:#76736a;--rule:#262522;--rule-2:#34322d;--accent:#c8ff2e;--accent-ink:#0a0a0a;--magenta:#ff2d7e;--orange:#ff6a1a;--danger:#ff4d4d;--ok:#3ad17a;--maxw:1280px;--display:"Anton","Archivo Black","Helvetica Neue",Impact,system-ui,sans-serif;--sans:"Space Grotesk","Inter",system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-pop:cubic-bezier(0.34,1.4,0.5,1);--dur-1:.12s;--dur-2:.22s;--dur-3:.4s;--dur-4:.6s;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow:0 2px 6px -2px rgba(0,0,0,.55),0 6px 16px -6px rgba(0,0,0,.5);--shadow-lg:0 4px 12px -4px rgba(0,0,0,.55),0 18px 42px -12px rgba(0,0,0,.62);--glow-accent:0 0 0 1px rgba(200,255,46,.22),0 10px 34px -10px rgba(200,255,46,.3);--glow-magenta:0 0 0 1px rgba(255,45,126,.28),0 10px 30px -10px rgba(255,45,126,.3);--hairline:hsla(44,33%,94%,.09);--hairline-strong:hsla(44,33%,94%,.16);--r-sm:10px;--r:14px;--r-lg:18px;--r-xl:24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink);background:var(--bg-2);border:1px solid var(--rule-2);border-radius:8px;padding:10px 12px;outline:none;width:100%;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,255,46,.14)}input::placeholder,textarea::placeholder{color:var(--muted)}label{display:block;font-size:12px;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.display{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:.92}.display,.eyebrow{text-transform:uppercase}.eyebrow{font-size:11px;letter-spacing:.26em;font-weight:600;color:var(--muted)}.accent{color:var(--accent)}.muted{color:var(--muted)}.row{gap:12px;align-items:center}.col,.row{display:flex}.col{flex-direction:column}.grow{flex:1 1}.spread{display:flex;align-items:center;justify-content:space-between}.stack>*+*{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;font-size:13px;font-weight:600;letter-spacing:.04em;border:1px solid var(--rule-2);background:transparent;color:var(--ink);border-radius:999px;padding:11px 20px;min-height:44px;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out);text-transform:uppercase;-webkit-tap-highlight-color:transparent}.btn:hover{border-color:var(--ink);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.975);transition-duration:var(--dur-1)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-accent{background:linear-gradient(180deg,#d4ff53 0,var(--accent) 60%);color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--shadow-sm)}.btn-accent:hover{background:linear-gradient(180deg,#ddff70,#d0ff45);border-color:#d8ff5e;box-shadow:var(--glow-accent)}.btn-ghost{border-color:transparent;color:var(--ink-soft);box-shadow:none}.btn-ghost:hover{color:var(--ink);border-color:var(--rule-2)}.btn-danger{border-color:var(--rule-2);color:var(--danger)}.btn-danger:hover{border-color:var(--danger);box-shadow:var(--glow-magenta)}.btn-sm{padding:7px 13px;font-size:11px;min-height:36px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule-2);border-top-color:var(--hairline-strong);border-radius:999px;padding:4px 10px;color:var(--ink-soft);background:var(--bg-2);box-shadow:var(--shadow-sm)}.chip-accent{color:var(--accent);border-color:rgba(200,255,46,.4)}.status{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.status-draft{color:var(--orange)}.status-approved{color:var(--accent)}.status-published{color:var(--ok)}.status-rejected{color:var(--muted)}.card{background:linear-gradient(180deg,var(--bg-3) 0,var(--bg-2) 100%);border:1px solid var(--rule);border-top-color:var(--hairline-strong);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--rule-2)}.panel{background:var(--bg-2);border:1px solid var(--rule);border-top-color:var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow)}:focus-visible{outline:none}.btn:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(200,255,46,.55);border-radius:8px}.panel-head{padding:16px 18px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}.panel-body{padding:18px}.hr{height:1px;background:var(--rule);border:0;margin:16px 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--rule-2);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.prose{max-width:760px}.prose h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-size:22px;margin:32px 0 12px;color:var(--ink)}.prose h3{font-size:15px;font-weight:600;margin:22px 0 8px;color:var(--ink)}.prose p{margin-bottom:12px}.prose p,.prose ul{color:var(--ink-soft);font-size:14.5px;line-height:1.7}.prose ul{margin:0 0 14px 20px}.prose li{margin-bottom:6px}.prose a{color:var(--accent)}.prose .lede,.prose strong{color:var(--ink)}.prose .lede{font-size:16px}.split-2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:40px;gap:40px;align-items:start}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:28px;gap:28px}.nav-burger{display:none}@media (max-width:860px){.dyo-band,.hero-grid{grid-template-columns:1fr!important}.split-2{grid-template-columns:1fr;gap:24px}.split-sticky{position:static!important}}@media (max-width:680px){.footer-grid{grid-template-columns:1fr 1fr;gap:22px 16px}}@media (max-width:620px){.nav-links-desktop{display:none!important}.nav-burger{display:inline-flex!important}}.mobile-menu{display:block}@media (min-width:621px){.mobile-menu{display:none!important}}.sticky-buy{display:none}@media (max-width:640px){.sticky-buy{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:hsla(0,0%,4%,.95);border-top:1px solid var(--rule);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:has(.sticky-buy) .support-fab{bottom:calc(80px + env(safe-area-inset-bottom))!important}}@media (max-width:480px){.wrap{padding-left:16px;padding-right:16px}}.pcard{display:block;transition:transform var(--dur-3) var(--ease-spring)}.pcard:hover{transform:translateY(-4px)}.pcard-media{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--rule);background:var(--bg-2);aspect-ratio:4/5;box-shadow:var(--shadow);transition:border-color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.pcard:hover .pcard-media{border-color:var(--rule-2);box-shadow:var(--shadow-lg),var(--glow-accent)}.pcard-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-spring)}.pcard:hover .pcard-img{transform:scale(1.06)}.pcard-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;will-change:opacity,transform;transition:opacity .8s var(--ease-out)}.pcard-frame-on{opacity:1;animation:pcardFrameIn 2.4s var(--ease-out) both}@keyframes pcardFrameIn{0%{transform:scale(1.08) translateY(1.5%)}to{transform:scale(1) translateY(0)}}@media (hover:none){.pcard-frame{display:none}}@media (prefers-reduced-motion:reduce){.pcard-frame{transition:none}.pcard-frame-on{animation:none}}.pcard-scrim{position:absolute;left:0;right:0;bottom:0;height:48%;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(8,8,8,.68),rgba(8,8,8,.16) 52%,transparent);opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.pcard:hover .pcard-scrim{opacity:1}@media (hover:none){.pcard-scrim{display:none}}.pcard-dots{position:absolute;bottom:52px;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:5px;pointer-events:none}.pcard-dot{width:5px;height:5px;border-radius:999px;background:hsla(44,33%,94%,.5);box-shadow:0 1px 2px rgba(0,0,0,.55);transition:width var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.pcard-dot-on{width:16px;background:var(--accent)}.pcard-quick{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;opacity:0;transform:translateY(10px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-pop)}.pcard:hover .pcard-quick{opacity:1;transform:none}@media (hover:none){.pcard-quick{opacity:1;transform:none}}.heart-btn{position:absolute;top:8px;right:8px;z-index:3;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:hsla(0,0%,4%,.5);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;font-size:15px;line-height:1;transition:transform var(--dur-2) var(--ease-pop),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.heart-btn:hover{transform:scale(1.12)}.heart-btn:active{transform:scale(.9)}.heart-on{color:var(--magenta);border-color:var(--magenta)}.pcard-spot{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur-2) var(--ease-out);background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),hsla(0,0%,100%,.14),transparent 55%);mix-blend-mode:screen}.pcard:hover .pcard-spot{opacity:1}@media (hover:none){.pcard-spot{display:none}}@media (prefers-reduced-motion:reduce){.pcard-spot{display:none}}.banner{border-bottom:1px solid var(--rule);background:var(--bg-2)}.banner-stage{position:relative;overflow:hidden;height:clamp(260px,44vw,540px)}.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-slide[aria-hidden=false] .banner-img{animation:bannerZoom 8s ease forwards}@keyframes bannerZoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.banner-scrim{position:absolute;inset:0}.banner-scrim-left{background:linear-gradient(90deg,rgba(8,8,8,.94),rgba(8,8,8,.62) 34%,rgba(8,8,8,.14) 64%,rgba(8,8,8,0))}.banner-scrim-right{background:linear-gradient(270deg,rgba(8,8,8,.94),rgba(8,8,8,.62) 34%,rgba(8,8,8,.14) 64%,rgba(8,8,8,0))}.banner-scrim-center{background:linear-gradient(180deg,rgba(8,8,8,.34),rgba(8,8,8,.62))}.banner-inner{position:absolute;inset:0;justify-content:center}.banner-copy,.banner-inner{display:flex;flex-direction:column}.banner-copy{max-width:600px}.banner-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.banner-kicker:before{content:"";width:22px;height:2px;background:var(--accent);display:inline-block}.banner-title{font-size:clamp(34px,6vw,82px);line-height:.9;letter-spacing:-.5px;margin:0}.banner-sub{font-size:clamp(14px,1.3vw,18px);color:var(--ink-soft);margin:14px 0 0;max-width:42ch}.banner-cta{margin-top:24px}.banner-arrows{position:absolute;bottom:16px;right:24px;z-index:4;display:flex;gap:8px}.banner-arrow{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(8,8,8,.5);border:1px solid var(--rule-2);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-size:24px;line-height:1;padding-bottom:3px;box-shadow:var(--shadow-sm);transition:background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-pop),box-shadow var(--dur-2) var(--ease-out)}.banner-arrow:hover{background:rgba(8,8,8,.78);transform:scale(1.08);box-shadow:var(--shadow)}.banner-arrow:active{transform:scale(.9)}.banner-dots{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:4}.banner-dot{width:8px;height:8px;border-radius:999px;border:0;cursor:pointer;background:hsla(44,33%,94%,.5);transition:width .2s,background .2s}.banner-dot-on{width:24px;background:var(--accent)}@media (max-width:640px){.banner-arrows{display:none}.banner-kicker{margin-bottom:10px}.banner-dots{bottom:14px}}html.js-reveal [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1);will-change:opacity,transform}html.js-reveal [data-reveal].is-in{opacity:1;transform:none}html.js-reveal [data-reveal][data-reveal=up]{transform:translateY(22px)}html.js-reveal [data-reveal-stagger]>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}html.js-reveal [data-reveal-stagger].is-in>*{opacity:1;transform:none}html.js-reveal [data-reveal-stagger].is-in>:nth-child(2){transition-delay:.06s}html.js-reveal [data-reveal-stagger].is-in>:nth-child(3){transition-delay:.12s}html.js-reveal [data-reveal-stagger].is-in>:nth-child(4){transition-delay:.18s}html.js-reveal [data-reveal-stagger].is-in>:nth-child(n+5){transition-delay:.24s}@media (prefers-reduced-motion:reduce){html.js-reveal [data-reveal-stagger]>*,html.js-reveal [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}@media (max-width:560px){.product-grid{grid-template-columns:1fr 1fr;gap:12px}}.marquee{overflow:hidden;white-space:nowrap;background:var(--accent)}.marquee-track{display:inline-block;animation:marquee 26s linear infinite;color:var(--accent-ink);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 0}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.stars{color:var(--accent);letter-spacing:1px;font-size:12px}.stars .empty{color:var(--rule-2)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fade .25s var(--ease-out)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pop{animation:pop .18s var(--ease-pop)}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pop-up{animation:popUp .2s var(--ease-pop)}@keyframes popUp{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-scrim{position:fixed;inset:0;z-index:60;background:rgba(6,6,6,.62)}.overlay-scrim,.scrim-in{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade var(--dur-2) var(--ease-out)}@keyframes drawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-panel{animation:drawerIn var(--dur-3) var(--ease-spring);will-change:transform;box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion:reduce){.drawer-panel,.scrim-in{animation:none}}.spotlight{position:relative;isolation:isolate}.spotlight:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--dur-2) var(--ease-out);background:radial-gradient(240px circle at var(--mx,50%) var(--my,0),rgba(200,255,46,.16),transparent 60%)}.spotlight:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.fade-in,.overlay-scrim,.pop,.pop-up{animation:none}}