:root{--charcoal:#171a19;--ink:#0f1110;--paper:#eeeae2;--paper-2:#e4dfd5;--stone:#c4b69b;--stone-2:#a89a7e;--mist:#8d8c86;--white:#fff;--cyan:#03c9de;--rail-x:clamp(28px, 5vw, 72px);--gutter:clamp(20px, 6vw, 96px);--content:calc(var(--rail-x) + clamp(28px, 4vw, 56px));--maxw:1520px;--font-display:"Manrope", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body:"Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.2, .7, .1, 1);--ease-line:cubic-bezier(.65, 0, .35, 1)}html[lang=ar]{--font-display:"IBM Plex Sans Arabic", "Manrope", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--charcoal);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:clip}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--stone);outline-offset:4px}::selection{background:var(--stone);color:var(--charcoal)}.display-xl{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(52px,8.6vw,136px);font-weight:600;line-height:.96}.display-l{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(40px,5.4vw,84px);font-weight:600;line-height:1}.display-m{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(30px,3.6vw,56px);font-weight:600;line-height:1.06}.display-s{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.15}.numeral{font-family:var(--font-display);letter-spacing:-.04em;color:var(--stone);font-variant-numeric:tabular-nums;font-size:clamp(56px,7vw,112px);font-weight:300;line-height:1}.lede{max-width:34em;color:color-mix(in srgb, var(--paper) 86%, transparent);font-size:clamp(17px,1.35vw,21px);line-height:1.55}.small{color:var(--mist);font-size:14px;line-height:1.5}.mono{font-family:var(--font-mono);letter-spacing:.04em;color:var(--stone-2);font-size:12.5px}html[lang=ar] .display-xl{letter-spacing:0;font-size:clamp(46px,7.6vw,120px);font-weight:600;line-height:1.12}body[class*=page-] .display-xl{font-size:clamp(40px,5.6vw,80px);line-height:1}html[lang=ar] body[class*=page-] .display-xl{font-size:clamp(36px,5vw,72px);line-height:1.15}body[class*=page-] .display-l{font-size:clamp(34px,4.2vw,60px)}html[lang=ar] .display-l{letter-spacing:0;line-height:1.18}html[lang=ar] .display-m{letter-spacing:0;line-height:1.25}html[lang=ar] .display-s{letter-spacing:0;line-height:1.35}html[lang=ar] .numeral{letter-spacing:0;font-family:"Manrope", var(--font-display)}html[lang=ar] .lede{line-height:1.8}html[lang=ar] .mono{letter-spacing:0;font-family:var(--font-body);font-size:13px}.tone-dark{background:var(--charcoal);color:var(--paper)}.tone-ink{background:var(--ink);color:var(--paper)}.tone-paper{background:var(--paper);color:var(--charcoal)}.tone-paper .lede{color:color-mix(in srgb, var(--charcoal) 78%, transparent)}.tone-paper .small{color:#6b6a66}.tone-paper .mono{color:#7a6f5c}.wrap{padding-inline:var(--content) var(--gutter);max-width:calc(var(--maxw) + var(--content) + var(--gutter));margin-inline:auto}.section{padding-block:clamp(88px,11vw,168px);position:relative;overflow-x:clip}main{overflow-x:clip}[data-pending]{cursor:progress}.grid{grid-template-columns:repeat(12,1fr);gap:32px clamp(16px,2vw,32px);display:grid}.station-head{grid-template-columns:repeat(12,1fr);align-items:end;column-gap:clamp(16px,2vw,32px);margin-bottom:clamp(40px,5vw,72px);display:grid}.station-head .title{grid-column:1/span 8}.station-head .note{grid-column:9/span 4;max-width:32em}.station-head .note p{color:var(--mist);font-size:15.5px;line-height:1.6}.tone-paper .station-head .note p{color:#5f5e59}.station-label{align-items:center;gap:12px;margin-bottom:22px;display:inline-flex}.station-label:before{content:"";background:var(--stone);width:28px;height:1px}html[lang=ar] .station-label:before{order:2}.station-label span{font-family:var(--font-mono);letter-spacing:.06em;color:var(--stone);font-size:12.5px}html[lang=ar] .station-label span{font-family:var(--font-body);letter-spacing:0;font-size:13.5px}.headline-soft{color:var(--stone)}.tone-paper .headline-soft{color:var(--stone-2)}.rail{top:0;bottom:0;pointer-events:none;z-index:5;width:1px;position:absolute;inset-inline-start:var(--rail-x)}.rail .track{background:color-mix(in srgb, var(--stone) 22%, transparent);position:absolute;inset:0}.rail .ink{width:1px;height:100%;position:absolute;top:0;left:0}.rail .ink-line{background:var(--stone);transform-origin:top;will-change:transform;position:absolute;inset:0;transform:scaleY(0)}.rail .tip{background:var(--stone);width:9px;height:9px;box-shadow:0 0 0 6px color-mix(in srgb, var(--stone) 18%, transparent);border-radius:50%;margin-top:-4.5px;margin-left:-4.5px;transition:opacity .3s;position:absolute;top:0;left:50%}.tone-paper .rail .track{background:color-mix(in srgb, var(--stone-2) 35%, transparent)}.rail-four .track{width:1px}.rail-four .track.t2{opacity:.8;inset-inline-start:6px}.rail-four .track.t3{opacity:.6;inset-inline-start:12px}.rail-four .track.t4{opacity:.45;inset-inline-start:18px}.node{border:1px solid var(--stone);background:var(--charcoal);z-index:6;width:11px;height:11px;transition:background .5s var(--ease-out), box-shadow .5s;border-radius:50%;position:absolute;inset-inline-start:calc(var(--rail-x) - 5px)}.tone-paper .node{background:var(--paper)}.node.is-lit{background:var(--stone);box-shadow:0 0 0 5px color-mix(in srgb, var(--stone) 20%, transparent)}.line-link{align-items:center;gap:14px;padding-block:6px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.line-link:after{content:"";width:28px;height:1px;transition:width .45s var(--ease-out);background:currentColor;display:block}.line-link:hover:after,.line-link:focus-visible:after{width:56px}.btn{border:1px solid var(--stone);color:var(--paper);transition:background .35s var(--ease-out), color .35s var(--ease-out);background:0 0;align-items:center;gap:14px;padding:16px 26px;font-size:15px;font-weight:500;display:inline-flex}.btn:after{content:"";width:22px;height:1px;transition:width .45s var(--ease-out);background:currentColor}.btn:hover,.btn:focus-visible{background:var(--stone);color:var(--charcoal)}.btn:hover:after{width:40px}.btn.solid{background:var(--stone);color:var(--charcoal)}.btn.solid:hover{background:var(--paper)}.tone-paper .btn{border-color:var(--charcoal);color:var(--charcoal)}.tone-paper .btn:hover,.tone-paper .btn.solid{background:var(--charcoal);color:var(--paper)}.tone-paper .btn.solid:hover{background:var(--stone-2);color:var(--charcoal)}figure{margin:0}.figure{background:#22262a;position:relative;overflow:hidden}.tone-paper .figure{background:#d9d3c6}.figure img{object-fit:cover;width:100%;height:100%}.figure figcaption{inset-inline:0;color:var(--paper);background:linear-gradient(#0a0c0b00,#0a0c0bc7);padding:14px 16px;font-size:13px;line-height:1.4;position:absolute;bottom:0}.figure figcaption b{font-weight:500}.figure figcaption span{color:color-mix(in srgb, var(--paper) 64%, transparent);font-size:12.5px;display:block}@media (hover:hover) and (pointer:fine){html.lenis-scrolling #main,html.is-scrolling #main{pointer-events:none}}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(18px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.rail .ink-line{will-change:auto;transform:none}.rail .tip{display:none}.node{background:var(--stone)}}@media (width<=900px){:root{--rail-x:18px;--content:44px;--gutter:20px}.station-head{grid-template-columns:1fr}.station-head .title,.station-head .note{grid-column:auto}.grid{grid-template-columns:repeat(4,1fr);row-gap:24px}body{font-size:16px}.figure figcaption{padding:10px 12px;font-size:12px}.figure figcaption span{font-size:11.5px}}.swipe-bar{display:none}@media (width<=700px){[data-swipe][data-count]:not([data-count="1"]){overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin-inline-end:calc(-1 * var(--gutter));scroll-padding-inline:0;overflow-x:auto;padding-bottom:0!important;grid-template-columns:none!important;grid-auto-rows:auto!important;padding-inline-end:var(--gutter)!important;display:flex!important}[data-swipe][data-count]:not([data-count="1"])::-webkit-scrollbar{display:none}[data-swipe][data-count]:not([data-count="1"])>figure{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 86%;display:flex;overflow:visible;aspect-ratio:auto!important;background:0 0!important;grid-area:auto!important;height:auto!important}[data-swipe]>figure>img{aspect-ratio:4/3;object-fit:cover;background:#22262a;width:100%;display:block;height:auto!important}.tone-paper [data-swipe]>figure>img{background:#d9d3c6}[data-swipe][data-count="1"]{grid-auto-rows:auto!important;display:block!important}[data-swipe][data-count="1"]>figure{overflow:visible;background:0 0!important;height:auto!important}[data-swipe][data-count]>figure>figcaption{color:var(--mist);font-size:12.5px;line-height:1.45;inset:auto;background:0 0!important;padding:10px 0 0!important;position:static!important}.tone-paper [data-swipe]>figure>figcaption{color:#5a5955!important}[data-swipe]>figure>figcaption b{color:var(--paper);font-weight:500}.tone-paper [data-swipe]>figure>figcaption b{color:var(--charcoal)}.swipe-bar{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;max-width:100%;margin-top:14px;display:grid}.swipe-count{letter-spacing:.06em;color:var(--mist);font-size:12px}.swipe-count b{color:var(--stone);font-weight:400}.swipe-track{background:color-mix(in srgb, var(--stone) 25%, transparent);height:1px;position:relative}.swipe-track i{background:var(--stone);width:0;transition:width .35s var(--ease-out);position:absolute;inset-block:0;inset-inline-start:0}.swipe-btn{border:1px solid color-mix(in srgb, var(--stone) 40%, transparent);width:40px;height:40px;color:var(--paper);background:0 0;place-items:center;display:grid}.tone-paper .swipe-btn{color:var(--charcoal);border-color:color-mix(in srgb, var(--stone-2) 60%, transparent)}.swipe-btn:disabled{opacity:.3}html[dir=rtl] .swipe-btn svg{transform:scaleX(-1)}}.page{position:relative}.loader{z-index:100;background:var(--charcoal);place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.loader-z path{stroke-dasharray:1;stroke-dashoffset:1px}.loader-word{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--stone);opacity:0;font-size:13px;font-weight:500}html[lang=ar] .loader-word{letter-spacing:0;text-transform:none;font-size:15px}.loader.is-done{display:none}.header{inset-inline:0;z-index:50;padding:18px var(--gutter) 18px var(--content);transition:background .5s var(--ease-out), padding .5s var(--ease-out), box-shadow .5s;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0}html[dir=rtl] .header{padding:18px var(--content) 18px var(--gutter)}.header.is-scrolled{background:color-mix(in srgb, var(--charcoal) 97%, transparent);padding-block:12px}.brand img{width:80px;height:auto;transition:width .5s var(--ease-out)}.header.is-scrolled .brand img{width:66px}@media (width<=700px){.brand img{width:58px}.header.is-scrolled .brand img{width:52px}}.brand-dark,.header-light:not(.is-scrolled) .brand-light{display:none}.header-light:not(.is-scrolled) .brand-dark{display:block}.header-light:not(.is-scrolled) .nav a,.header-light:not(.is-scrolled) .lang{color:color-mix(in srgb, var(--charcoal) 82%, transparent)}.header-light:not(.is-scrolled) .nav a:hover{color:var(--charcoal)}.header-light:not(.is-scrolled) .nav a.is-aasc{color:var(--stone-2)}.header-light:not(.is-scrolled) .nav a:after{background:var(--charcoal)}.header-light:not(.is-scrolled) .btn-sm{color:var(--charcoal);border-color:var(--charcoal)}.header-light:not(.is-scrolled) .burger span{background:var(--charcoal)}.header-light:not(.is-scrolled) .burger[aria-expanded=true] span{background:var(--paper)}.nav{gap:clamp(18px,2.4vw,36px);display:flex}.nav a{color:color-mix(in srgb, var(--paper) 78%, transparent);padding-block:6px;font-size:14.5px;font-weight:500;position:relative}.nav a:after{content:"";inset-inline-start:0;background:var(--stone);width:0;height:1px;transition:width .4s var(--ease-out);position:absolute;bottom:0}.nav a:hover:after,.nav a.is-active:after,.nav a[aria-current=page]:after{width:100%}.nav a:hover{color:var(--paper)}.nav a.is-aasc{color:var(--stone)}.header-right{align-items:center;gap:18px;display:flex}.lang{color:color-mix(in srgb, var(--paper) 78%, transparent);font-size:14px}.dl{color:color-mix(in srgb, var(--paper) 78%, transparent);align-items:center;gap:7px;padding-block:6px;font-size:14px;display:inline-flex;position:relative}.dl:after{content:"";inset-inline-start:0;background:var(--stone);width:0;height:1px;transition:width .4s var(--ease-out);position:absolute;bottom:0}.dl:hover:after,.dl[aria-current=page]:after{width:100%}.dl:hover{color:var(--paper)}.header-light:not(.is-scrolled) .dl{color:color-mix(in srgb, var(--charcoal) 82%, transparent)}.header-light:not(.is-scrolled) .dl:after{background:var(--charcoal)}@media (width<=1180px){.dl span{display:none}}.btn-sm{padding:10px 18px;font-size:14px}.burger{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none}.burger span{background:var(--paper);width:22px;height:1px;transition:transform .3s;display:block}.burger[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.drawer{z-index:40;background:var(--charcoal);padding:110px var(--content) 40px;flex-direction:column;gap:18px;display:none;position:fixed;inset:0}.drawer a{font-family:var(--font-display);font-size:28px;font-weight:600}.drawer.is-open{display:flex}@media (width<=1100px){.nav{display:none}.burger{display:flex}.btn-sm{display:none}}.footer[data-astro-cid-jo6i4kqk]{padding-block:clamp(48px,6vw,80px) 28px}.foot-grid[data-astro-cid-jo6i4kqk]{border-bottom:1px solid color-mix(in srgb, var(--stone) 18%, transparent);grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;display:grid}.foot-brand[data-astro-cid-jo6i4kqk] img[data-astro-cid-jo6i4kqk]{width:88px;height:auto}.foot-tag[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);letter-spacing:-.01em;margin-top:18px;font-size:18px;font-weight:600}.foot-col[data-astro-cid-jo6i4kqk] h3[data-astro-cid-jo6i4kqk]{color:var(--mist);margin-bottom:14px;font-size:13px;font-weight:500}.foot-col[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{gap:8px;margin:0;padding:0;list-style:none;display:grid}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{font-size:14.5px}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--stone)}.foot-legal[data-astro-cid-jo6i4kqk]{color:var(--mist);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:22px;font-size:12.5px;display:flex}@media (width<=900px){.foot-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr}}
