/* SUNDAY NIGHTS — Rock Sun 01 / Mobile & desktop refinement */
:root{--red:#ee242e}
.navbrand{display:inline-flex;align-items:center;gap:9px}
.nav-sun{width:27px;height:27px;flex:none;border-radius:6px}
.ui-icon{display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn .ui-icon,.other-releases .ui-icon,.video-caption .ui-icon{filter:none}
.video-caption{align-items:center}
.video-caption span{flex:1;min-width:0;line-height:1.35}
.video-caption a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.playbadge{border-radius:50%;width:58px;height:58px;background:rgba(5,5,6,.78);border:1px solid rgba(255,255,255,.75);display:grid;place-items:center}
.playbadge::before{display:none!important}.playbadge .play-icon{fill:white;stroke:none;width:21px;height:21px;margin-left:2px}
.video-play:hover .playbadge,.video-play:focus-visible .playbadge{background:#e9232b;border-color:#e9232b}
.hero-film{z-index:0!important}.hero-cinema .hero-foreground{z-index:3!important}
.hero-cinema .hero-vignette{z-index:2!important}
.hero-video-dialog[hidden]{display:none}
.hero-video-dialog{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.96);padding:clamp(50px,8vh,90px) 4vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.hero-dialog-frame{width:min(1100px,100%);aspect-ratio:16/9;background:#080808;border:1px solid #383236}
.hero-dialog-frame iframe{width:100%;height:100%;border:0;display:block}
.hero-dialog-close{position:absolute;right:20px;top:16px;color:white;font-size:36px;background:none;border:0;line-height:1;padding:10px}
.hero-dialog-youtube{font-size:12px;font-weight:800;letter-spacing:.08em;display:inline-flex;align-items:center;gap:7px;color:#eee}
.hero-dialog-open{overflow:hidden}
#heroMotionBtn{position:relative}
#heroMotionBtn:focus-visible,.btn:focus-visible,.video-play:focus-visible{outline:2px solid white;outline-offset:4px}
/* Use soft, cinematic gradient transitions rather than bulky UI borders. */
.other-releases>a{transition:background .2s ease,border-color .2s ease}
.other-releases>a:hover{background:#22181a;border-color:#a23b42}
@media(max-width:760px){
 .topnav{background:rgba(7,7,9,.97)}
 .navbrand{gap:5px;font-size:clamp(19px,5vw,26px);letter-spacing:-.075em}
 .nav-sun{width:24px;height:24px}
 .navinner .btn.small{min-height:43px;padding:10px 11px;font-size:10px;letter-spacing:.02em}
 .hero-cinema{min-height:calc(100svh - 68px)}
 .hero-cinema .hero-content{padding-top:48px;padding-bottom:45px}
 .hero-cinema .hero-foreground{justify-content:center}
 .hero-cinema h1{font-size:clamp(60px,14.4vw,105px);line-height:.90;gap:clamp(25px,6vw,35px);margin:25px 0 24px}
 .hero-cinema .hero-content>p{font-size:clamp(14px,3.7vw,17px);line-height:1.5}
 .hero-cinema .hero-actions{margin-top:24px;gap:10px}
 .hero-cinema .hero-actions .btn{font-size:10px;letter-spacing:.015em;min-height:50px}
 .hero-film-controls{margin-top:20px;gap:10px}
 .hero-film-controls button,.hero-film-controls a{min-height:40px}
 .hero-cinema .hero-vignette{background:linear-gradient(0deg,rgba(7,7,9,.95),rgba(7,7,9,.45) 54%,rgba(7,7,9,.6)),linear-gradient(90deg,rgba(7,7,9,.4),transparent 80%)}
 .video-card{border-radius:7px}
 .video-caption{padding:14px 12px;gap:8px}
 .video-caption a{font-size:9px;letter-spacing:.01em}
 .video-caption span{font-size:12px}
 .other-releases>a{min-height:120px}
 .hero-video-dialog{padding:38px 12px}
}
@media(max-width:380px){.navbrand{font-size:20px}.nav-sun{width:21px;height:21px}.hero-cinema h1{font-size:14.1vw}.hero-cinema .hero-actions .btn{font-size:9px}}
@media(prefers-reduced-motion:reduce){}

/* Rock Sun masthead + cleaner source-limited portraits */
.navbrand .nav-sun-wrap{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(241,40,43,.25);border-radius:9px;background:linear-gradient(145deg,rgba(238,36,46,.12),rgba(0,0,0,.1))}
.navbrand .nav-sun{width:31px;height:31px;border-radius:7px;display:block}
.navbrand .nav-wordmark{display:inline-block;white-space:nowrap;color:#fff;line-height:1}
.navbrand .nav-wordmark>span{color:var(--red)}
.member-portrait-main{max-width:480px;margin-inline:auto;width:100%}
.member-portrait-main>img{image-rendering:auto;object-position:center 28%}
.member-select img{image-rendering:auto}
@media(max-width:760px){.navbrand{gap:8px}.navbrand .nav-sun-wrap{width:29px;height:29px;border-radius:7px}.navbrand .nav-sun{width:27px;height:27px;border-radius:6px}.navbrand .nav-wordmark{font-size:clamp(17px,4.3vw,24px);letter-spacing:-.06em}.member-portrait-main{max-width:440px}}
@media(max-width:380px){.navbrand{gap:5px}.navbrand .nav-sun-wrap{width:25px;height:25px}.navbrand .nav-sun{width:23px;height:23px}.navbrand .nav-wordmark{font-size:17px}.navinner .btn.small{font-size:9px;padding:9px 8px}}