:root{--bg:#090e0c;--ink:#f0f2eb;--muted:#bdc4bd;--sage:#c5d7b1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--sage);outline-offset:5px}.skip{position:absolute;left:12px;top:-90px;z-index:20;background:white;color:black;padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{height:88px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;position:absolute;top:0;left:0;width:100%;z-index:5}header img{width:116px}nav{display:flex;gap:32px;align-items:center;font-size:15px}.nav-shop{border:1px solid #819078;padding:10px 19px;border-radius:3px}.hero{position:relative;overflow:hidden;padding:132px 5% 65px;min-height:830px}.prison-bg{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 45%),linear-gradient(90deg,#090e0c66,#090e0ca8),url('assets/prison-scene.jpg') center/cover;opacity:.85}.hero-inner{position:relative;max-width:1420px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:1%}.hero-copy{text-align:center;max-width:580px}.season{width:220px;height:64px;overflow:hidden;margin:auto}.season img{width:220px;max-width:none}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--muted)}.presents{margin:18px 0 0;font-size:11px;letter-spacing:.4em}h1{margin:-12px auto -5px;width:min(100%,460px);line-height:1}.ghost-title{filter:brightness(1.6) contrast(1.08);mix-blend-mode:screen;animation:light-in 1.8s ease both}h2,h3,.tagline{font-family:'Barlow Condensed',sans-serif;line-height:1.03}.tagline{font-size:37px;margin:4px 0 20px;font-weight:600}.edition{font-size:15px;color:var(--muted);margin:0 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 28px;background:var(--sage);color:#111a12;font-weight:700;border:1px solid var(--sage);border-radius:3px;transition:background .2s}.button:hover{background:#e0ead6}.presenters{width:240px;margin:24px auto 0}.hero-product{position:relative;padding-top:105px;text-align:center}.hero-product img{width:100%;mix-blend-mode:screen;filter:brightness(1.16)}.hero-product .eyebrow{display:block;margin:30px 0}.lamp{position:absolute;right:18%;top:100px;width:240px;height:540px;background:radial-gradient(ellipse at 50% 0,#cedcad28,transparent 67%);transform:rotate(-15deg);animation:lamp 9s infinite;pointer-events:none}.wrap{max-width:1260px;width:90%;margin:auto}.prison-feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:50px 0 110px}.feature-copy h2{font-size:clamp(44px,5vw,72px);margin:20px 0 30px}.feature-copy h2 span{color:var(--sage)}.feature-copy>p:not(.eyebrow){max-width:460px;color:var(--muted)}.release{border-left:2px solid var(--sage);padding:4px 0 4px 20px;margin:30px 0 20px}.release strong,.release span{display:block}.release span{font-size:14px;color:var(--muted)}.quiet-link{text-decoration:underline;text-underline-offset:5px;font-size:14px}.film{scroll-margin-top:100px}.film video{display:block;width:100%;aspect-ratio:1;background:#000;border:1px solid #ffffff20;border-radius:8px}.film-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;margin-top:12px;color:var(--muted)}.halloween{border-top:1px solid #ffffff20;background:radial-gradient(ellipse at top,#292626 0,transparent 550px),#101311;padding:90px 0}.collection-head{text-align:center;margin-bottom:50px}.collection-head h2{font-size:clamp(62px,8vw,110px);letter-spacing:-.02em;margin:24px 0}.collection-head h2 span{color:#a7b39e}.collection-head>p:last-child{color:#c5cbc4}.filter-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter-row button{border:1px solid #60675f;border-radius:30px;padding:10px 20px;background:transparent;color:#e3e6de;font-size:14px;min-height:44px}.filter-row button[aria-pressed=true]{background:var(--sage);color:#111;border-color:var(--sage)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 24px}.product-card[hidden]{display:none}.product-photo{display:block;background:#fff;border-radius:8px;overflow:hidden}.product-photo img{width:100%;aspect-ratio:9/7;object-fit:contain;transition:transform .3s}.product-photo:hover img{transform:scale(1.035)}.product-copy{text-align:center;padding:23px 5px 5px}.product-copy h3{font-size:34px;text-transform:uppercase;margin:0 0 12px}.song{font-size:16px;margin:0 0 3px}.inspired{font-size:12px;color:#aeb7ad;margin:0 0 10px}.product-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid #697360}.product-link:hover{color:var(--sage)}.view-all{text-align:center;margin:60px 0 0}.outline{background:transparent;color:var(--ink);border-color:#829079}.outline:hover{background:#263125}.signoff{text-align:center;padding:85px 0}.signoff h2{font-size:60px;margin:25px 0}.signoff>p:last-child{color:var(--muted)}footer{text-align:center;border-top:1px solid #ffffff20;padding:45px 5%;font-size:12px;color:var(--muted)}footer img{margin:auto}footer>div{display:flex;justify-content:center;gap:28px;align-items:center;margin:20px 0}footer button{background:none;border:0;color:inherit;padding:12px 0;font-size:12px}.mobile-shop{display:none}@keyframes light-in{0%,16%{opacity:.15;filter:brightness(.5)}22%{opacity:.8}27%{opacity:.25}42%{opacity:1;filter:brightness(1.6)}100%{opacity:1;filter:brightness(1.6) contrast(1.08)}}@keyframes lamp{0%,60%,70%,100%{opacity:.65}63%{opacity:.25}66%{opacity:.75}}.paused *{animation:none!important;scroll-behavior:auto!important}
@media(max-width:760px){header{height:72px;padding:10px 5%}header img{width:94px}nav{gap:16px;font-size:13px}nav>a:nth-child(2){display:none}.nav-shop{padding:8px 11px}.hero{padding:105px 5% 35px;min-height:0}.hero-inner{display:flex;flex-direction:column;gap:0}.hero-copy{width:100%}.season{width:190px;height:55px}.season img{width:190px}.presents{margin-top:16px}h1{width:290px;margin:-10px auto -6px}.tagline{font-size:32px;margin-bottom:18px}.edition{font-size:14px}.presenters{width:210px;margin-top:22px}.hero-product{padding-top:30px;max-width:570px}.hero-product .eyebrow{margin:12px 0 0;font-size:10px}.lamp{right:-80px;opacity:.2;height:400px;width:170px}.prison-feature{grid-template-columns:1fr;gap:35px;padding:30px 0 60px}.feature-copy{text-align:center}.feature-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.feature-copy h2{font-size:48px;margin-bottom:22px}.release{border-left:0;border-top:1px solid #ffffff30;padding:20px 0 0;margin:24px auto 14px;max-width:300px}.film{max-width:500px;width:100%;margin:auto}.halloween{padding:55px 0}.collection-head{margin-bottom:30px}.collection-head h2{font-size:65px}.collection-head>p:last-child{font-size:15px}.filter-row{gap:8px;justify-content:flex-start}.filter-row button{font-size:12px;padding:8px 13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.product-copy{padding:16px 0 0}.product-copy h3{font-size:25px;margin-bottom:10px}.song{font-size:13px;line-height:1.45;min-height:38px}.inspired{font-size:11px}.product-link{font-size:13px;gap:8px}.view-all{margin-top:40px}.signoff{padding:55px 0}.signoff h2{font-size:48px}.signoff>p:last-child{font-size:15px}.mobile-shop{position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;justify-content:space-between;align-items:center;background:#101611f2;border-top:1px solid #ffffff30;padding:10px 5% calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-shop span{font-size:10px;letter-spacing:.08em}.mobile-shop a{background:var(--sage);color:#111;padding:11px 16px;font-size:13px;font-weight:700;border-radius:3px}footer{padding-bottom:110px}footer>div{gap:20px}.film-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.hero-product img{mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 72%,transparent 99%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 72%,transparent 99%)}
.ghost-title{mask-image:linear-gradient(0deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(0deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in}@media(max-width:760px){.lamp{display:none}}
/* Ghost-only hero; bracelet and trailer form the second feature. */
.hero-inner{display:flex;justify-content:center}.hero-copy{width:100%;max-width:620px}.hero{min-height:0;padding-bottom:65px}.prison-feature{gap:6%;align-items:center;padding-top:35px}.bracelet-card{text-align:center}.bracelet-card .hero-product{padding-top:0}.bracelet-card .hero-product .eyebrow{margin:0 0 24px}.bracelet-card .feature-copy h2{font-size:52px;margin:16px 0 22px}.bracelet-card .feature-copy>p{margin-left:auto;margin-right:auto}.bracelet-card .release{border-left:0;padding-left:0}.prison-feature .film{align-self:center}@media(max-width:760px){.hero{padding-bottom:35px}.prison-feature{gap:35px}.bracelet-card .feature-copy h2{font-size:44px}}
.prison-feature .film{align-self:start;margin-top:20px}@media(max-width:760px){.prison-feature .film{margin-top:0}}
/* The selling bracelet leads; trailer is supporting content. */
.prison-feature{max-width:1440px;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:4%;padding-top:55px}.product-intro-label{margin:0 0 24px}.bracelet-card .hero-product img{mix-blend-mode:normal;filter:none;mask-image:none;-webkit-mask-image:none;border-radius:10px;width:100%}.bracelet-card .hero-product .eyebrow{margin:20px 0 28px}.bracelet-card .feature-copy{max-width:660px;margin:auto}.bracelet-card .feature-copy h2{font-size:56px}.prison-feature .film{margin-top:44px}.film-caption{flex-wrap:wrap;gap:4px 12px}@media(max-width:760px){.prison-feature{grid-template-columns:minmax(0,1fr);width:100%;padding-top:25px;gap:40px}.product-intro-label{padding:0 5%;font-size:11px}.bracelet-card .hero-product img{border-radius:0}.bracelet-card .feature-copy{padding:0 6%}.bracelet-card .feature-copy h2{font-size:44px}.prison-feature .film{width:88%;margin:0 auto}.bracelet-card .hero-product .eyebrow{margin:18px 0 24px}}
/* Portrait trailer in the hero, with the bracelet given its own wide stage. */
.hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:7%;max-width:1120px;align-items:center}.hero-film{text-align:center;scroll-margin-top:110px}.phone-frame{width:290px;max-width:100%;margin:auto;padding:8px;background:#171b19;border:1px solid #667064;border-radius:40px;box-shadow:0 28px 70px #0009, inset 0 0 0 2px #070a08}.phone-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:32px;background:black}.hero-film>.eyebrow{font-size:10px;margin-top:20px}.prison-feature{display:block;max-width:1120px}.bracelet-card .hero-product{max-width:1000px;margin:auto}.bracelet-card .feature-copy{max-width:720px}.bracelet-card .feature-copy>p:not(.eyebrow){max-width:640px}@media(max-width:760px){.hero-inner{display:flex;flex-direction:column;gap:35px}.hero-film{width:100%}.phone-frame{width:260px;border-radius:35px}.phone-frame video{border-radius:27px}.hero{padding-bottom:25px}.prison-feature{width:100%}.hero-film>.eyebrow{margin-bottom:0}}

/* Real-photo angle viewer for The Ghost. */
.spin-shell{max-width:1040px;margin:0 auto 34px}.spin-stage{position:relative;aspect-ratio:1132/504;overflow:hidden;background:#dfe3e3;border:1px solid #ffffff26;border-radius:12px;cursor:ew-resize;touch-action:pan-y;user-select:none;box-shadow:0 34px 90px #0009}.spin-stage:focus-visible{outline:3px solid var(--sage);outline-offset:6px}.spin-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .16s ease}.spin-frame.is-active{opacity:1;visibility:visible}.spin-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #07100b4d}.spin-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);margin:0;padding:8px 13px;border:1px solid #ffffff31;border-radius:30px;background:#090e0ccc;color:#f2f4ee;font-size:11px;font-weight:700;letter-spacing:.14em;white-space:nowrap;pointer-events:none}.spin-hint span{font-size:18px;line-height:0;vertical-align:-2px;margin-right:5px}.spin-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.spin-controls button{min-width:44px;min-height:44px;border:1px solid #606b61;border-radius:50%;background:#111713;color:#f0f2eb}.spin-controls button:hover{border-color:var(--sage);color:var(--sage)}.spin-controls [data-spin-status]{min-width:92px;color:#aeb6ae;font-size:11px;letter-spacing:.13em}.spin-controls .spin-auto{border-radius:24px;padding:0 17px;margin-left:6px;font-size:12px;min-width:105px}.spin-controls .spin-auto[aria-pressed=true]{background:var(--sage);border-color:var(--sage);color:#111a12}.ghost-buy{margin:18px 14px 18px 0}.feature-copy .ghost-buy+.quiet-link{display:inline-flex;min-height:52px;align-items:center;padding:0 8px}@media(max-width:760px){.spin-shell{margin-bottom:28px}.spin-stage{border-radius:0;aspect-ratio:1.55}.spin-frame{object-fit:cover}.spin-hint{bottom:11px}.spin-controls{padding:0 5%}.spin-controls .spin-auto{padding:0 12px;min-width:96px}.ghost-buy{display:flex;width:min(100%,320px);margin:20px auto 7px}.feature-copy .ghost-buy+.quiet-link{display:inline-flex;margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.spin-frame{transition:none}}
/* Keep collection filters in one swipeable row. */
.filter-row{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:#697360 transparent;-webkit-overflow-scrolling:touch}.filter-row button{flex:0 0 auto;white-space:nowrap}@media(max-width:760px){.filter-row{justify-content:flex-start}}
/* Narrow-phone polish: keep navigation and the collection clear of the shortcut. */
.mobile-shop{transition:transform .2s ease,opacity .2s ease}.collection-in-view .mobile-shop{transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none}@media(max-width:360px){header img{width:84px}nav{gap:0}nav>a:first-child{display:none}.nav-shop{white-space:nowrap}.collection-head h2{font-size:58px}.product-grid{grid-template-columns:1fr;gap:34px}.product-copy{padding-top:18px}.product-copy h3{font-size:29px}.song{min-height:0}}
/* Halloween rail: native scrolling keeps every real product card available without a heavy carousel. */
.product-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 22px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#697360 transparent;-webkit-overflow-scrolling:touch}.product-grid:focus-visible{outline:3px solid var(--sage);outline-offset:8px}.product-card{flex:0 0 34%;min-width:0;scroll-snap-align:start}.product-card[hidden]{display:none}@media(max-width:760px){.product-grid{gap:16px;padding-bottom:18px}.product-card{flex-basis:78%}}@media(max-width:360px){.product-grid{display:flex;gap:16px}.product-card{flex-basis:84%}}
/* The trailer fills the portrait screen with an intentional center crop, not letterboxing. */
.phone-frame video{object-fit:cover;object-position:center}
/* Floating real-product viewer: studio backgrounds are removed in landing.js. */
.spin-stage{background:radial-gradient(ellipse at 50% 58%,#354039 0,#17201b 38%,#090e0c 74%);border:0;border-radius:0;box-shadow:none;isolation:isolate}
.spin-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#d7e8c612,transparent 45%);pointer-events:none}
.spin-object{position:absolute;inset:4% 2% 10%;opacity:0;animation:bracelet-float 4.8s ease-in-out infinite;filter:drop-shadow(0 32px 22px #000b)}
.spin-stage.is-cutout-ready .spin-object{opacity:1;transition:opacity .6s ease}
.spin-frame{object-fit:contain;filter:contrast(1.09) brightness(.9);transition:opacity .24s ease}
.spin-shadow{position:absolute;left:18%;right:18%;bottom:12%;height:13%;border-radius:50%;background:#0009;filter:blur(18px);animation:bracelet-shadow 4.8s ease-in-out infinite}
.spin-vignette{box-shadow:inset 0 0 100px #02050399}
@keyframes bracelet-float{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-12px) rotate(.35deg)}}
@keyframes bracelet-shadow{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(.92);opacity:.48}}
@media(max-width:760px){.spin-object{inset:2% -3% 12%}.spin-frame{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.spin-object,.spin-shadow{animation:none}}
/* Cinematic Ghost hero video. The prison still remains beneath it as the fallback. */
.hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:.76;filter:brightness(.62) saturate(.72) contrast(1.12)}
.hero-video-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#070b09c7 0%,#070b0970 48%,#070b099c 100%),linear-gradient(0deg,var(--bg) 0%,transparent 35%,#05080642 100%)}
.has-hero-video .prison-bg{opacity:.28}
.has-hero-video .hero-inner,.has-hero-video .lamp{z-index:2}
.has-hero-video .hero-inner{position:relative}
@media(max-width:760px){.hero-motion{object-position:center;opacity:.65}.hero-video-shade{background:linear-gradient(0deg,var(--bg) 0%,#070b096b 44%,#050806a8 100%)}}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none}.has-hero-video .prison-bg{opacity:.85}}
/* The supplied motion already contains the campaign title. */
.has-hero-video .hero-copy{padding-top:clamp(250px,42vh,440px)}
.has-hero-video .tagline{text-shadow:0 3px 18px #000,0 1px 4px #000}
@media(max-width:760px){.has-hero-video .hero-copy{padding-top:310px}.has-hero-video .hero-inner{gap:24px}}
/* Full-screen video hero: the motion itself carries the title and atmosphere. */
.hero.has-hero-video{height:100svh;min-height:680px;padding:0;display:flex;align-items:stretch;background:#000}
.has-hero-video .hero-motion{inset:0;width:100%;height:100%;opacity:1;filter:none;object-fit:cover;object-position:center}
.has-hero-video .prison-bg,.has-hero-video .lamp{display:none}
.has-hero-video .hero-video-shade{background:linear-gradient(0deg,#050806e8 0%,#05080670 17%,transparent 42%);z-index:1}
.has-hero-video .hero-inner{width:100%;max-width:none;display:flex;align-items:flex-end;justify-content:center;padding:0 5% 42px;z-index:2}
.has-hero-video .hero-copy{width:100%;max-width:none;padding:0;text-align:center}
.has-hero-video .hero-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.has-hero-video .tagline{font-size:25px;margin:0;text-shadow:0 2px 14px #000}
.has-hero-video .edition{margin:0;color:#eef1e9;text-shadow:0 2px 12px #000}
.has-hero-video .button{min-height:48px;padding:11px 24px}
.has-hero-video .presenters{width:165px;margin:0 0 0 4px}
@media(max-width:760px){.hero.has-hero-video{height:100svh;min-height:620px}.has-hero-video .hero-motion{opacity:1;filter:none;object-position:center center}.has-hero-video .hero-video-shade{background:linear-gradient(0deg,#050806f2 0%,#0508068a 20%,transparent 46%)}.has-hero-video .hero-inner{padding:0 18px calc(28px + env(safe-area-inset-bottom))}.has-hero-video .hero-actions{gap:10px;flex-direction:column}.has-hero-video .tagline{font-size:25px;line-height:1.12;max-width:330px}.has-hero-video .edition{font-size:14px}.has-hero-video .button{width:min(100%,290px)}.has-hero-video .presenters{width:150px;margin:2px 0 0}}
/* Lock the conversion row to the true bottom edge, clear of title artwork. */
.hero.has-hero-video{position:relative}
.has-hero-video .hero-inner{position:absolute;inset:0;display:block;padding:0;max-width:none}
.has-hero-video .hero-copy{position:absolute;left:0;right:0;bottom:0;padding:62px 5% 34px;background:linear-gradient(0deg,#050806f5 0%,#050806ad 55%,transparent 100%)}
.has-hero-video .hero-actions{max-width:1180px;margin:0 auto}
@media(max-width:760px){.has-hero-video .hero-copy{padding:72px 18px calc(22px + env(safe-area-inset-bottom))}.has-hero-video .hero-actions{gap:8px}.has-hero-video .tagline{font-size:23px}.has-hero-video .presenters{width:138px}}
/* The portrait Season 4 trailer remains as supporting story content below the product. */
.series-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:9%;align-items:center;padding:70px 0 110px}
.series-film-copy{max-width:520px}
.series-film-copy h2{font-size:clamp(52px,6vw,82px);margin:18px 0 25px}
.series-film-copy h2 span{color:var(--sage)}
.series-film-copy>p:not(.eyebrow){color:var(--muted);max-width:460px;margin-bottom:25px}
.series-film .phone-frame{width:330px}
@media(max-width:760px){.series-film{grid-template-columns:1fr;gap:38px;text-align:center;padding:55px 6% 75px}.series-film-copy{margin:auto}.series-film-copy h2{font-size:54px}.series-film .phone-frame{width:min(100%,290px)}}
/* Desktop keeps the portrait trailer inside the cinematic hero. */
.hero-trailer{position:absolute;right:7%;top:50%;transform:translateY(-48%);width:300px;text-align:center;z-index:3}
.hero-trailer:before{content:'';position:absolute;inset:-80px -100px;z-index:-1;background:radial-gradient(ellipse,#050806d9 0%,#0508068c 44%,transparent 72%);pointer-events:none}
.hero-trailer .phone-frame{width:280px}
.hero-trailer>.eyebrow{font-size:10px;margin-top:16px;color:#e2e6dd}
@media(min-width:761px){.has-hero-video .hero-copy{right:auto;width:62%;padding:60px 4% 30px}.has-hero-video .hero-actions{flex-direction:column;gap:9px;max-width:640px}.has-hero-video .tagline{font-size:30px}.has-hero-video .presenters{width:155px;margin:2px 0 0}.series-film{display:none}}
@media(max-width:760px){.hero-trailer{display:none}.series-film{display:grid}}
@media(min-width:761px) and (max-height:760px){.hero-trailer{width:245px;right:5%}.hero-trailer .phone-frame{width:225px}.has-hero-video .hero-copy{padding-bottom:18px}.has-hero-video .tagline{font-size:25px}}
/* Final hero framing: preserve the title while keeping the trailer supportive. */
@media(min-width:761px){.has-hero-video .hero-motion{object-position:34% center}.hero-trailer{right:4%;width:250px}.hero-trailer .phone-frame{width:235px}.hero-trailer:before{inset:-70px -80px}.has-hero-video .hero-copy{width:58%;padding-left:3%;padding-right:3%}.has-hero-video .hero-actions{max-width:580px}.has-hero-video .tagline{font-size:28px}}
@media(max-width:760px){.hero.has-hero-video{overflow:hidden}.has-hero-video .hero-motion{inset:0;transform:scale(.84);transform-origin:50% 42%;object-fit:cover;object-position:center}.has-hero-video .hero-video-shade{background:linear-gradient(0deg,#050806 0%,#050806d6 18%,transparent 45%)}.has-hero-video .hero-copy{padding-top:58px}.has-hero-video .tagline{font-size:22px;max-width:310px}}
@media(max-width:760px){.has-hero-video .hero-motion{top:72px;bottom:auto;width:100%;height:68%;transform:none;object-fit:contain;object-position:center top}.has-hero-video .hero-video-shade{background:linear-gradient(0deg,#050806 0%,#050806e8 24%,transparent 50%)}.has-hero-video .hero-copy{padding-top:50px}}
/* Separate media composition: Ghost motion left, portrait trailer beside it. */
@media(min-width:761px){.has-hero-video .hero-motion{left:2%;right:auto;top:88px;bottom:auto;width:64%;height:calc(100% - 88px);object-fit:contain;object-position:center;z-index:0}.has-hero-video .hero-video-shade{background:linear-gradient(0deg,#050806f2 0%,#0508069c 18%,transparent 42%)}.hero-trailer{right:5%;width:25%;max-width:255px}.hero-trailer .phone-frame{width:100%;max-width:235px}.has-hero-video .hero-copy{width:64%}}
@media(max-width:760px){.has-hero-video .hero-motion{left:9%;right:auto;top:88px;bottom:auto;width:82%;height:58%;object-fit:contain;object-position:center;transform:none}.has-hero-video .hero-video-shade{background:linear-gradient(0deg,#050806 0%,#050806ec 26%,transparent 54%)}.has-hero-video .hero-copy{padding-top:46px}.has-hero-video .tagline{font-size:21px}}
/* Feather every product angle into black so no studio-photo rectangle survives. */
.spin-object{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 89%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 89%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%);mask-composite:intersect}
.spin-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090e0c 0%,transparent 13%,transparent 87%,#090e0c 100%),linear-gradient(0deg,#090e0c 0%,transparent 17%,transparent 85%,#090e0c 100%);z-index:1}
.spin-hint{z-index:2}
@media(max-width:760px){.spin-object{-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}}
/* Campaign lockup above the Ghost motion; partner credit remains below the CTA. */
.hero-season{position:absolute;z-index:3;top:104px;left:2%;width:64%;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.hero-season img{width:190px;height:70px;object-fit:cover;object-position:top}
.hero-season span{margin-top:7px;font-size:10px;font-weight:700;letter-spacing:.42em;color:#e8ebe4}
@media(max-width:760px){.hero-season{top:82px;left:9%;width:82%}.hero-season img{width:150px;height:55px}.hero-season span{font-size:9px;margin-top:5px}.has-hero-video .hero-motion{top:132px;height:51%}}
@media(max-width:760px){.has-hero-video .hero-copy{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}
/* Feather the generated hero motion into the black page until a black-background master arrives. */
.has-hero-video .hero-motion{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%);mask-composite:intersect}
@media(max-width:760px){.has-hero-video .hero-motion{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%)}}
/* Strong black feather for pale frames inside the generated Ghost motion. */
.has-hero-video .hero-motion{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 8%,#000 24%,#000 76%,rgba(0,0,0,.25) 92%,transparent 100%),linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) 8%,#000 20%,#000 78%,rgba(0,0,0,.3) 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 8%,#000 24%,#000 76%,rgba(0,0,0,.25) 92%,transparent 100%),linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) 8%,#000 20%,#000 78%,rgba(0,0,0,.3) 91%,transparent 100%);mask-composite:intersect}
@media(max-width:760px){.has-hero-video .hero-motion{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.2) 10%,#000 27%,#000 73%,rgba(0,0,0,.2) 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 18%,#000 76%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.2) 10%,#000 27%,#000 73%,rgba(0,0,0,.2) 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 18%,#000 76%,transparent 100%)}}
/* Thin, even four-sided feather requested for the hero motion. */
.has-hero-video .hero-motion{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);mask-composite:intersect}
@media(max-width:760px){.has-hero-video .hero-motion{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%)}}
/* Static official product presentation replaces the experimental angle viewer. */
.ghost-static{max-width:1040px;margin:0 auto 38px;position:relative;background:#090e0c;overflow:hidden}
.ghost-static img{display:block;width:100%;height:auto;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.artist-proof{font-size:18px!important;line-height:1.65!important;color:#edf0e9!important;max-width:720px!important;margin:0 auto 28px!important}
.ghost-specs{max-width:680px;margin:0 auto 22px;padding:24px 28px 24px 48px;text-align:left;border-block:1px solid #ffffff24;color:#bdc4bd}
.ghost-specs li{padding:5px 0}
.stone-note{font-size:12px!important;color:#929c93!important;margin:0 auto 10px!important}
@media(max-width:760px){.ghost-static{margin-bottom:30px}.ghost-static img{min-height:250px;object-fit:cover}.artist-proof{font-size:16px!important;padding:0 8px}.ghost-specs{font-size:14px;padding:20px 16px 20px 38px;margin-inline:4%}.stone-note{padding:0 8%}}
.product-essentials{max-width:620px!important;margin:0 auto 14px!important;font-size:16px!important;color:#c4cbc3!important}
.edition-callout{max-width:620px!important;margin:0 auto 10px!important;font-size:14px!important;font-weight:700;color:#edf0e9!important;letter-spacing:.02em}
@media(max-width:760px){.product-essentials{padding:0 7%;font-size:15px!important}.edition-callout{padding:0 6%;font-size:13px!important}}
.sound-toggle{min-height:44px;padding:8px 12px;border:1px solid #ffffff32;border-radius:30px;background:#090e0cb8;color:#d9dfd7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sound-toggle[aria-pressed=true]{border-color:var(--sage);color:var(--sage)}
@media(max-width:760px){.sound-toggle{position:fixed;right:14px;bottom:78px;z-index:9;width:44px;height:44px;padding:0;overflow:hidden;font-size:0}.sound-toggle:before{content:'♪';font-size:20px}.sound-toggle[aria-pressed=true]:before{content:'♫'}}
/* Cinematic side prop: atmospheric only, never blocks the shopping rail. */
.halloween{position:relative;overflow:hidden;isolation:isolate}.halloween>.wrap{position:relative;z-index:2}.halloween-prop{--px:0deg;--py:0deg;position:absolute;z-index:1;right:-95px;top:85px;width:340px;pointer-events:none;transform:perspective(900px) rotateY(var(--px)) rotateX(var(--py));transform-style:preserve-3d;filter:drop-shadow(-18px 28px 34px #000c);animation:pumpkin-breathe 5.5s ease-in-out infinite}.halloween-prop img{width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse at center,#000 57%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 57%,transparent 82%)}.halloween-prop i{position:absolute;width:4px;height:4px;border-radius:50%;background:#cce8a4;box-shadow:0 0 10px 3px #9ac875;animation:ember-rise 3.4s ease-in infinite}.halloween-prop i:nth-of-type(1){left:48%;top:37%}.halloween-prop i:nth-of-type(2){left:69%;top:44%;animation-delay:1.1s}.halloween-prop i:nth-of-type(3){left:57%;top:53%;animation-delay:2.2s}@keyframes pumpkin-breathe{0%,100%{translate:0 0;filter:drop-shadow(-18px 28px 34px #000c) brightness(.9)}50%{translate:0 -9px;filter:drop-shadow(-18px 34px 38px #000d) brightness(1.04)}}@keyframes ember-rise{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:.85}100%{opacity:0;transform:translate(16px,-72px) scale(1.2)}}
@media(max-width:980px){.halloween-prop{right:-115px;width:285px;opacity:.8}}
@media(max-width:760px){.halloween-prop{right:-55px;top:105px;width:155px;opacity:.68}.halloween .collection-head{padding-right:46px}.halloween-prop i{display:none}}
@media(max-width:380px){.halloween-prop{width:128px;right:-48px;top:125px;opacity:.58}}
@media(prefers-reduced-motion:reduce){.halloween-prop,.halloween-prop i{animation:none}}
/* Place the cinematic pumpkin as the Halloween section's left-side stage prop. */
.halloween-prop{left:-95px;right:auto;top:85px;filter:drop-shadow(18px 28px 34px #000c)}
@media(max-width:980px){.halloween-prop{left:-115px;right:auto}}
@media(max-width:760px){.halloween-prop{left:-55px;right:auto;top:105px}.halloween .collection-head{padding-left:46px;padding-right:0}}
@media(max-width:380px){.halloween-prop{left:-48px;right:auto;top:125px}}
@media(max-width:760px){.halloween .collection-head{padding-left:0;padding-right:0}.halloween .filter-row{justify-content:center}.halloween-prop{left:-62px;width:142px;opacity:.62}}
@media(max-width:380px){.halloween-prop{left:-54px;width:122px}.halloween .filter-row{justify-content:center}}
/* Let the pumpkin sit behind the Halloween headline without affecting alignment. */
@media(max-width:760px){.halloween-prop{left:-12px;top:118px;width:178px;opacity:.46;filter:drop-shadow(14px 24px 30px #000d) brightness(.78)}.halloween .collection-head{position:relative;z-index:2}}
@media(max-width:380px){.halloween-prop{left:-18px;top:132px;width:155px;opacity:.42}}
/* Periodic visual laugh and spectral fire flare. */
.halloween-prop{animation:pumpkin-breathe 5.5s ease-in-out infinite,pumpkin-laugh 10s ease-in-out infinite}
.halloween-prop:after{content:'';position:absolute;left:18%;right:8%;top:43%;bottom:16%;background:radial-gradient(ellipse at 54% 58%,#dfffc9b8 0%,#9ede7270 24%,#6fac3d25 48%,transparent 70%);mix-blend-mode:screen;filter:blur(9px);opacity:.28;transform:scale(.88);animation:fire-flare 10s ease-in-out infinite;pointer-events:none}
@keyframes pumpkin-laugh{0%,69%,100%{rotate:0deg;scale:1}72%{rotate:-2.2deg;scale:1.015 .985}75%{rotate:2.6deg;scale:.99 1.02}78%{rotate:-1.6deg;scale:1.02 .98}81%{rotate:1deg;scale:1}84%{rotate:0deg;scale:1}}
@keyframes fire-flare{0%,68%,100%{opacity:.24;transform:scale(.88)}73%{opacity:.88;transform:scale(1.14)}78%{opacity:.52;transform:scale(.98)}82%{opacity:.78;transform:scale(1.08)}87%{opacity:.3;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.halloween-prop,.halloween-prop:after{animation:none}}
/* Raise the pumpkin to frame the AFTER headline, clear of the subcopy. */
.halloween-prop{top:52px}
@media(max-width:760px){.halloween-prop{top:22px}}
@media(max-width:380px){.halloween-prop{top:30px}}
.has-hero-video .presenters{width:205px}
@media(max-width:760px){.has-hero-video .presenters{width:210px}}
@media(max-width:760px){.has-hero-video .presenters{width:min(90vw,360px);margin-top:8px}.has-hero-video .presenters img{width:100%;height:auto}}
@media(max-width:760px){.hero.has-hero-video{height:min(760px,100svh);min-height:620px}.has-hero-video .hero-copy{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.has-hero-video .presenters{margin-top:3px}}
/* Center the pumpkin in the transition above the Halloween copy. */
.halloween-prop{left:50%;right:auto;top:18px;width:230px;opacity:.86;transform:translateX(-50%) perspective(900px) rotateY(var(--px)) rotateX(var(--py));filter:drop-shadow(0 24px 32px #000d)}
.halloween .collection-head{padding-top:210px}
@media(max-width:760px){.halloween{padding-top:34px}.halloween-prop{left:50%;right:auto;top:8px;width:165px;opacity:.78;transform:translateX(-50%) perspective(900px) rotateY(var(--px)) rotateX(var(--py));filter:drop-shadow(0 18px 25px #000d) brightness(.85)}.halloween .collection-head{padding-top:150px}}
@media(max-width:380px){.halloween-prop{left:50%;right:auto;top:8px;width:150px;opacity:.76}.halloween .collection-head{padding-top:136px}}
/* Let the pumpkin bridge the black section above and the Halloween edit. */
.halloween{overflow:visible}
.halloween-prop{top:-105px}
.halloween .collection-head{padding-top:115px}
@media(max-width:760px){.halloween-prop{top:-82px}.halloween .collection-head{padding-top:78px}}
@media(max-width:380px){.halloween-prop{top:-72px}.halloween .collection-head{padding-top:72px}}
/* Conversion details and compact product gallery. */
.ghost-gallery{min-width:0}.ghost-thumbs{display:flex;justify-content:center;gap:10px;margin-top:12px}.ghost-thumbs button{width:78px;height:58px;padding:0;border:1px solid #ffffff2b;border-radius:5px;overflow:hidden;background:#080b09;opacity:.62}.ghost-thumbs button.is-active{opacity:1;border-color:var(--sage);box-shadow:0 0 0 1px var(--sage)}.ghost-thumbs img{width:100%;height:100%;object-fit:cover}.ghost-price{margin:18px auto 2px!important;color:#fff!important;font-size:28px!important;font-weight:800}.ghost-sizes{margin:0 auto 18px!important;color:#cbd1ca!important;font-size:13px!important}.ghost-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 16px;margin:25px auto 0;max-width:660px;color:#aeb7ad;font-size:10px;font-weight:700;letter-spacing:.12em}.ghost-trust span+span:before{content:'·';margin-right:16px;color:var(--sage)}.lineup-extra{display:block}.lineup-more{text-align:center;margin-top:48px}.lineup-more .button{cursor:pointer}.view-all{margin-top:24px}.view-all .quiet-link{color:#aeb7ad}
@media(max-width:760px){.ghost-thumbs button{width:70px;height:52px}.ghost-price{font-size:25px!important}.ghost-trust{display:grid;gap:7px}.ghost-trust span+span:before{content:none}.lineup-more{margin-top:38px}}
/* Larger mobile product cards with a small next-card cue. */
@media(max-width:760px){.product-grid{gap:12px}.product-card{flex-basis:88%}.product-photo img{aspect-ratio:9/7}.product-copy h3{font-size:31px}}
@media(max-width:380px){.product-card{flex-basis:92%}}
/* Full-bleed hero video: cover the hero wall to wall with no masked side gutters. */
.has-hero-video .hero-motion{left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-mask-image:none;mask-image:none}
@media(max-width:760px){.has-hero-video .hero-motion{left:0;right:0;top:72px;bottom:0;width:100%;height:calc(100% - 72px);object-fit:cover;object-position:center center;-webkit-mask-image:none;mask-image:none}}
/* Refine the mobile full-bleed crop: slightly smaller and visually higher. */
@media(max-width:760px){.has-hero-video .hero-motion{top:54px;height:calc(100% - 54px);object-fit:contain;object-position:center 30%;transform:scale(.94);transform-origin:50% 28%}}
@media(max-width:760px){.has-hero-video .hero-motion{object-position:center 18%;transform:translateY(-5%) scale(.92);transform-origin:50% 22%}}

/* Desktop hero: one centered composition after removing the trailer phone. */
@media(min-width:761px){
  .hero.has-hero-video{min-height:760px;height:calc(100svh - 1px);overflow:hidden}
  .has-hero-video .hero-motion{left:10%;right:auto;top:78px;bottom:auto;width:80%;height:calc(100% - 78px);object-fit:contain;object-position:center 42%;transform:none;-webkit-mask-image:none;mask-image:none}
  .hero-season{top:118px;left:0;width:100%}
  .hero-season img{width:210px;height:78px}
  .has-hero-video .hero-inner{position:absolute;inset:0;width:100%;max-width:none;padding:0}
  .has-hero-video .hero-copy{left:0;right:0;bottom:0;width:100%;padding:112px 5% 28px;background:linear-gradient(0deg,#050806 0%,#050806e8 48%,transparent 100%)}
  .has-hero-video .hero-actions{max-width:620px;margin:0 auto;gap:8px}
  .has-hero-video .tagline{font-size:29px}
  .has-hero-video .presenters{width:168px}
}

/* Give the portrait hero more presence on wide desktop screens. */
@media(min-width:761px){
  .has-hero-video .hero-motion{left:5%;width:90%;top:64px;height:calc(100% - 64px);transform:scale(1.32);transform-origin:50% 48%}
  .hero-season{top:108px}
  .hero-season img{width:235px;height:87px}
  .has-hero-video .tagline{font-size:32px}
}