/* V7 — editorial black & white refinement; no theme picker. */
:root{
  --accent:#f7f7f7;
  --bg:#090909;--bg-dark:#080808;--panel:#131313;--panel-soft:#191919;
  --line:#303030;--muted:#b6b6b6;--text:#f7f7f7;
  --shadow:0 22px 48px rgba(0,0,0,.22)
}
body{background:#090909;color:#f7f7f7;font-family:'DM Sans',system-ui,sans-serif}
h1,h2,h3,.section-heading,.brand,.footer-logo,.video-poster strong,.kick-primary>strong{font-family:'Manrope',system-ui,sans-serif}
::selection{background:#fff;color:#111}
.topbar{background:rgba(10,10,10,.96);border-bottom-color:#303030}
.brand,.footer-logo{color:#fff;font-weight:800;letter-spacing:-.065em}
.site-nav .nav-link{color:#bebebe}
.site-nav .nav-link:hover,.site-nav .nav-link.active{color:#fff}
.nav-link.active:after{background:#fff}
.hero{background:radial-gradient(ellipse 320px 290px at 50% 36%,rgba(255,255,255,.05),transparent 75%),linear-gradient(180deg,#0c0c0c,#090909);border-bottom-color:#292929}
.hero-platform,.hero-platform-symbol,.intro{color:#ededed}
.portrait-shell{background:linear-gradient(140deg,#474747,#1b1b1b 72%);box-shadow:0 13px 39px #000a,0 0 0 1px #333}
.hero h1{color:#fff;letter-spacing:-.07em;text-shadow:none;font-weight:800}
.hero-sub{color:#b9b9b9}
.button-primary{background:#f8f8f8;border-color:#f8f8f8;color:#101010}
.button-primary:hover{background:#e6e6e6;box-shadow:0 6px 24px #ffffff20}
.button-outline{background:#181818;border-color:#474747}
.button-outline .icon{color:#fff}
.button-outline:hover{border-color:#fafafa}
.section-content,.socials-section,.clips-section,.partners-section,.contact-section{background:#0b0b0b;border-bottom-color:#292929}
.section-eyebrow{color:#fff}
/* Wide film-poster carousel rather than tall, zoom-cropped covers. */
.video-carousel{gap:21px;padding:4px 2px 8px;overscroll-behavior-x:contain}
.video-poster{flex:0 0 calc((100% - 42px)/3);aspect-ratio:16/9;max-height:none;min-height:0;border-radius:15px;background:#191919;border-color:#343434;box-shadow:0 12px 26px #0005}
.video-poster img{object-fit:cover;transform:none;filter:saturate(.94);transition:transform .35s ease}
.video-poster:hover img{transform:scale(1.035)}
.poster-back{background:linear-gradient(#15151599,#0b0b0b99),url('assets/husam-profile.jpg') center/cover no-repeat}
.poster-sheen{background:linear-gradient(180deg,#0006 0%,transparent 45%,#000c 100%)}
.poster-label{background:#f5f5f5;color:#171717;top:13px;left:13px;border-radius:7px;font-size:10px;padding:6px 9px}
.poster-play{background:#101010b8;border:1px solid #ffffff9c;width:53px;height:53px;top:45%}
.video-poster:hover .poster-play{background:#fff;color:#111}
.poster-footer{left:17px;right:17px;bottom:14px;gap:0}
.poster-footer strong{font-size:clamp(15px,1.35vw,21px);font-weight:800;letter-spacing:-.04em}
.carousel-arrow{background:#282828;border-color:#484848;color:#fafafa}
.carousel-arrow:hover{background:#f4f4f4;color:#111;border-color:#f4f4f4}
.content-all{color:#f5f5f5}
.social-glass{background:linear-gradient(145deg,#1a1a1a,#121212);border-color:#303030}
.social-glass:hover,.clip-channel-card:hover,.discord-wide:hover{border-color:#777;box-shadow:0 16px 36px #0008}
.kick-primary{background:radial-gradient(ellipse at 50% 37%,#ffffff0a,transparent 56%),#161616}
.kick-avatar>img{border-color:#d7d7d7}
.kick-mini{background:#131313;color:#fff;border-color:#141414}
.kick-channel{color:#bbb}
.kick-channel-go{color:#fff}
.social-minor{background:linear-gradient(150deg,#181818,#111)}
.social-minor strong{color:#f7f7f7}
.social-minor small{color:#aaa}
.social-avatar img,.clip-avatar img{display:block;object-fit:cover;aspect-ratio:1}
.bubble.red,.bubble.pink,.bubble.dark,.bubble.green{background:#e8e8e8!important;color:#111!important}
.corner-external{color:#bdbdbd}
.discord-wide{background:linear-gradient(105deg,#191919,#111);border-color:#333}
.discord-logo{overflow:hidden;background:#222;border:1px solid #414141;border-radius:50%}
.discord-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.discord-copy em{background:#393939!important;color:#f5f5f5!important}
.discord-action{color:#f5f5f5}
.support-link{background:#161616;border-color:#333}
.support-link>.icon,.support-link:hover{color:#fff}
.support-link:hover{border-color:#777}
.support-icon.bng,.support-icon.blerp{background:#282828;color:#eee}
.clip-channel-card{background:#161616;border-color:#373737}
.clip-yt{background:#e3e3e3!important;color:#111!important}
.clip-go{color:#fff}
.partners-section .section-heading{margin-bottom:56px}
.partner-tile{background:#161616;border-color:#353535;height:184px}
.partner-tile:hover{border-color:#777}
.partner-inner{min-height:0;height:120px}
.partner-inner img{display:block;position:static;opacity:1;filter:none;max-width:88%;max-height:110px;width:auto;height:auto;object-fit:contain}
.partner-inner.hawk img{mix-blend-mode:normal}
.contact-section{background:#101010}
.at-sign{color:#fff}
.contact-description{color:#bbb}
.contact-box{background:#171717;border-color:#363636}
.contact-box:hover{border-color:#999}
.contact-box>span{color:#bbb}
.contact-box em{color:#fff}
.footer{background:#0b0b0b}
.footer p,.footer-right>small{color:#aaa}
.footer-socials a{color:#d3d3d3}
.footer-socials a:hover{color:#fff}
.watch-modal{background:#141414;border-color:#444}
.modal-foot a{color:#fff}
/* Respect platform-brand illustrations while keeping UI accents monochrome. */
@media(max-width:1190px){.video-poster{flex-basis:calc((100% - 21px)/2)} }
@media(max-width:920px){.site-nav{background:#141414;border-color:#353535} .video-poster{flex-basis:calc((100% - 18px)/2)}.video-carousel{gap:18px}}
@media(max-width:580px){.video-poster{flex-basis:87%;aspect-ratio:16/9}.video-carousel{gap:13px}.poster-play{width:45px;height:45px}.poster-footer strong{font-size:17px}.brand{font-size:15px}.hero h1{font-size:clamp(31px,8.2vw,50px)}.partners-section .section-heading{margin-bottom:35px}.partner-tile{flex-basis:85%;height:145px}.partner-inner img{max-height:94px}.discord-logo{min-width:47px}}
/* No leftover colored gradients from the previous customizable themes. */
.youtube-card,.instagram-card,.tiktok-card,.clips-card,.social-minor{background:#161616!important}
.youtube-card:hover,.instagram-card:hover,.tiktok-card:hover,.clips-card:hover{background:#1c1c1c!important}
.kick-primary .kick-mini,.social-minor .bubble,.clip-yt{box-shadow:none}
.discord-wide{background:#161616!important}
@media(min-width:921px){#partners-prev,#partners-next{display:none}}