:root{--bg:#101716;--surface:#192220;--ink:#f3f2ed;--muted:#adb6b1;--accent:#e9b18a;--line:#35403c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:105px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;font-weight:600}.monogram{font:700 32px 'Manrope',sans-serif;letter-spacing:-3px}.monogram span{color:var(--accent)}.edition{font-size:14px;color:var(--muted)}#motion{border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--muted);padding:9px 16px;font-size:14px;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:66px 65px}.eyebrow{font-size:14px;letter-spacing:.08em;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(64px,7.7vw,110px);line-height:1.2;letter-spacing:-3px;margin:0;font-weight:500}h1 span{color:var(--accent)}h1 em{font-style:normal;color:var(--accent)}.english{font-family:Manrope,sans-serif;letter-spacing:.22em;font-size:14px;text-align:right;margin:20px 0 30px}.role{display:flex;gap:14px;align-items:center}.role-line{width:3px;height:43px;background:var(--accent)}.role strong{font-weight:500}.role div>span{display:block;color:var(--muted);font:13px/1.8 Manrope,sans-serif;text-align:right}.hero-side{align-self:center}.sound{height:125px;display:flex;align-items:center;gap:5px;overflow:hidden;direction:ltr}.sound i{background:var(--accent);width:5px;flex:1;height:var(--h);border-radius:5px;transform-origin:center;animation:wave 1.7s ease-in-out var(--d) infinite alternate}.sound i:nth-child(3n){opacity:.45}.sound i:nth-child(4n){opacity:.7}@keyframes wave{from{transform:scaleY(.32)}to{transform:scaleY(1)}}.side-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0 30px;color:var(--accent);font-size:14px}.tiny{font:10px Manrope,sans-serif;letter-spacing:.12em;color:var(--muted)}.summary{font-size:20px;line-height:1.9;color:var(--muted);max-width:450px}.contacts{border-top:1px solid var(--line);margin-top:28px}.contacts a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px}.contacts a:hover b{color:var(--accent)}.contacts span{color:var(--muted)}.contacts b{font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.navigation{position:sticky;top:0;z-index:10;background:rgba(16,23,22,.96);backdrop-filter:blur(15px);border-block:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:45px;min-height:73px}.nav-inner>a{font:12px Manrope,sans-serif;color:var(--accent);display:flex;gap:12px;align-items:center;min-height:48px}.nav-inner>a span{font:500 16px 'IBM Plex Sans Arabic',sans-serif;color:var(--ink)}.nav-inner>a:hover span{color:var(--accent)}.nav-note{margin-inline-start:auto;color:var(--muted);font-size:14px}.section{padding-block:60px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:8px;font-family:Manrope,sans-serif;direction:ltr;text-align:right}h2{font-size:clamp(27px,3vw,38px);font-weight:500;margin:0;line-height:1.5}.text-link{font-size:15px;border-bottom:1px solid var(--accent);padding:10px 0;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.grid.podcast{grid-template-columns:repeat(2,minmax(0,1fr))}.video{display:block;min-width:0}.thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:6px}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s;filter:saturate(.75)}.thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.65))}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff85;border-radius:50%;background:#10171680;color:white;z-index:1;transition:background .2s,scale .2s;backdrop-filter:blur(4px)}.play svg{width:24px;height:24px}.watch{position:absolute;bottom:13px;right:16px;z-index:1;font-size:13px;color:#fff}.video:hover .thumb img{transform:scale(1.045);filter:saturate(1)}.video:hover .play{background:var(--accent);color:var(--bg);scale:1.05}.caption{display:flex;gap:12px;padding-top:16px;align-items:baseline}.index{color:var(--accent);font:12px Manrope,sans-serif}.caption h3{font-size:17px;line-height:1.65;font-weight:500;margin:0}.arrow{margin-inline-start:auto;color:var(--muted)}.section-meta{font-size:14px;color:var(--muted)}.series-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0}.series-heading h3{font-size:24px;font-weight:500;margin:0}.series-heading span{font-size:14px;color:var(--muted)}.series-heading.second{margin-top:45px}.instagram{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:12px;padding-block:60px}.instagram p:not(.eyebrow){color:var(--muted)}.instagram>a{display:flex;flex-direction:column;align-items:end;color:var(--accent);min-width:180px}.instagram>a>span:first-child{font:500 clamp(40px,5vw,68px) Manrope,sans-serif;letter-spacing:-3px}.instagram-link{font-size:15px;border-bottom:1px solid var(--accent);padding:8px 0}.instagram a:hover{color:white}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-block:34px;font-size:14px;color:var(--muted)}footer strong{color:var(--ink);font-size:17px;font-weight:500}footer div>span{display:block;font:12px Manrope,sans-serif}footer>a{font-family:Manrope,sans-serif}.skip{position:fixed;top:-100px;right:20px;z-index:50;padding:12px;background:var(--accent);color:var(--bg)}.skip:focus{top:10px}.js .reveal{transition:opacity .55s ease,transform .55s ease}.js .reveal.pending{opacity:0;transform:translateY(20px)}.paused *{animation-play-state:paused!important}.paused{scroll-behavior:auto}.paused .reveal{transition:none!important}@media(min-width:1000px){.podcast .play{width:60px;height:60px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:40px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiny{display:none}.edition{display:none}.nav-inner{gap:25px}footer{flex-wrap:wrap}.footer-note{margin-inline-start:auto}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.top{min-height:85px;gap:12px}.brand{gap:12px;font-size:14px}.monogram{font-size:28px}#motion{font-size:12px;padding:7px 12px}.hero{grid-template-columns:1fr;gap:32px;padding-block:35px 32px}h1{font-size:72px;line-height:1.12}.intro>.eyebrow{margin-bottom:18px}.english{font-size:12px;margin:20px 0}.sound{height:58px;gap:4px}.sound i{width:3px}.side-caption{margin:12px 0 18px}.summary{font-size:18px;margin-bottom:15px}.contacts{margin-top:18px}.contacts a{flex-wrap:wrap}.contacts b{font-size:13px}.nav-inner{min-height:65px;justify-content:space-between;gap:10px}.nav-inner>a{gap:6px;font-size:10px}.nav-inner>a span{font-size:14px}.nav-note{display:none}.section{padding-block:36px}.section-head{display:block;margin-bottom:22px}.section-head h2{font-size:29px}.section-head .text-link{display:inline-block;margin-top:8px}.section-meta{display:block;margin-top:12px}.grid,.grid.podcast{grid-template-columns:1fr;gap:27px}.caption h3{font-size:17px}.series-heading{padding:18px 0}.instagram{align-items:start;flex-direction:column;gap:12px}.instagram>a{align-items:start}.instagram>a>span:first-child{font-size:48px}.instagram h2{font-size:28px}footer{gap:20px;align-items:start;flex-direction:column;padding-block:30px}.footer-note{margin:0}.section-head .eyebrow{font-size:12px}html{scroll-padding-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal.pending{opacity:1;transform:none}}@media print{.navigation,#motion,.sound,.skip{display:none}body{background:white;color:black}.wrap{width:100%}.hero{padding:20px 0}a{color:black}.section{break-inside:avoid}.grid{grid-template-columns:repeat(3,1fr)}.js .reveal.pending{opacity:1;transform:none}}
.hero>*{min-width:0}.sound i{min-width:0;flex-basis:0}@media(max-width:600px){.hero{grid-template-columns:minmax(0,1fr)}}