:root{--limestone:#f2ede4;--paper:#faf7f2;--stone:#e6dfd3;--charcoal:#2d2a28;--graphite:#5e5852;--hairline:#d9d0c3;--copper:#b8734b;--copper-ink:#8a5232;--night:#1c1a19;--night-ink:#c9c0b4;--night-stone:#2a2624;--font-display:var(--font-cormorant,Georgia, serif);--font-text:var(--font-manrope,system-ui, sans-serif);--font-arabic:var(--font-plex-arabic,"Segoe UI"), var(--font-text);--font-arabic-display:var(--font-reem-kufi,"Segoe UI"), var(--font-display);--step--1:clamp(.8rem, .78rem + .1vw, .875rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.25rem, 1.17rem + .4vw, 1.5rem);--step-2:clamp(1.56rem, 1.4rem + .8vw, 2rem);--step-3:clamp(1.95rem, 1.66rem + 1.45vw, 2.67rem);--step-4:clamp(2.44rem, 1.94rem + 2.5vw, 3.55rem);--step-5:clamp(3.05rem, 2.2rem + 4.2vw, 4.74rem);--step-6:clamp(3.8rem, 2.4rem + 7vw, 6.3rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem;--space-8:7rem;--space-9:10rem;--gutter:clamp(1rem, 4vw, 3rem);--margin:clamp(1rem, 5.5vw, 6rem);--measure:62ch;--hair:1px;--cap:6px;--dur-1:.3s;--dur-2:.6s;--dur-3:.9s;--ease-out:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--limestone);min-block-size:100vh;color:var(--charcoal);font-family:var(--font-text);flex-direction:column;margin:0;line-height:1.6;display:flex}[lang=ar] body,body [lang=ar]{font-family:var(--font-arabic);line-height:1.85}:lang(ar){letter-spacing:normal!important;font-style:normal!important}.display{font-family:var(--font-display);font-weight:400}[lang=ar] .display,.display[lang=ar]{font-family:var(--font-arabic-display)}a{color:var(--copper-ink);text-underline-offset:.2em}img,svg{max-inline-size:100%}:focus-visible{outline:2px solid var(--copper-ink);outline-offset:3px}.draft-tag{border:1px solid var(--copper-ink);color:var(--copper-ink);font-family:var(--font-text);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;margin-inline-end:.5em;padding:.05em .45em;font-size:.6rem;font-weight:500;line-height:1.6;display:inline-block}[lang=ar] .draft-tag{font-family:var(--font-arabic);letter-spacing:normal}.btn{min-block-size:2.75rem;padding-inline:var(--space-4);border:1px solid var(--charcoal);color:var(--charcoal);font:inherit;font-size:var(--step--1);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:hover,.btn.primary{background:var(--charcoal);color:var(--limestone)}.btn.primary:hover{background:var(--night)}.wrap{padding-inline:var(--margin)}.section{padding-block:clamp(var(--space-6), 9vw, var(--space-8))}.measure{max-inline-size:var(--measure)}.txt p{margin:0 0 1em}.status{border:1px solid var(--copper);color:var(--copper-ink);font-size:var(--step--1);padding:.15rem .6rem;display:inline-block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;font-weight:400;position:absolute;overflow:hidden}.skip-link{background:var(--paper);color:var(--charcoal);z-index:10;padding:.5rem 1rem;position:absolute;inset-block-start:-4rem;inset-inline-start:var(--gutter)}.skip-link:focus{inset-block-start:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.js [data-hero] picture img{animation:ea-settle var(--dur-3) var(--ease-out) both}.js [data-hero] h1{animation:ea-rise var(--dur-2) var(--ease-out) .12s both}.js [data-hero] .north{animation:ea-fade var(--dur-2) var(--ease-out) .6s both}@keyframes ea-settle{0%{transform:scale(1.03)}}@keyframes ea-rise{0%{opacity:0;transform:translateY(.6rem)}}@keyframes ea-fade{0%{opacity:0}}.js [data-reveal=light] picture{clip-path:inset(49.5% 0)}.js [data-reveal=light].is-in picture{animation:ea-open var(--dur-3) var(--ease-out) forwards}@keyframes ea-open{to{clip-path:inset(0)}}.js [data-plot] picture{clip-path:inset(0 100% 0 0)}.js[dir=rtl] [data-plot] picture{clip-path:inset(0 0 0 100%)}.js [data-plot].is-in picture{animation:ea-open var(--dur-3) var(--ease-out) forwards}.js [data-plot]:after{content:"";background:var(--copper);opacity:0;pointer-events:none;inline-size:1px;position:absolute;inset-block:0;inset-inline-start:0}.js [data-plot].is-in:after{animation:ea-pen var(--dur-3) var(--ease-out) forwards}@keyframes ea-pen{0%{opacity:1;inset-inline-start:0}85%{opacity:1}to{opacity:0;inset-inline-start:100%}}::view-transition-group(lb-image){animation-duration:var(--dur-2);animation-timing-function:var(--ease-out)}@media print{.js [data-reveal] picture,.js [data-plot] picture{clip-path:none!important;animation:none!important}}