.product-hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;background:var(--ink)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,rgba(13,7,33,.92) 0,rgba(26,10,46,.62) 42%,rgba(26,10,46,.12) 70%,transparent 100%),linear-gradient(0deg,rgba(13,7,33,.85) 0,transparent 38%)}.hero-inner{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(24px,6vw,80px)}.hero-text{max-width:600px}.hero-text .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:22px}.hero-text .eyebrow::before{content:"";width:34px;height:1px;background:var(--accent)}.hero-text h1{font-size:clamp(2.8rem, 6.5vw, 5.2rem);font-weight:900;line-height:.98;letter-spacing:-.03em;color:#fff;margin:0;overflow-wrap:break-word;hyphens:auto}.hero-text h1 .accentword{background:linear-gradient(120deg,#b794ff,#8b2fe0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text .subtitle{margin-top:26px;max-width:440px;font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.72)}.hero-cta{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}.btn-ghost,.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:9999px;font-size:.86rem;font-weight:700;letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s}.btn-primary{background:var(--accent);color:#fff;border:1.5px solid var(--accent);box-shadow:0 16px 40px rgba(139,47,224,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(139,47,224,.5)}.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}.btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.hero-inner.has-still{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,72px);align-items:center}@media (min-width:920px){.hero-inner.has-still{grid-template-columns:minmax(0,1.05fr) minmax(330px,0.95fr)}}.hero-still{position:relative;margin:0;justify-self:center;width:min(420px,78vw);border-radius:28px;padding:clamp(18px,2.6vw,30px);background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px rgba(13,7,33,.55);backdrop-filter:blur(10px);animation:7s ease-in-out infinite stillFloat}.hero-still::before{content:"";position:absolute;inset:14% 14% 22%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(183,148,255,.55),rgba(139,47,224,.15) 55%,transparent 72%);filter:blur(6px);z-index:0}.hero-still img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:16px;mix-blend-mode:normal}.hero-still figcaption{position:relative;z-index:1;margin-top:16px;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.62)}@keyframes stillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width:919px){.hero-still{margin-top:8px}.product-hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:112px;padding-bottom:40px}}.scroll-down-btn{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.45);font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:color .3s}.scroll-down-btn:hover{color:rgba(255,255,255,.85)}@media (max-width:919px){.scroll-down-btn{position:static;transform:none;align-self:center;margin-top:28px}}.scroll-down-btn .mouse{width:24px;height:38px;border-radius:12px;border:2px solid rgba(255,255,255,.28);display:flex;justify-content:center;padding-top:8px}.scroll-down-btn .mouse .dot{width:3px;height:8px;border-radius:2px;background:rgba(255,255,255,.6);animation:2s ease-in-out infinite scrollDot}@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}}.showcase{position:relative;padding:clamp(80px,10vw,130px) 24px;background:radial-gradient(900px 500px at 85% -10%,rgba(139,47,224,.1),transparent 60%),linear-gradient(180deg,#fff 0,#faf7ff 100%)}.product-grid{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.product-grid-stack{max-width:1080px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:clamp(20px,2.6vw,36px)}.pg-img{display:block;width:100%;height:auto;border-radius:20px;background:linear-gradient(160deg,#f3e8ff,#faf7ff);box-shadow:0 26px 64px rgba(91,26,158,.16);transition:transform .5s cubic-bezier(.22, 1, .36, 1),box-shadow .5s cubic-bezier(.22, 1, .36, 1)}.product-grid-stack .pg-img{width:auto;max-width:100%;max-height:clamp(300px,52vh,500px);object-fit:contain;border:1px solid rgba(139,47,224,.1)}.product-grid-stack .pg-banner,.product-grid-stack .pg-wide{flex-basis:100%;width:100%;max-width:100%;max-height:none}.product-mosaic{max-width:1080px;display:grid;grid-template-columns:731fr 863fr;grid-template-rows:1fr 1fr;gap:clamp(12px,1.6vw,20px);aspect-ratio:1600/836}.product-mosaic .pg-img{width:100%;height:100%;object-fit:cover;max-height:none;border:1px solid rgba(139,47,224,.1)}.product-mosaic .pg-img:first-child{grid-column:2;grid-row:1}.product-mosaic .pg-img:nth-child(2){grid-column:1;grid-row:1/span 2}.product-mosaic .pg-img:nth-child(3){grid-column:2;grid-row:2}.product-grid .pg-img.js-reveal-fade{transition-delay:var(--pg-delay, 0ms)}.product-grid .pg-img.js-reveal-fade.visible:hover{transition-delay:0s}.pg-img:hover{transform:translateY(-6px);box-shadow:0 38px 80px rgba(91,26,158,.24)}.pg-banner{border-radius:26px;box-shadow:0 34px 78px rgba(91,26,158,.2)}@media (max-width:640px){.product-mosaic{aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:auto}.product-mosaic .pg-img{grid-column:1!important;grid-row:auto!important;height:auto;aspect-ratio:1600/537;object-fit:cover}.product-grid{gap:14px}.pg-img{border-radius:14px}.pg-banner{border-radius:18px}}.showcase-head{max-width:1340px;margin:0 auto clamp(40px,5vw,64px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.showcase-head .label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.showcase-head h2{font-size:clamp(2rem, 4vw, 3.1rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin:0;max-width:16ch}.showcase-head p{max-width:360px;color:var(--muted);font-size:.98rem;line-height:1.7;margin:0}.bento{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.bento-cell{position:relative;overflow:hidden;border-radius:0;display:flex;isolation:isolate;color:#fff;transition:transform .5s cubic-bezier(.22, 1, .36, 1),box-shadow .5s}.bento-cell .media-bg{position:absolute;inset:0;z-index:-2}.bento-wide{grid-column:1/-1}.bento-banner{display:block;background:linear-gradient(120deg,#f3e8ff,#faf7ff)}.bento-banner img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .7s cubic-bezier(.22, 1, .36, 1)}.bento-banner:hover img{transform:scale(1.02)}.bento-col{display:flex;flex-direction:column}.bento-half{aspect-ratio:1/1;align-items:stretch;justify-content:stretch;padding:0;background:radial-gradient(75% 75% at 50% 42%,rgba(255,255,255,.6),transparent 70%),linear-gradient(160deg,#f3e8ff,#e7dbff)}.bento-half-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22, 1, .36, 1)}.bento-half:hover .bento-half-img{transform:scale(1.04)}.bento-caption{padding:18px 4px 0}.bento-caption h4{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.bento-caption p{margin:5px 0 0;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.bento-cell .kicker{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:6px}.bento-cell h3{font-size:clamp(1.3rem, 2.2vw, 1.8rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0}@media (max-width:760px){.bento{gap:8px}.bento-caption{padding:12px 2px 0}.bento-caption h4{font-size:.92rem}.bento-caption p{font-size:.72rem}}@media (max-width:480px){.bento{gap:6px}.bento-caption h4{font-size:.82rem}.bento-caption p{font-size:.66rem}}.grid-search{max-width:1340px;margin:0 auto clamp(28px,4vw,46px);display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid rgba(139,47,224,.16);border-radius:9999px;padding:7px 7px 7px 28px;box-shadow:0 16px 44px rgba(139,47,224,.08);transition:border-color .3s,box-shadow .3s}.grid-search:focus-within{border-color:var(--accent);box-shadow:0 20px 56px rgba(139,47,224,.18)}.grid-search>svg{width:22px;height:22px;color:var(--accent);flex-shrink:0}.grid-search input{flex:1;border:0;outline:0;background:0 0;font-family:inherit;font-size:1rem;color:var(--ink);padding:15px 0}.grid-search input::placeholder{color:rgba(26,10,46,.4)}.grid-search button{border:0;cursor:pointer;flex-shrink:0;background:var(--accent);color:#fff;font-family:inherit;font-weight:700;font-size:.85rem;letter-spacing:.02em;padding:15px 32px;border-radius:9999px;transition:background .3s,transform .3s}.grid-search button:hover{background:var(--accent-deep);transform:translateY(-1px)}@media (max-width:560px){.grid-search button{padding:14px 20px}}.range-next,.range-prev{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:1px solid rgba(139,47,224,.25);background:rgba(255,255,255,.7);color:var(--accent-deep);box-shadow:0 10px 26px rgba(91,26,158,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s,opacity .3s,box-shadow .3s}.range-next:hover,.range-prev:hover{background:var(--accent);color:#fff;transform:scale(1.06);box-shadow:0 14px 32px rgba(139,47,224,.3)}.range-next svg,.range-prev svg{width:20px;height:20px}@media (max-width:760px){.range-next,.range-prev{width:44px;height:44px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.still-colors{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;margin-top:16px}.swatch{width:26px;height:26px;border-radius:50%;padding:0;cursor:pointer;background:var(--swatch,#888);border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s,border-color .25s}.swatch:hover{transform:translateY(-2px) scale(1.08)}.swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--accent),0 4px 12px rgba(0,0,0,.4)}.swatch:focus-visible{outline:#fff solid 2px;outline-offset:2px}.js-still-img{transition:opacity .3s}.related{padding:clamp(80px,10vw,120px) 0;background:radial-gradient(1000px 600px at 15% -10%,rgba(139,47,224,.08),transparent 60%),linear-gradient(180deg,#fff 0,#faf7ff 100%);overflow:hidden}.related-head{text-align:center;padding:0 24px;margin-bottom:clamp(36px,4vw,52px)}.related-head .label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.related-head h2{font-size:clamp(1.9rem, 3.6vw, 2.8rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0}.related-head p{color:var(--muted);margin:12px auto 0;max-width:420px;font-size:.96rem;line-height:1.6}.related-slider{position:relative;display:flex;align-items:center;gap:12px;max-width:1340px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.related-track{flex:1;display:flex;gap:clamp(16px,2vw,22px);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:8px 4px 14px;outline:0;cursor:grab}.related-track::-webkit-scrollbar{display:none}.rcard{flex:0 0 clamp(232px,78vw,272px);scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(91,26,158,.08);box-shadow:0 14px 36px rgba(91,26,158,.1);text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.22, 1, .36, 1),box-shadow .4s}.related-track .rcard.js-reveal-fade{transition-delay:var(--pg-delay, 0ms)}.rcard:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(91,26,158,.18)}.rcard-media{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,#f3e8ff,#faf7ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.rcard-media img{width:100%;height:100%;object-fit:cover}.rcard-code{position:absolute;top:12px;left:12px;z-index:1;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);background:rgba(255,255,255,.85);padding:5px 9px;border-radius:999px;backdrop-filter:blur(4px)}.rcard-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:3px;flex:1}.rcard-series{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.rcard-name{margin:2px 0 0;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.15}.rcard-cta{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:var(--accent-deep)}.rcard-cta svg{width:15px;height:15px;transition:transform .3s}.rcard:hover .rcard-cta svg{transform:translateX(3px)}.related-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.related-track.is-dragging .rcard{pointer-events:none}.related-track img{-webkit-user-drag:none;user-select:none}.related-scrubber{max-width:1340px;margin:clamp(26px,3vw,40px) auto 0;padding:12px clamp(16px,4vw,40px);cursor:pointer;touch-action:none;user-select:none}.related-scrubber-track{position:relative;display:block;height:4px;border-radius:999px;background:rgba(91,26,158,.12);transition:height .2s,background .2s}.related-scrubber.is-grabbing .related-scrubber-track,.related-scrubber:hover .related-scrubber-track{height:6px}.related-scrubber:focus-visible{outline:0}.related-scrubber:focus-visible .related-scrubber-track{background:rgba(91,26,158,.2);box-shadow:0 0 0 3px rgba(139,47,224,.18)}.related-scrubber-fill{position:absolute;top:0;left:0;height:100%;width:25%;min-width:36px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-deep));box-shadow:0 2px 12px rgba(139,47,224,.45);will-change:transform}.related-scrubber.is-grabbing{cursor:grabbing}@media (max-width:600px){.related-slider .range-next,.related-slider .range-prev{display:none}.related-slider{padding:0 16px}}@media (prefers-reduced-motion:reduce){.hero-still{animation:none}.related-track{scroll-behavior:auto}}