/* Independent namespace: old coverflow/PWA patches cannot own this rail. */
.nyx-prime-hero{--peek:5vw;--gap:12px;position:relative;width:100%;margin:12px 0 24px;color:#fff;font-family:inherit;direction:ltr;isolation:isolate}
.nyx-prime-hero *{box-sizing:border-box}
.nyx-prime-hero .nyx-prime-rail{position:relative;display:flex;gap:var(--gap);width:100%;margin:0;padding:14px var(--peek) 18px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--peek);overscroll-behavior-x:contain;touch-action:pan-x pan-y;direction:ltr;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nyx-prime-rail::-webkit-scrollbar{display:none}
.nyx-prime-hero .nyx-prime-slide{position:relative;flex:0 0 100%;min-width:0;margin:0;padding:0;scroll-snap-align:center;scroll-snap-stop:always;list-style:none}
.nyx-prime-hero .nyx-prime-card{position:relative;display:block;width:100%;height:clamp(310px,77vw,510px);overflow:hidden;border-radius:20px;background:#020914;color:#fff;text-decoration:none;box-shadow:0 8px 16px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.07);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.nyx-prime-hero .nyx-prime-picture{position:absolute;inset:0;display:block}
.nyx-prime-hero .nyx-prime-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;pointer-events:none}
.nyx-prime-hero .nyx-prime-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#020914 0%,rgba(2,9,20,.98) 12%,rgba(2,9,20,.76) 31%,rgba(2,9,20,.22) 53%,transparent 74%),linear-gradient(90deg,rgba(2,9,20,.18),transparent 60%);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.nyx-prime-hero .nyx-prime-copy{position:absolute;bottom:22px;left:20px;right:20px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;text-align:left}
.nyx-prime-hero .nyx-prime-copy h2{max-width:calc(100% - 64px);margin:0;color:#fff;font-size:clamp(25px,6.3vw,44px);font-weight:800;line-height:1.14;letter-spacing:-.6px;text-wrap:balance;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.nyx-prime-hero .nyx-prime-brand{position:absolute;right:18px;bottom:119px;width:66px;height:auto;object-fit:contain;opacity:.95;pointer-events:none}
.nyx-prime-hero .nyx-prime-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 11px;color:#b7bac1;font-size:clamp(11px,3.15vw,17px);line-height:1.45}
.nyx-prime-hero .nyx-prime-age{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:5px;background:#363c46;color:#f5f5f5;font-weight:700}
.nyx-prime-hero .nyx-prime-premium{display:flex;align-items:center;gap:8px;color:#f4f4f5;font-size:clamp(13px,3.65vw,19px);line-height:1.3}
.nyx-prime-hero .nyx-prime-check{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#168bff;color:#02172e;font-family:Arial,sans-serif;font-size:15px;font-weight:900}
.nyx-prime-hero .nyx-prime-dots{display:flex;justify-content:center;align-items:center;gap:8px;min-height:22px;direction:ltr}
.nyx-prime-hero .nyx-prime-dot{appearance:none;display:block;width:8px;height:8px;min-width:8px;margin:0;padding:0;border:0;border-radius:20px;background:#5b6470;cursor:pointer;transition:width .22s ease,background .22s ease}
.nyx-prime-hero .nyx-prime-dot[aria-current=true]{width:26px;background:#fff}
.nyx-prime-hero .nyx-prime-arrow{position:absolute;top:45%;width:40px;height:48px;border:1px solid #ffffff24;border-radius:12px;background:#020914a6;color:#fff;font-size:32px;line-height:1;cursor:pointer}
.nyx-prime-prev{left:12px}.nyx-prime-next{right:12px}
.nyx-prime-rail:focus-visible,.nyx-prime-card:focus-visible,.nyx-prime-dot:focus-visible{outline:2px solid #168bff;outline-offset:3px}
@media(max-width:767px){.nyx-prime-hero .nyx-prime-arrow{display:none}}
@media(min-width:768px){.nyx-prime-hero{--peek:9vw;--gap:20px}.nyx-prime-hero .nyx-prime-card{height:clamp(380px,40vw,620px);border-radius:26px}.nyx-prime-hero .nyx-prime-copy{left:38px;right:38px;bottom:35px;gap:18px}.nyx-prime-hero .nyx-prime-copy h2{font-size:clamp(36px,4.6vw,68px)}.nyx-prime-hero .nyx-prime-brand{width:95px;right:38px;bottom:145px}}
@media(prefers-reduced-motion:reduce){.nyx-prime-hero .nyx-prime-dot{transition:none}}

/* V8.1: reference proportions, neutral edges and Latin numerals. */
@font-face{font-family:NyxHeroInter;src:url('../fonts/Inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html.dm-pwa-standalone .nyx-prime-hero{font-family:NyxHeroInter,Arial,sans-serif}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-card{box-shadow:none;border:0}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-shade{box-shadow:none;background:linear-gradient(0deg,#020914 0%,rgba(2,9,20,.96) 15%,rgba(2,9,20,.58) 38%,rgba(2,9,20,.08) 62%,transparent 80%)}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-copy h2{text-shadow:none;font-family:NyxHeroInter,Arial,sans-serif;font-weight:800;letter-spacing:-.7px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-meta{font-family:NyxHeroInter,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-weight:400}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-dot{width:var(--dot-width,5px);min-width:0;height:var(--dot-height,5px);background:var(--dot-color,#5b6470);transition:width .12s linear,height .12s linear,background .12s linear}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-dot[aria-current=true]{width:var(--dot-width,18px);background:var(--dot-color,#fff)}
@media(max-width:767px){
html.dm-pwa-standalone .nyx-prime-hero{--peek:2.5vw;--gap:10px;margin:8px 0 22px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-rail{padding-top:0;padding-bottom:8px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-card{height:auto;aspect-ratio:1.48;border-radius:16px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-picture img{object-position:center 35%}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-copy{left:16px;right:16px;bottom:18px;gap:7px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-copy h2{font-size:clamp(22px,6.7vw,34px);line-height:1.13;max-width:calc(100% - 52px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-meta{gap:5px 8px;font-size:clamp(9px,2.8vw,14px);line-height:1.25}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-age{padding:1px 4px;border-radius:3px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-premium{font-size:clamp(10px,3vw,15px);gap:6px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-check{width:13px;height:13px;font-size:11px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-brand{right:16px;bottom:68px;width:52px}
html.dm-pwa-standalone .nyx-prime-hero .nyx-prime-dots{gap:6px;min-height:20px}
}
/* V8.3 standalone full-bleed hero. The lower edge merges into the page. */
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero{--peek:0px!important;--gap:0px!important;--nyx-hero-bg:#000;width:100vw!important;max-width:none!important;position:relative!important;left:auto!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:8px!important;margin-bottom:24px!important;padding:0!important;background:var(--nyx-hero-bg)!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-rail{width:100%!important;max-width:none!important;gap:0!important;padding:0!important;margin:0!important;scroll-padding:0!important;align-items:stretch!important;background:transparent!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-slide{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;transform:none!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-card{height:clamp(300px,72vw,560px)!important;aspect-ratio:auto!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-card:focus-visible{outline:2px solid #168bff!important;outline-offset:-2px!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-picture{inset:0 0 0!important;border-radius:20px 20px 0 0!important;overflow:hidden!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 35%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.18) 82%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 35%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.18) 82%,transparent 100%)!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-picture img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 28%!important;border:0!important;box-shadow:none!important;border-radius:inherit!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-shade{border-radius:20px 20px 0 0!important;border:0!important;box-shadow:none!important;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 22%,transparent 78%,rgba(0,0,0,.30)),linear-gradient(0deg,#000 0%,rgba(0,0,0,.8) 18%,rgba(0,0,0,.15) 52%,transparent 78%)!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-copy{left:20px!important;right:20px!important;bottom:13px!important;gap:8px!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-copy h2{max-width:calc(100% - 65px)!important;font-size:clamp(24px,6.5vw,42px)!important;line-height:1.1!important;letter-spacing:-.7px!important;font-weight:800!important;text-shadow:none!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-brand{right:19px!important;bottom:108px!important;width:62px!important;filter:none!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-meta{font-size:clamp(10px,2.8vw,15px)!important;line-height:1.3!important;gap:6px 9px!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-premium{font-size:clamp(12px,3.4vw,18px)!important;gap:7px!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-check{width:16px!important;height:16px!important;font:900 13px/1 Arial,sans-serif!important;color:#001830!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-dots{min-height:30px!important;background:#000!important;gap:7px!important;margin:0!important}
.nyx-prime-trend{display:none}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-trend{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;font-size:11px!important;line-height:1.35!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-trend b{flex:none!important;padding:3px 6px!important;border-radius:5px!important;background:#fff!important;color:#000!important;font:800 10px/1.2 NyxHeroInter,Arial,sans-serif!important}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-trend span{color:#2fdf96!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* V8.8: rectangular artwork behind a dark frame with a rounded opening.
   The surrounding dark band overlays the SAME artwork; no clipped poster or glow copy. */
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-card{width:100%!important;margin:0!important;overflow:hidden!important;border-radius:0!important;isolation:isolate;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-picture{inset:0!important;border-radius:0!important;overflow:hidden!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-picture img{border-radius:0!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-shade{border-radius:0!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-shade::before{content:"";position:absolute;inset:10px 10px -60px;border-radius:20px 20px 0 0;box-shadow:0 0 0 80px rgba(0,0,0,.92);pointer-events:none;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-copy{left:30px!important;right:30px!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-brand{right:29px!important;}

/* V8.10: draw the entire overlaid border in one SVG surface.
   Masking a box-shadow clips away its outside pixels, so the frame uses no CSS mask. */
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-shade::before{content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22fade%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22black%22%20stop-opacity%3D%22.96%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22black%22%20stop-opacity%3D%22.96%22%2F%3E%3Cstop%20offset%3D%22.40%22%20stop-color%3D%22black%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22black%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23fade%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H400V400H0Z%20M30%2010H370Q390%2010%20390%2030V410H10V30Q10%2010%2030%2010Z%22%2F%3E%3C%2Fsvg%3E")!important;background-size:100% 100%!important;background-repeat:no-repeat!important;pointer-events:none!important;}

/* V8.12: disable all old shared header/hero ambient layers;
   own the neutral light inside the hero so it cannot illuminate the header. */
html.dm-pwa-standalone body[data-page="home"] main{background:#000!important;}
html.dm-pwa-standalone body[data-page="home"] .dm-home-intro-v19,
html.dm-pwa-standalone body[data-page="home"] .dm-home-hero-bridge{background:transparent!important;box-shadow:none!important;}
html.dm-pwa-standalone body[data-page="home"] .dm-home-intro-v19::before,
html.dm-pwa-standalone body[data-page="home"] .dm-home-intro-v19::after,
html.dm-pwa-standalone body[data-page="home"] .dm-home-shell-v3::before,
html.dm-pwa-standalone body[data-page="home"] .dm-home-shell-v3::after,
html.dm-pwa-standalone body[data-page="home"] .dm-home-hero-bridge::before,
html.dm-pwa-standalone body[data-page="home"] .dm-home-hero-bridge::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0 0 auto!important;height:18px!important;z-index:2!important;pointer-events:none!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.07),transparent 72%)!important;filter:none!important;box-shadow:none!important;}

/* V8.13: lower brand, compact premium text, font-independent checkmark. */
.nyx-prime-check-svg{display:none;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-brand{bottom:53px!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-premium{font-family:NyxHeroInter,Arial,sans-serif!important;font-size:clamp(11px,3vw,16px)!important;line-height:1.35!important;gap:7px!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-check{width:14px!important;height:14px!important;min-width:14px!important;flex:0 0 14px!important;padding:0!important;overflow:visible!important;background:transparent!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-check-glyph{display:none!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-check-svg{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-check-svg path{fill:none!important;stroke:#001830!important;stroke-width:2.4!important;opacity:1!important;visibility:visible!important;}
html.dm-pwa-standalone body[data-page="home"] .nyx-prime-hero .nyx-prime-check-svg circle{fill:#168bff!important;opacity:1!important;}
