:root{--night-mint:#8adeff;--night-ink:#070b12}body,body[data-page="index"]{background:#070b12;--night-mint:#8adeff}body[data-page="index"] .site-header{background:#070c168a;backdrop-filter:blur(22px)}.site-header{border-bottom-color:#a2d6f32b}.desktop-nav a:hover{color:#a3dfff}.desktop-nav a::after{background:#8cddff;box-shadow:0 0 12px #52cfff}.cart-link [data-cart-count]{background:#a6ddf5}
.night-hero{background:#070b12;min-height:820px;padding-top:118px}.night-sky{background:#080f20}.night-city{opacity:.34;filter:grayscale(1) contrast(1.2);object-position:center;animation:cyber-city 22s ease-in-out infinite alternate}.night-shade{background:linear-gradient(90deg,#040a13dd,transparent 75%),linear-gradient(0deg,#070b12,transparent 50%)}.night-haze{background:radial-gradient(ellipse at 75% 40%,#167ec044,transparent 55%);animation:cyber-haze 11s ease-in-out infinite alternate;opacity:1}.cyber-light{position:absolute;width:75%;height:130%;top:-20%;filter:blur(65px);mix-blend-mode:screen;opacity:.45;pointer-events:none}.cyber-light-blue{right:-15%;background:linear-gradient(110deg,transparent 38%,#0b87d073 50%,transparent 60%);animation:cyber-beam 12s ease-in-out infinite alternate}.cyber-light-violet{right:0;background:linear-gradient(100deg,transparent 50%,#6140bf45 60%,transparent 75%);animation:cyber-beam 17s -8s ease-in-out infinite alternate-reverse}.cyber-grid{position:absolute;inset:42% -40% -50%;transform:perspective(580px) rotateX(64deg);transform-origin:50% 100%;background-image:linear-gradient(#74ceff19 1px,transparent 1px),linear-gradient(90deg,#74ceff19 1px,transparent 1px);background-size:85px 85px;mask-image:radial-gradient(ellipse,#000,transparent 65%);animation:cyber-grid-flow 9s linear infinite;opacity:.65}.night-rain{opacity:.4}.night-topline{color:#89a8c2}.night-dot{background:#9cdbff;box-shadow:0 0 17px #65baff;animation:cyber-dot 4s ease-in-out infinite}.night-composition{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:9%;padding-block:36px 38px}.night-hero .wrap{max-width:1240px}.night-title h1{font-size:clamp(50px,5.8vw,88px);text-transform:uppercase;letter-spacing:-.055em;line-height:1.13;color:#e8f1fc}.night-title h1 em{font-size:1em;line-height:1.14;color:#a5ddfa;text-shadow:0 0 45px #549cee40;animation:cyber-type-light 9s ease-in-out infinite}.night-title .eyebrow{color:#93c6e6;font-size:9px;letter-spacing:3px}.night-copy{color:#aabdd0;max-width:340px;font-size:15px}.night-actions .button.primary{background:#a3ddf6;border-color:#b7eaff;box-shadow:0 0 32px #61cfff22;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.night-actions .button.primary:hover{background:#d4f1ff;box-shadow:0 0 42px #67bdff55}.night-scroll{color:#bcd3e7}.night-bottom{border-color:#78c4fa30}.night-proof{color:#92adc4}.cyber-signal{display:flex;height:27px;gap:5px;align-items:center;margin:25px 0 7px;opacity:.7}.cyber-signal i{width:2px;height:22%;background:#97dbff;box-shadow:0 0 10px #65cfff66;animation:cyber-signal 2.3s ease-in-out infinite alternate}.cyber-signal i:nth-child(3n){animation-delay:-.9s;height:70%}.cyber-signal i:nth-child(3n+1){animation-delay:-1.8s;height:40%}.cyber-signal i:nth-child(4n){animation-duration:1.7s;height:90%}
.cyber-stage{position:relative;min-width:0;padding:18px 0 0;perspective:1200px;--stage-accent:#31dbe8}.cyber-stage::before,.cyber-stage::after{content:"";position:absolute;pointer-events:none;border:1px solid #a4d9ff26;inset:0 -17px 52px 17px;transform:translate(12px,-2px);z-index:-1}.cyber-stage::after{inset:21px -34px 70px 34px;border-color:#bcaff91c}.cyber-stage-glow{position:absolute;inset:10% -15% 10%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--stage-accent),transparent 83%),transparent 66%);filter:blur(32px);animation:cyber-aura 7s ease-in-out infinite alternate;transition:background 1s}.night-spotlight{position:relative;max-width:none;padding:18px;background:linear-gradient(130deg,#20384d88,#0a1422d9 60%);border-color:#99cbef3c;box-shadow:0 24px 75px #0007;animation:cyber-card-in .65s cubic-bezier(.16,1,.3,1) both;transform-origin:center;overflow:hidden}.night-spotlight[hidden]{display:none!important}.night-spotlight::before{content:"";position:absolute;top:0;left:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--kit-accent),transparent);box-shadow:0 0 14px var(--kit-accent);animation:cyber-edge 5s ease-in-out infinite alternate}.night-spotlight::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#d1eaff0e 45%,transparent 55%);transform:translateX(-110%);animation:cyber-sweep 6.5s ease-in-out infinite}.night-spotlight-label span:first-child{color:color-mix(in srgb,var(--kit-accent),#d1eafa 30%)}.night-spotlight-label{color:#9bb2c7;font-size:8px}.night-spotlight-art{aspect-ratio:1;box-shadow:0 0 35px #0004}.night-spotlight-art>span{background:none;animation:none;box-shadow:inset 0 0 0 1px #bce1ff25}.night-spotlight-meta h2{font-size:28px;letter-spacing:-.035em}.night-spotlight-listen{color:#c1d8e7}.night-spotlight-listen svg{color:var(--kit-accent)}.cyber-feature-controls{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;gap:12px;color:#9cb2c8;font-size:10px}.cyber-feature-controls>div{display:flex;gap:10px}.cyber-feature-controls button{display:flex;align-items:center;gap:8px;padding:8px 4px;background:none;color:#778d9f;border:0;font-size:9px;min-height:32px}.cyber-feature-controls button[aria-pressed="true"]{color:#d4e8f7}.cyber-feature-controls i{display:block;width:25px;height:2px;background:#66829b4f;position:relative;overflow:hidden}.cyber-feature-controls button[aria-pressed="true"] i{background:var(--stage-accent);box-shadow:0 0 8px color-mix(in srgb,var(--stage-accent),transparent 50%)}.cyber-stage .cyber-feature-controls button[aria-pressed="true"] i::after{content:"";position:absolute;inset:0;background:#09131acc;animation:var(--feature-progress-name,cyber-progress) 5s linear both;animation-play-state:paused}.cyber-stage.is-cycling .cyber-feature-controls button[aria-pressed="true"] i::after{animation-play-state:running}
.featured-section{padding-top:76px}.featured-section::before{background:linear-gradient(90deg,transparent,#7bccff80,transparent)}.section-heading h2{color:#e2ebf4;font-size:clamp(30px,3.4vw,46px)}.section-heading .eyebrow{color:#8dc7eb}.product-card{transition:transform .6s,opacity .8s!important}.product-card:hover{transform:translateY(-7px)}.product-card .card-art{border:1px solid #92c5e91c;box-shadow:0 12px 30px #0004}.product-card .card-art::after{background:linear-gradient(110deg,transparent 30%,#ccecff18 45%,transparent 60%);transform:translateX(-120%);box-shadow:none}.product-card:hover .card-art::after{animation:cyber-sweep 1.3s ease both}.product-card:hover .card-art{border-color:color-mix(in srgb,var(--kit-accent),transparent 65%);box-shadow:0 10px 35px color-mix(in srgb,var(--kit-accent),transparent 92%)}.product-card .card-meta .eyebrow{color:color-mix(in srgb,var(--kit-accent),#a9c4d8 35%)}.product-card .quick-add{color:#b4daf3!important}.product-card.reveal-ready:not(.is-shown){transform:translateY(36px);opacity:0}.category-grid>a{position:relative;overflow:hidden}.category-grid>a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#38658930,transparent 75%);transform:translateX(-100%);transition:transform .65s;pointer-events:none}.category-grid>a:hover::before{transform:translateX(0)}.category-grid>a:hover{color:#b4e5ff}.category-grid svg{color:#9edcff;transition:transform .4s}.category-grid>a:hover svg{transform:translateX(6px)}.site-footer{background:#070b12}.footer-signoff strong{color:#7298b76b}.footer-grid h2{color:#a0cce9}.catalog-heading::before{background:none}
@keyframes cyber-city{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.09) translateX(.5%)}}@keyframes cyber-haze{from{translate:-3% 1%;opacity:.4}to{translate:3% -2%;opacity:1}}@keyframes cyber-beam{from{transform:translateX(-15%) rotate(-9deg)}to{transform:translateX(20%) rotate(9deg)}}@keyframes cyber-grid-flow{to{background-position:0 85px}}@keyframes cyber-dot{50%{opacity:.4}}@keyframes cyber-type-light{0%,75%,100%{text-shadow:0 0 35px #549cee40}80%,90%{text-shadow:2px 0 #739ac655,-2px 0 #b7dfff44,0 0 50px #7fccff70}}@keyframes cyber-signal{to{transform:scaleY(2.3);opacity:.35}}@keyframes cyber-aura{from{transform:scale(.85);opacity:.5}to{transform:scale(1.12);opacity:1}}@keyframes cyber-card-in{from{opacity:0;transform:translateY(16px) rotateY(-5deg)}to{opacity:1;transform:none}}@keyframes cyber-edge{to{left:65%}}@keyframes cyber-sweep{0%,20%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}@keyframes cyber-progress{from{transform:translateX(0)}to{transform:translateX(100%)}}
.night-paused .night-hero *,.night-paused .night-hero *::before,.night-paused .night-hero *::after,.cyber-offscreen *,.cyber-offscreen *::before,.cyber-offscreen *::after{animation-play-state:paused!important}
.night-paused .night-spotlight{animation:none!important}
@media(max-width:1000px){.night-composition{gap:6%;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.night-title h1{font-size:clamp(44px,6vw,68px)}.night-actions{flex-direction:column;align-items:start;gap:18px}.cyber-stage::after{display:none}}
@media(max-width:700px){.night-hero{min-height:0;padding-top:108px}.night-composition{grid-template-columns:1fr;gap:20px;padding-top:33px}.night-title h1{font-size:clamp(43px,12vw,65px);max-width:100%;line-height:1.14}.night-title h1 em{line-height:1.14}.night-title .eyebrow{margin-bottom:19px}.night-copy{font-size:14px;max-width:330px}.cyber-signal{height:17px;margin-top:19px}.night-actions{flex-direction:row;align-items:center;gap:18px}.night-title h1{margin-bottom:0}.cyber-stage{padding-top:16px;margin:4px 8px 0 0}.cyber-stage::before{inset:5px -8px 56px 10px;transform:none}.night-spotlight{max-width:none;padding:13px}.night-spotlight-meta h2{font-size:27px}.cyber-feature-controls{padding-top:11px}.night-bottom{margin-top:5px}.cyber-light{width:150%;opacity:.45;filter:blur(40px)}.night-shade{background:linear-gradient(0deg,#070b12,transparent 60%),linear-gradient(90deg,#060c17c9,#060c1733)}.night-city{opacity:.3}.featured-section{padding-top:55px}.product-card:hover{transform:none}.cyber-grid{inset:70% -40% -30%}.night-topline{font-size:8px}}
@media(prefers-reduced-motion:reduce){.night-hero *,.night-hero *::before,.night-hero *::after,.product-card .card-art::after{animation:none!important}.product-card,.category-grid>a::before,.category-grid svg{transition:none!important}.product-card:hover{transform:none}.night-city{transform:none}}

.night-city{opacity:.9;filter:none;object-position:50% 48%;animation:cyber-city 30s ease-in-out infinite alternate}.night-shade{background:linear-gradient(90deg,#040a1399,transparent 73%),linear-gradient(0deg,#070b12,transparent 43%,#07102015)}.night-haze{background:radial-gradient(ellipse at 66% 48%,#2682b51c,transparent 56%)}.cyber-light{opacity:.28}.cyber-grid{opacity:.18}.site-footer::before{opacity:.48}.catalog-heading::before{background:none}
@media(max-width:700px){.night-city{opacity:.75;object-position:59% center}.night-shade{background:linear-gradient(0deg,#070b12,transparent 68%),linear-gradient(90deg,#060c1799,#060c1722)}.cyber-light{opacity:.25}.cyber-grid{opacity:.15}}

.night-city{opacity:.85;object-position:50% 50%;animation:cyber-city 32s ease-in-out infinite alternate}.night-shade{background:linear-gradient(90deg,#04091144,transparent 75%),linear-gradient(0deg,#070b12,transparent 48%,#07102018)}.night-haze{background:radial-gradient(ellipse at 70% 40%,#5d73b41b,transparent 55%)}.cyber-light{opacity:.2}.cyber-stage::before,.cyber-stage::after{border-color:#aac9e519}.site-footer::before{opacity:.35}
@media(max-width:700px){.night-city{opacity:.8;object-position:53% center}.night-shade{background:linear-gradient(0deg,#070b12,transparent 65%),linear-gradient(90deg,#060c1755,#060c171a)}.cyber-light{opacity:.2}}

.night-city{opacity:.88;object-position:50% 46%;animation:romantic-drift 28s ease-in-out infinite alternate}.night-shade{background:linear-gradient(90deg,#030a1466,transparent 60%),linear-gradient(0deg,#070b12,transparent 43%,#0710200d)}.night-haze{background:radial-gradient(ellipse at 56% 40%,#298ba419,transparent 50%)}.cyber-light{opacity:.14}.night-title h1{text-shadow:0 2px 30px #0209158c}.night-copy{color:#c1d0df;text-shadow:0 1px 14px #020915}.night-spotlight{background:linear-gradient(130deg,#152e438c,#081522cf 60%)}
@keyframes romantic-drift{from{transform:scale(1.01) translateX(-.25%)}to{transform:scale(1.045) translateX(.25%)}}
@media(max-width:700px){.night-sky{height:780px;bottom:auto}.night-city{opacity:.82;object-position:43% top}.night-shade{background:linear-gradient(0deg,#070b12,transparent 65%),linear-gradient(90deg,#060c1755,#060c171a)}.cyber-light{opacity:.12}.night-copy{max-width:310px}}