:root{--bg:#fff;--ink:#0d1417;--text:#33414a;--muted:#6c7a83;--line:#e6eaed;--soft:#f3f5f6;--night:#0d1417;--brand:#63c5e8;--brand-ink:#0b74a3;--accent:#63c5e8;--tile:#7dc7ec;--display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--display-ar:"Noto Kufi Arabic Variable", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-ar:"IBM Plex Sans Arabic", "Inter Variable", system-ui, sans-serif;--r:20px;--r-s:12px;--wrap:1240px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}.site-bluearabi{--brand:#0aaee6;--brand-ink:#08739f;--accent:#ffb02c;--tile:#0d1417}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.menu-open{overflow:hidden}body.site{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}html[lang=ar] body.site{font-family:var(--font-ar);line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--brand);color:#fff}:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}html[lang=ar] :is(h1,h2,h3,h4){font-family:var(--display-ar);letter-spacing:0;font-weight:700;line-height:1.45}p{text-wrap:pretty}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:18px}@media (min-width:768px){.wrap{padding-inline:32px}}.skip{z-index:90;background:#fff;padding:8px 12px;position:absolute;inset-inline-start:-999px}.skip:focus{inset-block-start:8px;inset-inline-start:8px}.muted{color:var(--muted)}.empty{color:var(--muted);padding-block:40px}.wordmark{width:auto;height:100%;display:block;overflow:visible}.wordmark .l{transform-box:fill-box;transform-origin:50% 100%}.wordmark .t-b{fill:var(--brand)}.wordmark .t-a{fill:#ffb02c}.wordmark .t-dot{fill:var(--brand);transform-origin:50%}.wordmark.ba .t-b{fill:#3eb4da}.wordmark.ba .t-a,.wordmark.ba .t-dot{fill:#f5f724}.intro{z-index:100;pointer-events:none;animation:intro-lift .7s var(--ease-out) 1.35s both;background:#fff;place-items:center;display:grid;position:fixed;inset:0}html[data-seen] .intro{display:none}.intro-in{animation:intro-in-out .5s var(--ease) 1.3s both;flex-direction:column;align-items:center;gap:22px;display:flex}.intro-word{height:44px}.site-bluearabi .intro-word{height:96px}.site-bluearabi .intro{animation-delay:1.9s}.site-bluearabi .intro-in{animation-delay:1.85s}.site-bluearabi .intro-word .t-b{animation:letter-drop .6s var(--ease-out) calc(.15s + var(--i) * 70ms) both}.site-bluearabi .intro-word .t-a{opacity:1;animation:write-rtl .8s var(--ease) .75s both}.site-bluearabi .intro-word .t-dot{opacity:0;animation:dot-pop .45s var(--ease-out) calc(1.45s + var(--d) * .11s) both}@keyframes letter-drop{0%{opacity:0;transform:translateY(-55%)}to{opacity:1;transform:none}}@keyframes write-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes dot-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:none}}.intro-word .l{opacity:0;animation:letter-up .6s var(--ease-out) calc(.55s + var(--i) * 55ms) both}@keyframes intro-lift{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes intro-in-out{to{opacity:0;transform:translateY(-14px)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes letter-up{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:none}}.site-header{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(14px);box-shadow:0 1px 0 var(--line);background:#fffffff2;position:sticky;inset-block-start:0}.hbar{align-items:center;gap:24px;height:72px;display:flex}.logo{flex:none;align-items:center;gap:10px;display:flex}.logo .wordmark{height:24px}.logo.bluearabi .wordmark{height:42px}.logo:hover .l{animation:hop .55s var(--ease) calc(80ms + var(--i) * 40ms)}.logo.bluearabi:hover .t-dot{animation:dot-pop .5s var(--ease-out) calc(var(--d) * 90ms)}@media (max-width:600px){.logo .wordmark{height:19px}.logo.bluearabi .wordmark{height:38px}}@keyframes hop{40%{transform:translateY(-14%)}}.nav{color:var(--ink);gap:26px;margin-inline:auto;font-size:14.5px;font-weight:500;display:none}.nav a{white-space:nowrap;padding-block:6px;position:relative}.nav a:after{content:"";background:var(--brand);height:2px;transform-origin:var(--from,left);transition:transform .35s var(--ease);border-radius:2px;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}html[dir=rtl] .nav a:after{--from:right}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.tools{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.icon-btn{width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;transition:background .2s;display:grid}.icon-btn:hover{background:var(--soft)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:19px;height:19px}.lang{background:var(--soft);letter-spacing:.04em;border-radius:999px;gap:2px;padding:3px;font-size:11.5px;font-weight:650;display:flex}.lang a,.lang span{color:var(--muted);border-radius:999px;padding:5px 9px;line-height:1.2;transition:color .2s,background .2s}.lang a:hover{color:var(--ink)}.lang [aria-current=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0d14171f}.lang .off{opacity:.35}.tools>.lang{display:none}.burger{all:unset;cursor:pointer;border-radius:50%;place-content:center;gap:6px;width:40px;height:40px;display:grid}.burger span{background:var(--ink);width:20px;height:2px;transition:transform .35s var(--ease);border-radius:2px;display:block}.burger.is-open span:first-child{transform:translateY(4px)rotate(45deg)}.burger.is-open span:last-child{transform:translateY(-4px)rotate(-45deg)}.burger:focus-visible{outline:2px solid var(--brand-ink)}@media (min-width:1040px){.nav,.tools>.lang{display:flex}.burger,.sheet{display:none!important}}.sheet{z-index:49;animation:sheet-in .35s var(--ease-out);background:#fff;flex-direction:column;justify-content:space-between;padding:28px 22px 40px;display:flex;position:fixed;inset:72px 0 0;overflow-y:auto}.sheet[hidden]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(-8px)}}.sheet-nav{flex-direction:column;display:flex}.sheet-nav a{font:700 30px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink);border-block-end:1px solid var(--line);animation:letter-up .5s var(--ease-out) calc(var(--i,0) * 40ms) both;padding-block:10px}html[lang=ar] .sheet-nav a{font-family:var(--display-ar);letter-spacing:0;font-size:24px;line-height:1.6}.sheet-nav a[aria-current=page]{color:var(--brand-ink)}.sheet-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block-start:28px;display:flex}.sheet-social{gap:6px;display:flex}.sheet-social a{background:var(--soft);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.sheet-social svg{fill:currentColor;width:18px;height:18px}.kicker,.label{font:650 11.5px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink);align-items:center;gap:10px;margin:0 0 10px;display:inline-flex}.kicker:after,.label:after{content:"";background:var(--accent);border-radius:2px;width:24px;height:1.5px}html[lang=ar] :is(.kicker,.label){font-family:var(--font-ar);letter-spacing:0;text-transform:none;font-size:13px}.label{color:var(--ink)}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-block-start:12px;font-size:13px;display:flex}.meta>*+:before{content:"";opacity:.6;vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-inline-end:8px;display:inline-block}.pill{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--soft);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:650;display:inline-block}html[lang=ar] .pill{letter-spacing:0;text-transform:none;font-size:12px}.ph{border-radius:var(--r-s);background:var(--soft);aspect-ratio:3/2;isolation:isolate;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out)}:is(.card,.row,.lead):hover .ph img{transform:scale(1.045)}.noimg{background:linear-gradient(135deg, var(--soft), #e9eef1);place-items:center;display:grid;position:absolute;inset:0}.noimg .wordmark{opacity:.35;height:22px}.noimg.bluearabi .wordmark{height:44px}.ul{transition:background-size .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-block-end:1px}html[dir=rtl] .ul{background-position:100% 100%}:is(.card,.row):hover .ul{background-size:100% 1.5px}.card{flex-direction:column;gap:16px;min-width:0;display:flex}.card h3{letter-spacing:-.015em;font-size:21px;font-weight:650;line-height:1.2}html[lang=ar] .card h3{font-size:19px;line-height:1.55}.excerpt{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.row{border-block-start:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) 96px;align-items:start;gap:16px;padding-block:18px;display:grid}.row:first-of-type{border-block-start:0;padding-block-start:0}.row .num{font:700 26px/1 var(--display);color:var(--line);min-width:1.4em}.row:not(:has(.num)){grid-template-columns:minmax(0,1fr) 96px}.row h3{letter-spacing:-.01em;font-size:17px;font-weight:650;line-height:1.25}html[lang=ar] .row h3{font-size:16px;line-height:1.6}.row .meta{margin-block-start:8px;font-size:12.5px}.row .kicker{margin-block-end:6px}.ph.thumb{aspect-ratio:1;border-radius:10px}@media (min-width:600px){.row:not(:has(.num)){grid-template-columns:minmax(0,1fr) 112px}.ph.thumb{aspect-ratio:4/3}}.lead{min-width:0;display:block}.lead-ph{aspect-ratio:16/10;border-radius:var(--r)}.lead-copy{padding-block-start:22px}.lead :is(h1,h2){letter-spacing:-.035em;max-width:22ch;font-size:32px;line-height:1.04}@media (min-width:900px){.lead :is(h1,h2){font-size:50px}}html[lang=ar] .lead :is(h1,h2){letter-spacing:0;max-width:none;font-size:27px;line-height:1.4}@media (min-width:900px){html[lang=ar] .lead :is(h1,h2){font-size:38px}}.lead p:not(.kicker){max-width:62ch;color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:16px 0 0;font-size:17.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.lead .kicker{margin-block-end:12px}.lead .ul2{transition:background-size .6s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat}.lead:hover .ul2{background-size:100% 2px}html[dir=rtl] .lead .kicker{margin-block-end:12px}.lead .ul2{background-position:100% 100%}.hero{gap:34px;padding-block:28px 0;display:grid}@media (min-width:1000px){.hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch;gap:44px}.hero-side{justify-content:space-between}.hero-side .row{flex:1;align-content:center;padding-block:14px}.hero-side .row:first-of-type{padding-block-start:0}.hero-side .row:last-child{padding-block-end:0}.hero .lead-ph{aspect-ratio:16/9}.hero .lead :is(h1,h2){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.hero-side{flex-direction:column;display:flex}.hero-side .label{margin-block-end:18px}.sec{padding-block-start:72px}.sec-head{border-block-start:1.5px solid var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin-block-end:26px;padding-block-start:16px;display:flex}.sec-head h2{letter-spacing:-.025em;font-size:28px}@media (min-width:768px){.sec-head h2{font-size:34px}}html[lang=ar] .sec-head h2{font-size:26px}.more{color:var(--ink);white-space:nowrap;font-size:14px;font-weight:600}.more span{transition:transform .3s var(--ease);margin-inline-start:6px;display:inline-block}.more:hover span{transform:translate(4px)}html[dir=rtl] .more span{transform:scaleX(-1)}html[dir=rtl] .more:hover span{transform:scaleX(-1)translate(4px)}.grid{grid-template-columns:minmax(0,1fr);gap:40px 28px;display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid.g2 .card h3{font-size:24px}.grid.g4 .card h3{font-size:18px}.split{gap:34px;display:grid}@media (min-width:900px){.split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px}.split>.card h3{font-size:28px}.split>.card .ph{aspect-ratio:16/10}}.split-list{flex-direction:column;display:flex}.studio-band{background:var(--night);color:#c9d5da;margin-block-start:88px;padding-block:8px 72px}.studio-band .sec-head{border-color:#ffffff38;margin-block-start:56px}.studio-band h2,.studio-band h3,.studio-band .more{color:#fff}.studio-grid{gap:30px;display:grid}@media (min-width:1000px){.studio-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}}.ep-main .lite{border-radius:16px}.ep-copy{padding-block-start:18px}.ep-copy h3{margin-block-start:12px;font-size:24px;line-height:1.25}@media (min-width:900px){.ep-copy h3{font-size:30px}}.studio-band .pill{color:#fff;background:#ffffff1a}.ep-list{flex-direction:column;gap:18px;display:flex}.ep-row{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;display:grid}.ep-row h3{font-size:15.5px;font-weight:600;line-height:1.45}.ep-row .lite{border-radius:10px}.ep-row:hover h3{color:var(--brand)}:is(.ep-main,.ep-row):hover .lite img{transform:scale(1.04)}.page-head{border-block-end:1px solid var(--line);margin-block-end:40px;padding-block:56px 28px}.page-head h1{letter-spacing:-.03em;font-size:40px}@media (min-width:768px){.page-head h1{font-size:58px}}html[lang=ar] .page-head h1{font-size:36px}.page-head p{color:var(--text);max-width:60ch;margin:12px 0 0;font-size:17px}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin-block:56px 8px;display:flex}.pager a,.pager span{text-align:center;border:1px solid var(--line);border-radius:999px;min-width:42px;padding:10px 15px;font-size:14px;font-weight:500;transition:border-color .2s}.pager a:hover{border-color:var(--ink)}.pager .cur{background:var(--ink);color:#fff;border-color:var(--ink)}.searchbox{gap:8px;max-width:620px;margin-block:20px 6px;display:flex}.searchbox input{font:inherit;border:1px solid var(--line);background:var(--soft);border-radius:999px;flex:1;min-width:0;padding:14px 20px;font-size:17px;transition:border-color .2s,background .2s}.searchbox input:focus{border-color:var(--ink);background:#fff;outline:0}.searchbox button{font:inherit;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:0 24px;font-weight:600}.progress{z-index:60;background:var(--brand);transform-origin:0;height:3px;position:fixed;inset-block-start:0;inset-inline:0;transform:scaleX(0)}html[dir=rtl] .progress{transform-origin:100%}@supports (animation-timeline:scroll()){.progress{animation:linear both grow;animation-timeline:scroll(root)}}@keyframes grow{to{transform:scaleX(1)}}.article{max-width:740px;margin-inline:auto}.post-head{text-align:start;padding-block:52px 8px}.crumbs{color:var(--muted);align-items:center;gap:10px;margin-block-end:20px;font-size:13px;display:flex}.crumbs .kicker{margin:0}.post-head h1{letter-spacing:-.035em;font-size:36px;line-height:1.04}@media (min-width:768px){.post-head h1{font-size:56px}}html[lang=ar] .post-head h1{font-size:32px;line-height:1.45}@media (min-width:768px){html[lang=ar] .post-head h1{font-size:44px}}.dek{color:var(--text);margin:20px 0 0;font-size:21px;line-height:1.5}.byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-block:26px 36px;font-size:14px;display:flex}.byline a{color:var(--ink);font-weight:600}.byline a:hover{color:var(--brand-ink)}.cover{max-width:1180px;margin:0 auto;padding-inline:18px}.cover figure{margin:0}.cover-ph{border-radius:var(--r);background:var(--soft);overflow:hidden}.cover-ph img{aspect-ratio:16/9;object-fit:cover;width:100%}.cover figcaption{color:var(--muted);text-align:center;margin-block-start:10px;font-size:13px}.post-body{padding-block:48px 24px}.prose{color:#1b2529;font-size:19px;line-height:1.75}html[lang=ar] .prose{font-size:20px;line-height:2}.prose>p:first-child{color:var(--ink);font-size:1.12em}.prose p{margin:0 0 1.2em}.prose h2{letter-spacing:-.025em;margin:1.7em 0 .6em;font-size:30px}.prose h3{margin:1.5em 0 .5em;font-size:23px}.prose h4{margin:1.3em 0 .4em;font-size:19px}.prose a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration-thickness:2px;transition:text-decoration-color .2s}.prose a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.prose ul,.prose ol{margin:0 0 1.3em;padding-inline-start:1.3em}.prose li{margin-block-end:.45em}.prose li::marker{color:var(--brand-ink)}.prose blockquote{border-inline-start:3px solid var(--brand);font:500 1.3em/1.45 var(--display);letter-spacing:-.01em;color:var(--ink);margin:2em 0;padding-inline-start:24px}html[lang=ar] .prose blockquote{font-family:var(--display-ar);letter-spacing:0;font-size:1.15em;line-height:1.8}.prose blockquote p:last-child{margin:0}.prose hr{background:var(--line);border:0;height:1px;margin-block:2.4em}.prose figure{margin:2em 0}.prose figure img,.prose img{border-radius:var(--r-s);width:100%}.prose .doc-link a{border:1.5px solid var(--ink);border-radius:var(--r-s);color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:650;text-decoration:none;transition:background .2s;display:flex}.prose .doc-link a:hover{background:var(--soft)}.prose .doc-link small{letter-spacing:.08em;color:var(--brand-ink);flex:none;font-size:12px;font-weight:650}.prose figcaption{color:var(--muted);margin-block-start:10px;font-size:14px;line-height:1.5}.tags{flex-wrap:wrap;gap:8px;margin-block:36px 8px;display:flex}.tags a{border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;transition:border-color .2s}.tags a:hover{border-color:var(--ink)}.alsoin{background:var(--soft);border-radius:var(--r-s);flex-wrap:wrap;align-items:center;gap:12px;margin-block:24px 0;padding:14px 18px;font-size:14px;display:flex}.alsoin a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:3px;font-weight:650}.authorbox{border-block:1px solid var(--line);align-items:center;gap:16px;margin-block:40px 8px;padding-block:22px;display:flex}.authorbox .av{background:var(--soft);width:56px;height:56px;color:var(--ink);font:700 20px var(--display);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.authorbox .av img{object-fit:cover;width:100%;height:100%}.authorbox b{color:var(--ink);font-size:16px}.authorbox p{margin:2px 0 0;font-size:14px}.lite{aspect-ratio:16/9;border-radius:var(--r-s);isolation:isolate;background:#0b1316;position:relative;overflow:hidden}.lite-v{aspect-ratio:9/16}.lite button{all:unset;cursor:pointer;display:block;position:absolute;inset:0}.lite img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out)}.lite-blank{background:linear-gradient(135deg,#10232b,#0b5f82);position:absolute;inset:0}.lite-play{width:64px;height:64px;color:var(--ink);transition:transform .35s var(--ease);background:#fffffff0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #0000004d}html[dir=ltr] .lite-play svg{margin-inline-start:3px}html[dir=rtl] .lite-play svg{margin-inline-end:3px}:is(.lite button:hover,.lite button:focus-visible,.ep-main:hover,.feature:hover) .lite-play{transform:scale(1.08)}.lite iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.dur{color:#fff;pointer-events:none;direction:ltr;background:#000000c7;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;inset-block-end:8px;inset-inline-end:8px}.privacy{color:var(--muted);margin:10px 0 0;font-size:12px}.studio-intro{text-align:center;padding-block:64px 16px}.studio-intro h1{letter-spacing:-.035em;font-size:44px}@media (min-width:768px){.studio-intro h1{font-size:64px}}.studio-intro p{max-width:580px;margin:14px auto 0;font-size:17px}.social{flex-wrap:wrap;justify-content:center;gap:8px;margin-block-start:24px;display:flex}.social a{border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:500;line-height:1;transition:border-color .2s;display:inline-flex}.social a:hover{border-color:var(--ink)}.social svg{fill:currentColor;width:18px;height:18px}.social .yt svg{fill:#e1251b}.feature{border-radius:var(--r);background:var(--night);color:#c9d5da;gap:18px;padding:14px;display:grid}.feature h3{color:#fff;margin:10px 0;font-size:24px}.feature .pill{color:#fff;background:#ffffff1a}@media (min-width:900px){.feature{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:34px;padding:18px}.feature h3{font-size:30px}}.btn{transition:transform .2s var(--ease), background .2s;border-radius:999px;align-items:center;gap:8px;margin-block-start:16px;padding:11px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-blue{color:var(--ink);background:#fff}.btn-line{border:1px solid var(--line);color:var(--ink);background:#fff}.shows{grid-template-columns:minmax(0,1fr);gap:34px 26px;display:grid}@media (min-width:600px){.shows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.shows{grid-template-columns:repeat(3,minmax(0,1fr))}}.show{flex-direction:column;gap:14px;display:flex}.show .cover-img{aspect-ratio:16/9;border-radius:var(--r-s);background:var(--soft);overflow:hidden}.show .cover-img img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out)}.show:hover .cover-img img{transform:scale(1.045)}.show .body{padding:0}.show h3{margin:0 0 4px;font-size:22px}.show p{color:var(--text);margin:6px 0 0;font-size:14.5px}.eps{grid-template-columns:minmax(0,1fr);gap:30px 24px;display:grid}@media (min-width:600px){.eps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.eps{grid-template-columns:repeat(3,minmax(0,1fr))}}.ep h3{margin:12px 2px 4px;font-size:16.5px;font-weight:600;line-height:1.45}.rail{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:44%;grid-auto-flow:column;gap:12px;padding-block-end:12px;display:grid;overflow-x:auto}@media (min-width:600px){.rail{grid-auto-columns:23%}}@media (min-width:1000px){.rail{grid-auto-columns:calc(12.5% - 10.5px)}}.short{scroll-snap-align:start}.short p{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 2px 2px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.show-hero{border-radius:var(--r);background:var(--night);color:#c9d5da;margin-block-start:18px;display:grid;overflow:hidden}@media (min-width:900px){.show-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.show-hero .art img{object-fit:cover;aspect-ratio:16/9;width:100%;height:100%}.show-hero .copy{border:0;flex-direction:column;justify-content:center;margin:0;padding:26px 24px;display:flex}@media (min-width:900px){.show-hero .copy{padding:40px 44px}}.show-hero h1{color:#fff;letter-spacing:-.03em;font-size:38px}.show-hero .social{justify-content:flex-start}.show-hero .social a{color:#fff;border-color:#fff3}.band{display:none}.site-footer{background:var(--night);color:#ffffffa8;margin-block-start:110px;padding-block:64px 34px;font-size:14px}.studio-band+.site-footer{margin-block-start:0}main:has(>.studio-band:last-child)+.site-footer{margin-block-start:0}.foot-top{border-block-end:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px 40px;padding-block-end:40px;display:flex}.foot-logo{height:34px;display:block}.site-bluearabi .foot-logo{height:64px}.foot-logo :is(.t-b,.t-dot){fill:#fff}.foot-about{max-width:46ch;margin:0;font-size:15px;line-height:1.6}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding-block:40px;display:grid}@media (min-width:900px){.foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-footer h4{font:650 11.5px/1.2 var(--font);text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;margin:0 0 16px}html[lang=ar] .site-footer h4{font-family:var(--font-ar);letter-spacing:0;font-size:13px}.site-footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{transition:color .2s}.site-footer a:hover{color:#fff}.foot-social a{align-items:center;gap:10px;display:inline-flex}.foot-social svg{fill:currentColor;width:17px;height:17px}.jti{color:var(--ink);border-radius:var(--r-s);background:#fff;align-items:center;gap:12px;max-width:260px;padding:10px 14px 10px 10px;font-size:12.5px;line-height:1.35;display:inline-flex}.jti img{flex:none;width:64px;height:auto}.foot-partners{padding-block:0 36px}.foot-partners ul{flex-wrap:wrap;gap:12px;display:flex}.foot-partners li>*,.foot-partners li>img{border-radius:var(--r-s);background:#fff;place-items:center;width:132px;height:64px;padding:10px 14px;display:grid}.foot-partners img{object-fit:contain;max-width:100%;max-height:100%}.foot-partners a:hover{opacity:.85}.people{max-width:980px;margin:64px auto 0}.people+.people{margin-block-start:48px}.people h2{letter-spacing:-.02em;margin:0 0 22px;font-size:26px}.people ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.people ul{grid-template-columns:repeat(4,minmax(0,1fr))}}.people li{color:var(--muted);align-content:start;gap:4px;font-size:14px;display:grid}.people li img,.people-initials{aspect-ratio:1;object-fit:cover;border-radius:var(--r-s);background:var(--soft);width:100%;margin-block-end:8px}.people-initials{font:700 34px/1 var(--display);color:var(--ink);place-items:center;display:grid}.people strong{color:var(--ink);font-size:15.5px}.copy{border-block-start:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block-start:22px;font-size:12.5px;display:flex}.nf{text-align:center;padding-block:110px 40px}.nf h1{letter-spacing:-.04em;font-size:56px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}::view-transition-old(.page-out){animation:.16s ease-in both vt-out}::view-transition-old(.page){animation:.16s ease-in both vt-out}::view-transition-new(.page){animation:.38s var(--ease-out) 90ms both vt-in}::view-transition-group(.morph){animation-duration:.52s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-image-pair(.morph){animation:.52s both vt-blur}::view-transition-old(.morph){object-fit:cover;height:100%}::view-transition-new(.morph){object-fit:cover;height:100%}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}@keyframes vt-blur{35%{filter:blur(2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.intro{display:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.theater{background:var(--night);color:#c9d5da;border-radius:24px;gap:18px;padding:14px;display:grid}@media (min-width:1000px){.theater{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;padding:18px}}.stage{aspect-ratio:16/9;isolation:isolate;background:#000;border-radius:16px;outline:none;position:relative;overflow:hidden}.stage:focus-visible{box-shadow:0 0 0 3px var(--brand)}.stage:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.stage-video,.stage-video>*,.stage-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.stage-video iframe{pointer-events:none}.poster{all:unset;cursor:pointer;z-index:2;display:block;position:absolute;inset:0}.poster img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.poster:hover img{transform:scale(1.03)}.poster-shade{background:#0000001f;transition:background .3s;position:absolute;inset:0}.poster:hover .poster-shade{background:#00000040}.big-play{width:84px;height:84px;color:var(--ink);transition:transform .35s var(--ease);background:#fff;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 14px 40px #00000059}.big-play svg{width:34px;height:34px;margin-inline-start:4px}html[dir=rtl] .big-play svg{margin-inline:0 4px;transform:scaleX(-1)}.poster:hover .big-play,.poster:focus-visible .big-play{transform:scale(1.08)}.poster-copy{color:#fff;flex-direction:column;gap:8px;padding:22px 26px;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.poster-show{letter-spacing:.1em;text-transform:uppercase;background:var(--brand);color:var(--ink);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:650}.poster-title{font:700 22px/1.2 var(--display);letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:30ch;display:-webkit-box;overflow:hidden}html[lang=ar] .poster-title,.poster-title:lang(ar){font-family:var(--display-ar);letter-spacing:0;line-height:1.5}@media (min-width:900px){.poster-title{font-size:28px}}.hit{all:unset;z-index:2;cursor:pointer;position:absolute;inset:0 0 70px}.stage.is-idle,.stage.is-idle .hit{cursor:none}.controls{z-index:3;color:#fff;transition:opacity .35s var(--ease);background:linear-gradient(#0000,#000000b8);padding:30px 14px 10px;position:absolute;inset-block-end:0;inset-inline:0}.stage.is-idle .controls{opacity:0}.stage:not(.is-playing) .controls{opacity:1}.bar{cursor:pointer;background:#ffffff38;border-radius:4px;height:4px;margin-inline:4px;transition:height .2s;position:relative}.bar:before{content:"";position:absolute;inset:-10px 0}.bar:hover{height:6px}.bar-buf,.bar-fill{border-radius:inherit;position:absolute;inset-block:0;inset-inline-start:0}.bar-buf{background:#ffffff4d}.bar-fill{background:var(--brand)}.bar-knob{width:14px;height:14px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 0 4px #63c5e859}html[dir=rtl] .bar-knob{transform:translate(50%,-50%)scale(0)}.bar:hover .bar-knob{transform:translate(-50%,-50%)scale(1)}html[dir=rtl] .bar:hover .bar-knob{transform:translate(50%,-50%)scale(1)}.ctrl-row{align-items:center;gap:2px;margin-block-start:8px;display:flex}.ctrl-row button{all:unset;cursor:pointer;color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,opacity .15s;display:grid}.ctrl-row button:hover{background:#ffffff24}.ctrl-row button:focus-visible{box-shadow:0 0 0 2px var(--brand)}.ctrl-row button:disabled{opacity:.3;cursor:default;background:0 0}.ctrl-row .ctrl-main{width:44px;height:44px;color:var(--ink);background:#fff;margin-inline:2px}.ctrl-row .ctrl-main:hover{background:#e9f6fc}html[dir=rtl] .ctrl-row svg{transform:scaleX(-1)}.ctrl-time{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;margin-inline:10px 14px;font-size:13px}.ctrl-time i{opacity:.5;font-style:normal}.ctrl-title{opacity:.8;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;overflow:hidden}@media (max-width:640px){.ctrl-title{visibility:hidden}.ctrl-time{margin-inline:6px}}.now{padding:18px 6px 6px}.now .now-show{color:#fff;background:#ffffff1a}.now h2{color:#fff;margin-block:12px 10px;font-size:24px;line-height:1.25}@media (min-width:900px){.now h2{font-size:30px}}html[lang=ar] .now h2,.now h2:lang(ar){font-family:var(--display-ar);line-height:1.5}.now-meta{color:#93a4ad;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;display:flex}.now-meta a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:3px}.now .privacy{color:#7d8e97}.playlist{background:#ffffff0b;border-radius:16px;flex-direction:column;max-height:560px;display:flex;overflow:hidden}@media (max-width:999px){.playlist{max-height:460px}}.playlist-head{border-block-end:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 16px 10px;display:flex}.playlist-head b{color:#fff;font:700 16px/1.3 var(--display)}.playlist-head span{color:#93a4ad;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.playlist ol{scrollbar-width:thin;scrollbar-color:#fff3 transparent;margin:0;padding:8px;list-style:none;overflow-y:auto}.playlist li button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:8px;transition:background .15s;display:grid}.playlist li button:hover{background:#ffffff0f}.playlist li button:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.playlist li button.is-cur{background:#ffffff1c}.pl-thumb{aspect-ratio:16/9;background:#1b2a31;border-radius:9px;position:relative;overflow:hidden}.pl-thumb img{object-fit:cover;width:100%;height:100%}.pl-dur{color:#fff;direction:ltr;background:#000000c7;border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;inset-block-end:5px;inset-inline-end:5px}.eq{background:#00000073;justify-content:center;align-items:flex-end;gap:3px;padding-block-end:30%;display:flex;position:absolute;inset:0}.eq i{background:var(--brand);transform-origin:bottom;border-radius:2px;width:4px;height:14px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.pl-text{flex-direction:column;gap:4px;min-width:0;display:flex}.pl-show{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-size:10.5px;font-weight:650}html[lang=ar] .pl-show{letter-spacing:0;text-transform:none;font-size:12px}.pl-title{color:#dbe5ea;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.is-cur .pl-title{color:#fff;font-weight:600}.show-head{max-width:760px;padding-block:18px 30px}.show-head h1{letter-spacing:-.035em;font-size:40px}@media (min-width:768px){.show-head h1{font-size:60px}}.show-head p{color:var(--text);margin:14px 0 0;font-size:17px}.show-head-meta{color:var(--muted);align-items:center;gap:16px;margin-block-start:18px;font-size:14px;display:flex}.yt-link{border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:500;transition:border-color .2s;display:inline-flex}.yt-link:hover{border-color:var(--ink)}.yt-link svg{fill:#e1251b;width:18px;height:18px}.show:hover .ul{background-size:100% 1.5px}