.s8-hero{min-height:430px;grid-template-columns:1.65fr .8fr;padding-bottom:50px}.s8-hero-symbol{min-height:270px;display:grid;place-items:center;background:radial-gradient(circle at 45% 40%,#8e45dc66,#241138 72%);border:1px solid #503163;border-radius:28px;color:#ffa4df;font-size:120px;position:relative}.s8-hero-symbol span{position:absolute;bottom:20px;right:14px;text-align:right;font-size:13px;line-height:1.5;font-weight:900;letter-spacing:3px;color:#fff}.s8-tools{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;color:#c8bbd6;font-size:12px}.s8-tools select{background:#241b38;border:1px solid #6d5081;color:white;border-radius:10px;padding:10px}.s8-tools #freshnessInfo{margin-left:auto}.s8-meta{font-size:11px;color:#c2b5d2;margin-top:12px;line-height:1.6}.s8-link{display:inline-block;border:1px solid #e98ed1;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:800;margin-top:15px;color:white}.s8-directory{padding:70px 0}.s8-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.s8-directory-card{background:#21162f;border:1px solid #513764;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}.s8-directory-card h3{font-size:21px;line-height:1.2}.s8-directory-card p{font-size:14px;color:#c9bddb;line-height:1.5;flex:1}.s8-directory-card small{color:#a99abc;line-height:1.4}.s8-directory-card a{color:#ffa1d6;font-weight:800;font-size:13px}.s8-kind{font-size:11px;letter-spacing:1px;color:#ffa1d6;text-transform:uppercase}.pick a{color:white;font-weight:700;font-size:13px}.pick a:hover{text-decoration:underline}@media(max-width:760px){.s8-hero{grid-template-columns:1fr;min-height:0}.s8-hero-symbol{min-height:140px;font-size:70px}.s8-hero-symbol span{font-size:10px}.s8-grid{grid-template-columns:1fr}.s8-tools #freshnessInfo{margin-left:0}}

/* S8-R2 accessible product media */
.product-media{position:relative;overflow:hidden;min-height:280px;isolation:isolate;background:#241335}.s8-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.s8-real-image{object-fit:contain;background:radial-gradient(circle at center,#57366f,#1b1230);padding:10px}.s8-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;min-width:160px;padding:14px 16px;border:1px solid #ffa7e3;border-radius:16px;color:#fff;font-weight:800;background:rgba(35,16,54,.87);cursor:pointer;box-shadow:0 8px 30px #09051280}.s8-play:hover{background:#7b37a7}.s8-media-credit{position:absolute;bottom:5px;left:4px;right:4px;text-align:center;padding:5px;background:#100920d8;border-radius:6px;z-index:2;font-size:9px;color:#f0dffa;max-height:55px;overflow:hidden}.s8-media-credit a{color:#eec6ff}.s8-player{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}.s8-video-fallback{position:absolute;bottom:6px;left:6px;z-index:3;color:#fff;background:#261338;padding:6px;border-radius:7px;font-size:10px}.s8-close-player{position:absolute;right:8px;top:8px;z-index:3;background:#261338;color:white;border:1px solid #d3a7e7;border-radius:9px;padding:7px 9px;cursor:pointer}.s8-photo-credit{position:absolute;bottom:28px;left:6px;right:6px;z-index:2;font-size:9px;text-align:center;color:white;background:#130821bf;border-radius:5px;padding:3px}.s8-media-status{position:absolute;top:30%;z-index:3;padding:10px;background:#211631}.s8-directory-cover{position:relative;aspect-ratio:1.85;overflow:hidden;border-radius:12px;background:#32164a;margin:-9px -9px 0}.s8-directory-cover img{width:100%;height:100%;object-fit:cover}.s8-directory-cover span{position:absolute;left:8px;bottom:8px;font-size:10px;border-radius:8px;background:#110c23e6;color:white;padding:5px 7px}.s8-media-notice{margin:25px auto 0;color:#baaacf;font-size:12px;line-height:1.7;max-width:900px}@media(max-width:760px){.product-media{min-height:230px}.s8-play{font-size:12px}.s8-directory-cover{aspect-ratio:1.8}}

.s8-study{margin:0 0 22px;padding:22px;border:1px solid #654779;background:#241537;border-radius:18px;color:#fff}.s8-study h3{font-size:21px}.s8-study p,.s8-study label{font-size:13px;line-height:1.6}.s8-study label{display:flex;gap:10px;align-items:center;font-weight:bold;margin:10px 0}.s8-study input{accent-color:#e76ab1;width:18px;height:18px}.s8-study-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.s8-study-actions button{background:#463050;color:white;padding:9px 13px;border:1px solid #a67fc3;border-radius:10px;cursor:pointer}.s8-study-actions span,.s8-study small{color:#beafd0;font-size:11px}.s8-video-forward{background:#cc48a5;box-shadow:0 0 0 4px #d565ab44;min-width:185px}

/* S8-R6: genuine linked video preview media, not generic editorial art for product/video cards. */
.product-media .s8-video-poster{object-fit:contain;object-position:center;background:#100b21;width:100%;height:100%;padding:0}
.s8-directory-cover.s8-video-poster-cover{background:#100b21}
.s8-directory-cover.s8-video-poster-cover img{object-fit:contain;object-position:center}
.s8-directory-watch{position:absolute;bottom:9px;left:9px;z-index:2;padding:7px 11px;border-radius:9px;border:1px solid #ffb5e5;background:rgba(22,9,42,.94);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.s8-directory-watch:hover,.s8-directory-watch:focus-visible{background:#9d3788}
.s8-directory-cover span{left:auto;right:6px;top:6px;bottom:auto}
.s8-play{top:auto;bottom:46px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:200px;padding:10px;font-size:12px}
.s8-poster-source{position:absolute;z-index:2;top:35px;left:5px;right:5px;text-align:center;color:#fff;background:rgba(20,12,35,.8);font-size:9px;padding:3px;border-radius:6px}
.s8-poster-unavailable{position:absolute;z-index:1;top:40%;left:9px;right:9px;font-size:10px;text-align:center;background:#21132be8;color:#fff;padding:5px}
.s8-media-credit{max-height:30px;line-height:1.25}
@media(max-width:760px){.s8-directory-watch{font-size:12px;padding:9px}.s8-play{bottom:43px}}

/* S8-R7: immersive product-first media. Existing grid and My Picks remain accessible. */
@media (min-width: 900px){
 .experience-layout{grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:20px}
}
.product-shell .product{grid-template-columns:minmax(0,1fr);gap:16px}
.product-shell .product-media{width:100%;aspect-ratio:16/9;min-height:0;max-height:none;border-radius:16px;display:block}
.product-shell .product-info{padding:0 3px}
.product-shell .product-info h3{margin:5px 0 10px}
.product-shell .s8-player{width:100%;height:100%;inset:0}
.product-shell .s8-cover{object-fit:contain}
.product-shell .s8-video-poster{object-fit:contain}
.product-shell .s8-play{bottom:15px;width:auto;max-width:95%;min-width:175px}
.product-shell .s8-player-open{background:#000;box-shadow:0 15px 38px #09040e77}
.s8-autoplay-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 20px;padding:12px 17px;border:1px solid #5e4176;border-radius:14px;background:#201632}
.s8-autoplay-options label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750}
.s8-autoplay-options input{width:18px;height:18px;accent-color:#e76ab1}
.s8-autoplay-options small{font-size:11px;line-height:1.4;color:#c6b5d2}
.s8-autoplay-note{position:absolute;z-index:3;bottom:8px;left:8px;right:8px;text-align:center;pointer-events:none;color:#fff;font-size:11px;line-height:1.4;background:#10091ccf;padding:6px;border-radius:7px}
.s8-player-open .s8-video-fallback{bottom:45px}
@media (max-width: 899px){.experience-layout{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 600px){
 .product-shell .product-media{aspect-ratio:16/9;min-height:210px}
 .s8-autoplay-options{align-items:flex-start}
 .product-shell .s8-player-open{min-height:0}
}
@media(prefers-reduced-motion:reduce){.product-shell .product-media{scroll-behavior:auto}}

/* S8-R8: consented audible video control; sound permission is per visit. */
.s8-sound-button{min-height:42px;border:1px solid #e67abc;color:#fff;background:#6c2f7b;padding:8px 16px;border-radius:10px;cursor:pointer;font-weight:750}
.s8-sound-button:hover,.s8-sound-button:focus-visible{background:#884396;outline:2px solid #f2a6df;outline-offset:2px}
.s8-sound-button[aria-pressed="true"]{background:#3f6a57;border-color:#8ddcb2}
#videoSoundStatus{flex-basis:100%}