:root{--bg:#0a0a0a;--paper:#efeeea;--muted:#a4a49f;--accent:#5140e6;--line:#ffffff24;--display:'Noto Kufi Arabic',sans-serif;--body:'Almarai',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-color:var(--accent) var(--bg)}body{margin:0;background:var(--bg);color:var(--paper);font:400 15px/1.8 var(--body);-webkit-font-smoothing:antialiased}body.watching{overflow:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{background:none;border:0}button:disabled{opacity:.35;cursor:not-allowed}img,video{display:block;max-width:100%}svg{width:24px;height:24px;flex-shrink:0}a,button,input,textarea,select{outline-offset:5px}:focus-visible{outline:2px solid #a99fff}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--display);font-weight:800;line-height:1.6;letter-spacing:-.035em}button,a{touch-action:manipulation}[hidden]{display:none!important}.skip{position:fixed;top:10px;right:20px;padding:10px 20px;background:var(--accent);z-index:100;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{height:112px;position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;border-bottom:1px solid #ffffff20;gap:24px}.brand{display:flex;align-items:center;gap:18px}.brand img{width:106px;height:auto}.brand>span{font-size:12px;line-height:1.7;border-right:1px solid #ffffff45;padding-right:16px}.site-header nav{display:flex;gap:36px;font-size:13px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:#b9b0ff}.channel-link{display:flex;align-items:center;gap:20px;font-size:12px}.channel-link svg{width:20px}.hero{position:relative;min-height:850px;height:100svh;max-height:1100px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0 auto 0 0;width:78%;z-index:-3}.hero-media>img,.hero-media>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:57% center;filter:grayscale(1) brightness(.72)}.hero-media>video{opacity:0;transition:opacity 1s}.hero-media>video.playing{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,#0a0a0a 4%,#0a0a0af5 23%,#0a0a0a90 50%,#0a0a0a10 80%),linear-gradient(0deg,#0a0a0a 0%,transparent 32%,transparent 70%,#0a0a0a55)}.hero-content{width:100%;padding:100px 6.2vw 70px}.hero h1{font-size:clamp(42px,5.9vw,88px);line-height:1.7;max-width:850px}.hero h1 span,.shorts-intro h2 span{color:var(--accent)}.hero-content>p:first-of-type{font-size:19px;margin-top:20px}.hero-intro{color:var(--muted);line-height:1.9;font-size:14px;margin:20px 0 30px}.primary{display:inline-flex;align-items:center;gap:32px;background:var(--accent);padding:14px 24px;font-size:13px;transition:background .2s}.primary:hover{background:#5b49ed}.primary svg{width:22px}.hero-bottom{position:absolute;bottom:30px;inset-inline:4.2vw;display:flex;justify-content:space-between;align-items:end;gap:28px}.recording{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.15em;direction:ltr}.recording i{width:7px;height:7px;background:#a49aff;border-radius:50%;box-shadow:0 0 0 5px #5140e61a}.featured-watch{display:flex;align-items:center;gap:18px;text-align:right;border-top:1px solid #ffffff45;padding:20px 0 0;min-width:370px}.featured-watch strong{font-size:18px;font-weight:400;display:block}.featured-watch small{font-size:12px;color:var(--muted)}.circle-play{width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;transition:background .2s}.featured-watch:hover .circle-play{background:var(--accent);border-color:var(--accent)}.circle-play svg{width:20px}.duration{font-size:12px;color:var(--muted);margin-right:auto;font-variant-numeric:tabular-nums}.scroll-cue{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.scroll-cue svg{transform:rotate(-90deg);width:18px}.editorial-line{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 4.2vw;color:var(--muted);font-size:12px}.editorial-line span:last-child{font-size:12px;letter-spacing:.15em}.shorts-section{padding:130px 6.2vw;display:grid;grid-template-columns:.9fr 2fr;gap:7vw;align-items:center}.shorts-intro h2{font-size:clamp(42px,5.2vw,78px);line-height:1.5}.shorts-intro>p{color:var(--muted);font-size:15px;margin:30px 0 55px}.shorts-caption{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:12px}.shorts-caption span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.15em}.strip-controls{display:flex;gap:12px;margin-top:24px}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);transition:background .2s}.icon-button:hover{background:#ffffff12}.icon-button svg{width:20px}.flip{transform:rotate(180deg)}.shorts-strip{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 12px}.shorts-strip::-webkit-scrollbar{display:none}.short-card{position:relative;display:block;text-align:right;aspect-ratio:9/16;flex:0 0 calc(50% - 11px);scroll-snap-align:start;isolation:isolate;padding:0;overflow:hidden;background:#151515}.short-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.45);transition:filter .5s,transform .7s var(--ease);z-index:-2}.short-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000 0%,#0002 52%,#0008 100%)}.short-card:hover>img{filter:saturate(1);transform:scale(1.035)}.short-top{position:absolute;inset:22px 20px auto;display:flex;align-items:center;justify-content:space-between;font-size:12px}.short-top>svg{width:18px}.short-play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff90;border-radius:50%;background:#0001}.short-play svg{width:23px}.short-details{position:absolute;bottom:28px;right:24px;left:24px}.short-details>small{font-size:12px;color:#d3d3cc}.short-details>strong{font-family:var(--display);font-size:clamp(16px,1.65vw,25px);display:block;margin:5px 0 20px;line-height:1.8}.short-details>span{display:flex;gap:10px;align-items:center;font-size:12px}.short-details svg{width:18px}.episodes-section{padding:60px 6.2vw 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:60px}.section-heading h2{font-size:clamp(32px,4vw,58px);line-height:1.65}.section-heading h2 span{color:transparent;-webkit-text-stroke:1px #a4a49f}.section-heading>p{color:var(--muted);font-size:12px;max-width:25ch}.library-toolbar{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:42px}.library-tabs{display:flex;gap:28px}.filter{font-size:12px;color:var(--muted);padding:22px 0;border-bottom:1px solid transparent;display:flex;gap:14px;align-items:center}.filter.active{color:var(--paper);border-color:var(--paper)}.filter span{font-size:12px;color:#ada1ff}.search-box{display:flex;align-items:center;gap:14px}.search-box svg{width:18px;color:var(--muted)}.search-box input{width:180px;background:none;border:0;color:var(--paper);font-size:12px;min-height:44px}.search-box input::placeholder{color:var(--muted)}.episode{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;padding:30px 0 50px;border-bottom:1px solid var(--line)}.episode+.episode{margin-top:40px}.episode-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#161616;padding:0}.episode-media>img{width:100%;height:100%;object-fit:cover;filter:grayscale(.8);transition:filter .5s,transform .7s var(--ease)}.episode-media:hover>img{filter:none;transform:scale(1.025)}.media-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid #ffffff90;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#0005}.media-play svg{width:25px}.episode-duration{position:absolute;left:15px;bottom:15px;font-size:12px;background:#0a0a0ae0;padding:3px 8px}.episode-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.episode-meta>span{color:#b1a8ff}.episode-info h3{font-family:var(--display);font-size:clamp(23px,2.5vw,36px);margin-bottom:16px;font-weight:800}.episode-info>p{font-size:13px;color:var(--muted);max-width:55ch;line-height:2}.episode-guests{margin-top:20px;font-size:12px}.episode-guests>span{color:var(--muted);font-size:12px}.episode-guests>p{margin-top:6px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff50;padding:8px 0;font-size:12px}.text-link svg{width:19px}.episode-info>.text-link{margin-top:24px}.about-section{padding:20px 6.2vw 120px}.about-top{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-bottom:55px}.about-top h2{font-size:clamp(32px,4vw,58px);line-height:1.65}.about-top h2>span{color:var(--accent)}.about-top>div>p{color:var(--muted);font-size:15px;line-height:2.1;max-width:46ch}.about-top .text-link{margin-top:24px}.about-image{overflow:hidden;max-height:360px}.about-image>img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.contact-section{background:var(--accent);color:#fff;padding:85px 6.2vw 22px}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:60px}.contact-top>h2{font-size:clamp(40px,5.5vw,82px)}.contact-top>p{font-size:13px;color:#e7e3ff;line-height:2}.social-list>a{display:flex;align-items:center;gap:30px;padding:20px 0;border-top:1px solid #ffffff50}.social-list>a:last-child{border-bottom:1px solid #ffffff50}.social-list>a>span{font-family:var(--display);font-size:clamp(24px,3.2vw,46px);font-weight:800}.social-list>a>small{font-size:12px;color:#e7e3ff;letter-spacing:.15em}.social-list>a>svg{margin-right:auto;width:32px;height:32px;transition:transform .3s}.social-list>a:hover>svg{transform:translate(-4px,-4px)}.footer-mark{display:flex;justify-content:space-between;align-items:end;margin:80px 0 60px}.footer-mark>img{width:min(38vw,480px);height:auto}.footer-mark>span{font-size:15px;line-height:1.9}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #ffffff50;font-size:12px;color:#e7e3ff}.loading-state,.empty-state{padding:40px 0;color:var(--muted)}.empty-state h3{font-size:20px;color:var(--paper);margin-bottom:10px}.empty-state p{font-size:13px}.empty-state button{margin-top:20px}.site-error{position:fixed;bottom:20px;right:20px;left:20px;background:#29222f;color:#fff;padding:18px 24px;z-index:20}.site-error button{margin-right:15px;text-decoration:underline}dialog{padding:0;border:1px solid var(--line);background:var(--bg);color:var(--paper);width:min(1100px,94vw);max-height:95svh;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.player-shell{padding:20px}.player-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.player-header h2{font:700 15px/1.6 var(--body)}.player-frame{aspect-ratio:16/9;background:#000}.player-frame>iframe{width:100%;height:100%;border:0;display:block}.player-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px}.player-note{font-size:12px;color:var(--muted);margin-top:12px}.short-navigation{display:flex;align-items:center;gap:18px;font-size:12px}.short-navigation button{min-width:44px;min-height:44px}.vertical-player{width:min(460px,96vw)}.vertical-player .player-frame{aspect-ratio:9/16;max-height:68svh}.vertical-player .player-footer{flex-wrap:wrap}.vertical-player .player-header{margin-bottom:12px}.vertical-player .player-header h2{font-size:13px}.vertical-player .player-shell{padding:14px}.vertical-player .player-frame iframe{height:100%;min-height:0}.vertical-player .player-note{font-size:12px}
@media(min-width:1600px){.hero-content,.shorts-section,.episodes-section,.about-section,.contact-section{padding-inline:max(6.2vw,calc((100vw - 1500px)/2))}.hero h1{font-size:90px}}
@media(max-width:1000px){.site-header{padding-inline:24px}.site-header nav{gap:24px}.channel-link{font-size:0;gap:0}.hero{min-height:780px}.hero-content{padding-inline:6vw}.hero h1{font-size:clamp(42px,6.5vw,66px)}.hero-bottom{inset-inline:6vw}.scroll-cue{display:none}.shorts-section{gap:5vw;padding-block:90px;grid-template-columns:.85fr 2fr}.shorts-intro h2{font-size:48px}.short-details{right:16px;left:16px;bottom:20px}.short-details>strong{font-size:18px}.shorts-intro>p{font-size:13px;margin-bottom:36px}.episode{gap:4vw;grid-template-columns:1fr 1fr}.episode-guests{font-size:12px}.library-tabs{gap:20px}.filter{font-size:12px}.about-top{gap:5vw}}
@media(max-width:760px){.site-header{height:88px;padding-inline:20px;gap:16px}.brand{gap:10px}.brand>img{width:76px}.brand>span{font-size:12px;padding-right:10px}.site-header nav{gap:18px;font-size:12px}.channel-link{display:none}.hero{height:calc(100svh - 0px);min-height:760px;max-height:980px;align-items:flex-start}.hero-media{width:100%;inset:160px 0 0;height:calc(100% - 160px)}.hero-media>img,.hero-media>video{object-position:58% center;filter:grayscale(1) brightness(.6)}.hero-shade{background:linear-gradient(0deg,#0a0a0a 0%,#0a0a0a08 32%,#0a0a0a50 52%,#0a0a0a 82%)}.hero-content{padding:128px 24px 30px}.hero h1{font-size:clamp(37px,8.7vw,62px);line-height:1.7}.hero-content>p:first-of-type{font-size:13px;margin-top:16px}.hero-intro{font-size:12px;margin:15px 0 22px;max-width:27ch}.primary{font-size:12px;gap:20px;padding:12px 18px}.hero-bottom{bottom:24px;inset-inline:24px;display:block}.recording{margin-bottom:22px;font-size:12px;justify-content:flex-start;direction:ltr}.featured-watch{width:100%;min-width:0;padding-top:14px;gap:14px}.featured-watch strong{font-size:16px}.featured-watch small{font-size:12px}.duration{font-size:12px}.editorial-line{padding:20px 24px;gap:16px;font-size:12px;flex-wrap:wrap}.editorial-line span:last-child{display:none}.shorts-section{display:block;padding:75px 0 65px}.shorts-intro{padding:0 24px;position:relative}.shorts-intro h2{font-size:46px;line-height:1.5}.shorts-intro h2 br{display:none}.shorts-intro>p{margin:15px 0 26px;font-size:13px}.shorts-intro>p br{display:none}.shorts-caption{font-size:12px}.strip-controls{position:absolute;left:24px;top:70px;gap:8px;margin:0}.strip-controls .icon-button{width:36px;height:36px}.shorts-strip{padding:28px 24px 10px;gap:16px}.short-card{flex-basis:72vw;max-width:320px}.short-details>strong{font-size:23px}.short-details{bottom:26px;right:22px;left:22px}.short-details>small{font-size:12px}.episodes-section{padding:28px 24px 75px}.section-heading{display:block;padding-bottom:30px}.section-heading h2{font-size:35px}.section-heading>p{margin-top:20px;font-size:12px;max-width:none}.section-heading>p br{display:none}.library-toolbar{display:block;margin-bottom:20px}.library-tabs{gap:24px}.filter{padding:15px 0}.search-box{border-top:1px solid var(--line)}.search-box input{width:100%;font-size:12px;min-height:50px}.episode{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding:20px 0 35px}.episode-info h3{font-size:27px;margin-bottom:12px}.episode-meta{font-size:12px;margin-bottom:15px}.episode-info>p{font-size:13px}.episode-guests{font-size:12px;margin-top:18px}.episode-info>.text-link{margin-top:20px}.about-section{padding:0 24px 70px}.about-top{display:block;margin-bottom:30px}.about-top h2{font-size:34px;margin-bottom:25px}.about-top>div>p{font-size:13px}.about-image{height:180px;margin-inline:-24px}.about-image>img{object-fit:cover;object-position:50%}.contact-section{padding:55px 24px 22px}.contact-top{display:block;margin-bottom:35px}.contact-top>h2{font-size:43px}.contact-top>p{font-size:12px;margin-top:18px}.social-list>a{gap:18px;padding:17px 0}.social-list>a>span{font-size:28px}.social-list>a>small{font-size:12px}.social-list>a>svg{width:25px;height:25px}.footer-mark{margin:50px 0 40px}.footer-mark>img{width:52vw}.footer-mark>span{font-size:12px}footer{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}footer>span:nth-child(2){order:3;flex-basis:100%}.player-shell{padding:12px}.player-header h2{font-size:12px}.player-note{font-size:12px}.player-footer{flex-wrap:wrap}.vertical-player .player-frame{max-height:62svh}.player-frame{min-height:180px}}
.hero-video-host{position:absolute;inset:0;opacity:0;transition:opacity .8s;overflow:hidden;filter:grayscale(1) brightness(.7);pointer-events:none}.hero-video-host.preview-playing{opacity:1}.hero-video-host>iframe{position:absolute;top:50%;left:50%;width:180vh;min-width:100%;height:100%;transform:translate(-50%,-50%);border:0}.hero-video-host>video{width:100%;height:100%;object-fit:cover}.autoplay-toggle{position:absolute;left:4.2vw;bottom:135px;z-index:2;border-bottom:1px solid #ffffff60;font-size:12px;color:#d4d3cf;padding:8px 0}.clip-preview{position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;overflow:hidden;z-index:1}.clip-preview.preview-playing{opacity:1}.clip-preview>video,.clip-preview>iframe{width:100%;height:100%;object-fit:cover;border:0}.short-card>.clip-preview{z-index:-1}.short-card::before{z-index:0;pointer-events:none}.short-card>.short-top,.short-card>.short-play,.short-card>.short-details{z-index:2}.episode-media>.media-play,.episode-media>.episode-duration{z-index:2}.player-frame>video{width:100%;height:100%;display:block;object-fit:contain;max-height:68svh}.short-card:focus-visible{outline-offset:-4px}.episode-media:focus-visible{outline-offset:-4px}
.about-section{position:relative;isolation:isolate}.about-section::before{content:'';position:absolute;inset:-40px 0 20%;z-index:-1;background:url('/assets/studio.webp') center/cover no-repeat;opacity:.1;mask-image:linear-gradient(0deg,transparent,#000 50%,transparent)}.about-image{height:380px;max-height:none}.about-image>img{object-position:center 58%;filter:saturate(.75);opacity:.82}.auth-photo{opacity:.25}
.episode-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:24px}.episode-actions>a{color:#c4bcff}.listen-feature{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:center;margin:0 0 110px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.listen-feature-image{position:absolute;inset:0;z-index:-2}.listen-feature-image>img{width:100%;height:100%;object-fit:cover;object-position:center 63%;opacity:.55;filter:saturate(.6)}.listen-feature::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#0a0a0a 5%,#0a0a0ad9 36%,#0a0a0a33 75%),linear-gradient(0deg,#0a0a0a,transparent 40%,#0a0a0a66)}.listen-feature-copy{padding:65px 6.2vw;max-width:760px}.listen-feature-copy>svg{color:#b3a8ff;width:30px;height:30px;margin-bottom:22px}.listen-feature-copy>h2{font-size:clamp(36px,4vw,60px);line-height:1.6}.listen-feature-copy>p{color:#c4c3ba;font-size:15px;line-height:2;margin:25px 0}.listen-feature-copy>span{display:block;color:var(--muted);font-size:12px;margin-top:24px}
@media(min-width:1200px){.hero-content,.shorts-section,.episodes-section,.about-section,.contact-section{padding-inline:4.5vw}.hero-media{width:83%}.shorts-section{gap:5vw}.hero h1{max-width:1000px}}
@media(min-width:1800px){.hero-content,.shorts-section,.episodes-section,.about-section,.contact-section{padding-inline:max(4.5vw,calc((100vw - 1760px)/2))}}
@media(max-width:760px){.site-header .brand>span{display:none}.site-header nav{gap:18px}.site-header .brand{flex-shrink:0}.listen-feature{min-height:550px;margin-bottom:65px}.listen-feature-copy{padding:40px 24px;width:100%}.listen-feature-copy>h2{font-size:38px}.listen-feature-copy>p{font-size:13px}.listen-feature-copy>span{font-size:12px;line-height:1.9;max-width:29ch}.listen-feature-image>img{object-position:42% center}.listen-feature::after{background:linear-gradient(0deg,#0a0a0a,#0a0a0a66 50%,#0a0a0a),linear-gradient(270deg,#0a0a0ad9,#0a0a0a22)}.episode-actions{gap:22px}}
@media(max-width:760px){.autoplay-toggle{left:24px;bottom:143px;font-size:12px}.hero-video-host>iframe{width:180svh;height:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Directional navigation follows Arabic reading order; media transport stays LTR. */
.scroll-cue>svg{transform:none}.short-navigation{direction:rtl}.short-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.short-navigation button svg{width:18px;height:18px}

/* Preserve the whole studio frame in the wide-camera hero preview. */
.hero-media.wide-shot>img,.hero-media.wide-shot .hero-video-host>video{object-fit:contain;object-position:center 72%}