@property --rise{syntax:"<number>";inherits:true;initial-value:1}:root{--white:#fff;--snow:#fafafa;--fog:#f3f3f3;--hairline:#eaeaea;--graphite:#6b6b6b;--ink:#111;--night:#111;--night-side:#0d0d0d;--night-raised:#1c1c1c;--night-line:#262626;--ash:#a0a0a0;--frost:#f2f2f2;--action-day:#06c;--action-night:#78b7ff;--saffron:#e3a72f;--coral:#e47458;--coral-haze:#f3b7a2;--coral-mist:#fbe3d9;--ember:#b5623f;--char:#3a2a22;--smoke:#181412;--haris:#0071e3;--madaric:#2dd4bf;--adalah:#1a5f3f;--adalah-ui:#16a34a;--lustre:#c9a86a;--stegamark:#f59e0b;--onkith:#ff5a36;--foreman:#3a6fd8;--r-chip:5px;--r-s:6px;--r-m:12px;--r-l:22px;--r-pill:999px;--ease-rein:cubic-bezier(.3, .7, .2, 1);--ease-set:cubic-bezier(.65, 0, .35, 1);--t-quick:.12s;--t-base:.24s;--t-slow:.48s;--t-develop:.6s;--t-reveal:.72s;--t-set:1.2s;--font-display:var(--ff-gloock), "Gloock", Georgia, serif;--font-sans:var(--ff-mona), "Mona Sans", system-ui, sans-serif;--font-mono:var(--ff-mono), "Departure Mono", ui-monospace, monospace;--font-ar:var(--ff-thmanyah), "Thmanyah Sans", "Segoe UI", sans-serif;--font-ar-display:var(--ff-thmanyah-serif), "Thmanyah Serif Display", var(--ff-thmanyah), serif;--grain:url(/texture/grain.svg);--gutter:clamp(16px, 4vw, 48px);--col-gap:24px;--content:1240px;--section:clamp(88px, 12vh, 136px);--nav-h:64px}:root,.scheme-day,body[data-scheme=day] .companion{--bg:var(--white);--surface:var(--snow);--sunken:var(--fog);--text:var(--ink);--text-2:var(--graphite);--line:var(--hairline);--accent:var(--action-day);--on-accent:#fff;--focus:var(--action-day);--glow-core:var(--saffron);--glow-mid:var(--coral);--glow-haze:var(--coral-haze);--glow-edge:var(--coral-mist);--glow-grain:.45;--control-line:#8d8d93;--control-fill:#f3f3f5;--glass:#ffffff57;--glass-text:#ffffffe0;--glass-edge:#ffffffeb;--glass-rim:#11111126;--glass-sheen:#ffffffb8;--glass-shadow:0 12px 32px #00000014, 0 2px 6px #0000000d;--frame-shadow:0 30px 80px #00000014, 0 2px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night],.scheme-night,body[data-scheme=night] .companion{--bg:var(--night);--surface:var(--night-raised);--sunken:#181818;--text:var(--frost);--text-2:var(--ash);--line:var(--night-line);--accent:var(--action-night);--on-accent:#111;--focus:var(--action-night);--glow-core:var(--saffron);--glow-mid:var(--ember);--glow-haze:var(--char);--glow-edge:var(--smoke);--glow-grain:.35;--control-line:#73737b;--control-fill:#232326;--glass:#16161861;--glass-text:#161618eb;--glass-edge:#ffffff4d;--glass-rim:#0000007a;--glass-sheen:#ffffff38;--glass-shadow:0 12px 32px #00000073;--frame-shadow:0 30px 80px #00000059, 0 0 0 1px #ffffff0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:700px){:root{--col-gap:16px;--section:76px}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px);background-color:var(--bg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100svh;color:var(--text);background-color:var(--bg);font:400 17px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--t-slow) var(--ease-rein), color var(--t-slow) var(--ease-rein);margin:0;font-stretch:100%;overflow-x:clip}html[lang=ar] body{font-family:var(--font-ar);font-size:18px;line-height:1.9}@media (max-width:700px){body{font-size:16px}html[lang=ar] body{font-size:17px}}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}button,input,select{font:inherit;color:inherit}button{cursor:pointer}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 28%, transparent) transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:color-mix(in srgb, var(--text) 24%, transparent) padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text) 42%, transparent)}a{color:inherit;text-underline-offset:4px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in srgb, var(--accent) 28%, transparent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font:600 15px/1 var(--font-sans);transition:transform var(--t-base) var(--ease-rein);padding:12px 18px;text-decoration:none;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}html[lang=ar] .skip-link{font-family:var(--font-ar)}.container{width:100%;max-width:calc(var(--content) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.grid{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section{padding-block:var(--section)}.t-mega{font:800 clamp(96px, 18vw, 280px)/.8 var(--font-sans);text-transform:uppercase;letter-spacing:-.005em;font-stretch:75%}.t-title{font:800 clamp(56px, 8vw, 128px)/.86 var(--font-sans);text-transform:uppercase;letter-spacing:-.005em;font-stretch:75%}.t-index{font:800 clamp(40px, 6.4vw, 80px)/.86 var(--font-sans);text-transform:uppercase;letter-spacing:-.005em;font-stretch:75%}.t-statement{font:400 clamp(30px, 3.9vw, 50px)/1.2 var(--font-display);letter-spacing:-.01em;max-width:28ch}.t-lead{font:400 20px/1.5 var(--font-sans);max-width:58ch}.t-body{font:400 17px/1.65 var(--font-sans);max-width:64ch}.t-small{font:400 14px/1.5 var(--font-sans)}.label{font:400 11px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.label-22{font-size:22px}html[lang=ar] .t-mega{font:900 clamp(72px, 12vw, 200px)/1 var(--font-ar);text-transform:none;letter-spacing:0}html[lang=ar] .t-title{font:900 clamp(44px, 6.4vw, 104px)/1.05 var(--font-ar);text-transform:none;letter-spacing:0}html[lang=ar] .t-index{font:900 clamp(34px, 5.2vw, 68px)/1.1 var(--font-ar);text-transform:none;letter-spacing:0}html[lang=ar] .t-statement{font:400 clamp(28px, 3.5vw, 44px)/1.6 var(--font-ar-display);letter-spacing:0;max-width:30ch}html[lang=ar] :is(.t-lead,.t-body,.t-small){font-family:var(--font-ar)}html[lang=ar] .t-lead{font-size:20px;line-height:1.85}html[lang=ar] .t-body{font-size:18px;line-height:1.9}html[lang=ar] .label{font:400 13px/1.5 var(--font-ar);letter-spacing:0;text-transform:none}html[lang=ar] .label .latin{font-family:var(--font-mono);letter-spacing:.06em;font-size:11px}@media (max-width:700px){.t-lead{font-size:18px}.t-body{font-size:16px}}.glow{isolation:isolate;background:radial-gradient(130% calc(70% + 30% * var(--rise)) at 50% calc(122% - 16% * var(--rise)), var(--glow-core) 0%, var(--glow-mid) 13%, var(--glow-haze) 31%, var(--glow-edge) 48%, var(--bg) 71%);transition:--rise var(--t-set) var(--ease-set);position:relative;overflow:hidden}.glow:after{content:"";z-index:-1;pointer-events:none;background-image:var(--grain);mix-blend-mode:overlay;opacity:var(--glow-grain);position:absolute;inset:0}.glow.bloom{background:radial-gradient(90% calc(60% + 30% * var(--rise)) at 100% 108%, var(--glow-core) 0%, var(--glow-mid) 13%, var(--glow-haze) 31%, var(--glow-edge) 48%, var(--bg) 71%)}html[dir=rtl] .glow.bloom{background:radial-gradient(90% calc(60% + 30% * var(--rise)) at 0% 108%, var(--glow-core) 0%, var(--glow-mid) 13%, var(--glow-haze) 31%, var(--glow-edge) 48%, var(--bg) 71%)}.develop{filter:grayscale();transition:filter var(--t-develop) var(--ease-rein)}.developable:hover .develop,.developable:focus-visible .develop,.developable:focus-within .develop,.developable.is-developed .develop{filter:grayscale(0)}.rise-w{overflow-clip-margin:.12em;vertical-align:baseline;margin-block:-.04em -.16em;padding-block:.04em .16em;display:inline-block;overflow:clip}html[lang=ar] .rise-w{overflow-clip-margin:.3em;margin-block:-.12em -.42em;padding-block:.12em .42em}.rise-inner{display:inline-block}.rise-on [data-rise]:not(.is-risen) .rise-inner{opacity:0;transform:translateY(.6em)}.rise-on [data-rise=now] .rise-inner{animation:rise-in var(--t-reveal) var(--ease-rein) calc(60ms + var(--i,0) * var(--rise-step,60ms)) both}@keyframes rise-in{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}.rise-on [data-rise].is-risen .rise-inner{transition:transform var(--t-reveal) var(--ease-rein), opacity var(--t-reveal) var(--ease-rein);transition-delay:calc(var(--i,0) * var(--rise-step,60ms))}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rise-on [data-rise]:not(.is-risen) .rise-inner{opacity:1;transform:none}.glow{transition:none}}
.overseer{fill:currentColor;flex:none;width:1em;height:1em;display:block}.site-header{z-index:60;height:var(--nav-h);padding-inline:var(--gutter);transition:background-color var(--t-base) var(--ease-rein), box-shadow var(--t-base) var(--ease-rein), -webkit-backdrop-filter var(--t-base) var(--ease-rein), backdrop-filter var(--t-base) var(--ease-rein);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;display:grid;position:sticky;top:0}.site-header[data-scrolled]{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:0 1px 0 var(--line), inset 0 -1px 0 color-mix(in srgb, var(--white) 6%, transparent)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header[data-scrolled]{background:var(--bg)}}.header-brand{min-width:0;color:var(--text);border-radius:var(--r-s);justify-self:start;align-items:center;gap:10px;text-decoration:none;display:flex}.header-brand .overseer{width:26px;height:26px}.header-name{font:400 19px/1 var(--font-display);letter-spacing:-.005em;white-space:nowrap}html[lang=ar] .header-name{font:400 20px/1.2 var(--font-ar-display)}.header-links{grid-column:2;gap:26px;display:flex}.header-links a{color:var(--text-2);font:500 15px/1 var(--font-sans);transition:color var(--t-quick) var(--ease-rein);padding-block:8px;text-decoration:none}html[lang=ar] .header-links a{font:500 16px/1.2 var(--font-ar)}.header-links a:hover,.header-links a[aria-current]{color:var(--text)}.header-links a[aria-current]{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:8px;text-decoration-thickness:2px}.header-tools{grid-column:3;justify-self:end;align-items:center;gap:8px;display:flex}.header-tool{border:1px solid var(--line);border-radius:var(--r-pill);min-width:40px;height:40px;color:var(--text);font:600 14px/1 var(--font-sans);white-space:nowrap;transition:background-color var(--t-quick) var(--ease-rein);background:0 0;place-items:center;padding:0 14px;text-decoration:none;display:inline-grid}.header-tool:hover{background:var(--sunken)}.locale-button[lang=ar]{font-family:var(--font-ar);font-size:15px}.locale-button[lang=en]{font-family:var(--font-sans)}.header-cta{border-radius:var(--r-pill);background:var(--accent);height:40px;color:var(--on-accent);font:600 15px/1 var(--font-sans);white-space:nowrap;transition:transform var(--t-quick) var(--ease-rein);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}html[lang=ar] .header-cta{font:700 15px/1 var(--font-ar)}.header-cta:hover{transform:translateY(-1px)}:is(.header-brand,.header-links a,.header-tool,.header-cta):focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:960px){.header-links{display:none}}.menu-button{width:40px;padding:0;display:none}@media (max-width:960px){.menu-button{display:inline-grid}}.menu-lines{width:16px;height:10px;display:block;position:relative}.menu-lines i{height:1.5px;transition:transform var(--t-base) var(--ease-rein), top var(--t-base) var(--ease-rein);background:currentColor;border-radius:1px;position:absolute;left:0;right:0}.menu-lines i:first-child{top:1px}.menu-lines i:last-child{top:7.5px}.menu-button[aria-expanded=true] .menu-lines i:first-child{top:4.25px;transform:rotate(45deg)}.menu-button[aria-expanded=true] .menu-lines i:last-child{top:4.25px;transform:rotate(-45deg)}.menu-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.menu-sheet{top:calc(100% + 8px);inset-inline:var(--gutter);z-index:61;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);box-shadow:var(--glass-shadow);border-radius:20px;gap:18px;padding:18px;display:grid;position:absolute}.menu-sheet[hidden]{display:none}.menu-sheet[data-open=true]{animation:menu-in .22s var(--ease-rein) both}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.menu-sheet nav{display:grid}.menu-sheet nav a{border-block-end:1px solid var(--line);color:var(--text);font:400 26px/1.15 var(--font-display);letter-spacing:-.01em;padding:12px 4px;text-decoration:none}html[lang=ar] .menu-sheet nav a{font:400 26px/1.5 var(--font-ar-display);letter-spacing:0}.menu-sheet nav a[aria-current]{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px;text-decoration-thickness:2px}.menu-sheet nav a:focus-visible,.menu-cta:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.menu-cta{justify-self:stretch}@media (prefers-reduced-motion:reduce){.menu-sheet[data-open=true]{animation:none}.menu-lines i{transition:none}}@media (max-width:520px){.header-cta{display:none}.header-name{font-size:17px}}@media (max-width:360px){.header-name{display:none}}.horizon-button{border:1px solid var(--line);border-radius:var(--r-pill);width:52px;min-width:52px;height:40px;color:var(--text);isolation:isolate;background:0 0;flex:none;padding:0;transition:border-color .22s,background-color .22s;display:inline-block;position:relative;overflow:hidden}.horizon-button:hover{background:var(--sunken)}.horizon-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.theme-sky{border-radius:16px 16px 0 0;position:absolute;inset:4px 6px 13px;overflow:hidden}.theme-sun{background:radial-gradient(circle at 45% 35%,#ffda87,#f08c43);border-radius:50%;width:15px;height:15px;transition:transform .36s cubic-bezier(.22,.68,.2,1),opacity .26s;position:absolute;bottom:-4px;left:calc(50% - 7.5px);box-shadow:0 0 8px #ffba6440}.theme-moon{opacity:0;width:15px;height:15px;color:var(--text);transition:transform .36s cubic-bezier(.22,.68,.2,1),opacity .26s;position:absolute;bottom:0;left:calc(50% - 7.5px);transform:translateY(22px)}.theme-horizon{opacity:.52;background:currentColor;height:1px;position:absolute;bottom:13px;left:11px;right:11px}html[data-theme=night] .horizon-button .theme-sun{opacity:0;transform:translateY(22px)}html[data-theme=night] .horizon-button .theme-moon{opacity:.9;transform:none}.wrap{width:100%;max-width:calc(var(--content) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.block{padding-block:var(--section) 0;scroll-margin-top:var(--nav-h)}.kicker{color:var(--text-2);font:400 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;display:inline-flex}html[lang=ar] .kicker{font:500 14px/1.6 var(--font-ar);letter-spacing:0;text-transform:none}.kicker .count{color:var(--text)}.h2{font:400 clamp(40px, 5.2vw, 72px)/1.04 var(--font-display);letter-spacing:-.02em;max-width:17ch}html[lang=ar] .h2{font:400 clamp(36px, 4.8vw, 66px)/1.4 var(--font-ar-display);letter-spacing:0}.lede{max-width:54ch;color:var(--text-2);font:400 clamp(17px, 1.4vw, 20px)/1.6 var(--font-sans);text-wrap:pretty;margin-block-start:22px}html[lang=ar] .lede{font:400 clamp(18px, 1.4vw, 20px)/1.9 var(--font-ar)}.section-head{justify-items:start;display:grid}.btn{border-radius:var(--r-pill);min-height:48px;font:600 15px/1 var(--font-sans);color:var(--text);white-space:nowrap;transition:transform var(--t-base) var(--ease-rein), background-color var(--t-base) var(--ease-rein), border-color var(--t-base) var(--ease-rein);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding-inline:22px;text-decoration:none;display:inline-flex}html[lang=ar] .btn{font-family:var(--font-ar);font-weight:700}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--surface);border-color:var(--line)}.btn-secondary:hover{border-color:var(--control-line);transform:translateY(-1px)}.btn-row{flex-wrap:wrap;gap:10px;display:flex}html[dir=rtl] .flip{transform:scaleX(-1)}.link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.link:hover{text-decoration-thickness:3px}.arrow-link{color:var(--text);font:600 15px/1.2 var(--font-sans);align-items:center;gap:8px;text-decoration:none;display:inline-flex}html[lang=ar] .arrow-link{font:700 15px/1.4 var(--font-ar)}.arrow-link svg{width:18px;height:18px;transition:transform var(--t-base) var(--ease-rein)}.arrow-link:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.arrow-link:hover svg{transform:translate(3px)}html[dir=rtl] .arrow-link svg{transform:scaleX(-1)}html[dir=rtl] .arrow-link:hover svg{transform:scaleX(-1)translate(3px)}.cv{border-radius:var(--r-pill);background:var(--accent);width:fit-content;min-height:64px;color:var(--on-accent);transition:transform var(--t-base) var(--ease-rein);align-items:center;gap:14px;padding-block:8px;padding-inline:8px 22px;text-decoration:none;display:inline-flex}.cv-ic{background:color-mix(in srgb, var(--on-accent) 14%, transparent);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.cv-ic svg{width:22px;height:22px}.cv-t{gap:6px;display:grid}.cv-t b{font:600 16px/1 var(--font-sans)}html[lang=ar] .cv-t b{font:700 16px/1.2 var(--font-ar)}.cv-t .label{opacity:.9}.cv-doc{background:var(--on-accent);width:26px;height:34px;transition:transform var(--t-base) var(--ease-rein);border-radius:3px;flex:none;align-content:start;gap:3px;margin-inline-start:8px;padding:6px 5px;display:grid;transform:rotate(-6deg)}.cv-doc i{background:var(--accent);opacity:.5;border-radius:1px;height:2px;display:block}.cv-doc i:first-child{opacity:.9;width:62%}.cv:hover{transform:translateY(-1px)}.cv:hover .cv-ic svg{animation:cv-drop var(--t-slow) var(--ease-rein)}.cv:hover .cv-doc{transform:rotate(0)translateY(-3px)}@keyframes cv-drop{0%{transform:none}45%{transform:translateY(140%)}46%{transform:translateY(-140%)}to{transform:none}}.cpills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.cpill{border-radius:var(--r-pill);min-height:60px;color:var(--text);background:var(--surface);border:1px solid var(--line);min-width:0;transition:transform var(--t-base) var(--ease-rein);align-items:center;gap:12px;padding:8px;padding-inline-end:18px;text-decoration:none;display:flex}.cpill:hover{transform:translateY(-1px)}.cpill .ci{background:var(--text);width:44px;height:44px;color:var(--bg);transition:background-color var(--t-base) var(--ease-rein), color var(--t-base) var(--ease-rein);border-radius:50%;flex:none;place-items:center;display:grid}.cpill .ci svg{width:20px;height:20px}.cpill .ct{flex:1;gap:3px;min-width:0;display:grid}.cpill .ct b{font:600 15px/1.1 var(--font-sans)}html[lang=ar] .cpill .ct b{font:700 15px/1.3 var(--font-ar)}.cpill .ct span{font:400 13px/1.2 var(--font-sans);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;text-align:start;direction:ltr;unicode-bidi:isolate;overflow:hidden}html[dir=rtl] .cpill .ct span{text-align:end}.cpill .ca{opacity:0;width:18px;height:18px;transition:opacity var(--t-base) var(--ease-rein), transform var(--t-base) var(--ease-rein);flex:none;transform:translate(-4px,4px)}html[dir=rtl] .cpill .ca{transform:translate(4px,4px)scaleX(-1)}.cpill:hover .ca,.cpill:focus-visible .ca{opacity:1;transform:none}html[dir=rtl] .cpill:hover .ca,html[dir=rtl] .cpill:focus-visible .ca{transform:scaleX(-1)}.cpill:hover .ci,.cpill:focus-visible .ci{background:var(--accent);color:var(--on-accent)}@media (max-width:700px){.cpills{grid-template-columns:minmax(0,1fr)}}.cta{--mx:0px;--my:0px;background:var(--accent);width:176px;height:176px;color:var(--on-accent);font:600 17px/1 var(--font-sans);transform:translate(var(--mx), var(--my));transition:transform var(--t-slow) var(--ease-rein);border-radius:50%;flex:none;place-content:center;justify-items:center;gap:12px;text-decoration:none;display:grid}html[lang=ar] .cta{font:700 17px/1.2 var(--font-ar)}.cta .arw{width:30px;height:30px;overflow:hidden}.cta .arw svg{width:30px;height:30px;display:block}html[dir=rtl] .cta .arw svg{transform:scaleX(-1)}.cta:hover{transform:translate(var(--mx), var(--my)) scale(1.04)}.cta:hover .arw svg{animation:cta-exit .56s var(--ease-rein)}html[dir=rtl] .cta:hover .arw svg{animation-name:cta-exit-rtl}@keyframes cta-exit{0%{transform:none}45%{transform:translate(110%,-110%)}46%{transform:translate(-110%,110%)}to{transform:none}}@keyframes cta-exit-rtl{0%{transform:scaleX(-1)}45%{transform:translate(-110%,-110%)scaleX(-1)}46%{transform:translate(110%,110%)scaleX(-1)}to{transform:scaleX(-1)}}@media (max-width:700px){.cta{width:136px;height:136px;font-size:15px}}.pmark{--size:44px;width:var(--size);height:var(--size);border:1px solid var(--line);border-radius:calc(var(--size) * .24);background:var(--bg);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.pmark img{width:calc(var(--size) * .7 * var(--scale,1));height:calc(var(--size) * .7 * var(--scale,1));max-width:none}.pmark img[src$=\.png]{image-rendering:pixelated}.pframe{border-radius:var(--r-m);background:var(--c,var(--line));padding:2px;display:block}.pframe img{aspect-ratio:1.6;object-fit:cover;background:#000;border-radius:10px;width:100%;display:block}.stats{border-block-start:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.stats>li{align-content:start;gap:6px;padding-block:16px 4px;padding-inline-end:16px;display:grid}.stats>li+li{border-inline-start:1px solid var(--line);padding-inline-start:16px}.stat-value{font:600 clamp(20px, 1.9vw, 26px)/1.1 var(--font-sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:start;direction:ltr;unicode-bidi:isolate}html[dir=rtl] .stat-value{text-align:end}.stat-label{font:400 13px/1.4 var(--font-sans);color:var(--text-2)}html[lang=ar] .stat-label{font:400 14px/1.6 var(--font-ar)}@media (max-width:560px){.stats{grid-template-columns:minmax(0,1fr)}.stats>li,.stats>li+li{border-inline-start:0;border-block-end:1px solid var(--line);padding:14px 0}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,3vw,36px)}.tag{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg);font:400 13px/1.3 var(--font-sans);color:var(--text);padding:5px 11px;display:inline-block}html[lang=ar] .tag{font:400 14px/1.5 var(--font-ar)}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.labelrow{color:var(--text-2);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.labelrow>:first-child{color:var(--text)}.chip-pair{white-space:nowrap}.chip-img{vertical-align:-.1em;border-radius:var(--r-chip);border:1px solid color-mix(in srgb, var(--text) 13%, transparent);isolation:isolate;filter:grayscale();background:#ededed;width:1.65em;height:.9em;margin-inline:.055em;text-decoration:none;transition:filter .18s,border-color .18s;display:inline-block;position:relative;overflow:hidden}.chip-img:hover,.chip-img:focus-visible{filter:grayscale(0);border-color:var(--text-2)}.chip-img:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.chip-img img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.chip-img--vision img{object-position:62% 52%}.chip-img--adalah{background:#fff}.chip-img--adalah img{object-fit:contain;padding:2px}@media (max-width:560px){.chip-img{width:1.55em}}.signature{width:100%;container-type:inline-size}.lockup{width:100%;color:var(--text);direction:ltr;flex-wrap:nowrap;align-items:baseline;gap:.32em;font-size:6.84932cqw;text-decoration:none;display:flex}.lockup .en{font:400 1em/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.lockup .ar{font:400 .98em/1.15 var(--font-ar-display);white-space:nowrap;direction:rtl}.lockup .hz{min-width:1.4em;height:max(1px,.028em);transition:box-shadow 1.2s var(--ease-set);background:currentColor;flex:auto;align-self:baseline;position:relative}.hz-sky{pointer-events:none;width:.66em;height:.95em;position:absolute;bottom:0;left:50%;overflow:hidden;translate:-50%}.hz-sun,.hz-moon{width:.44em;height:.44em;transition:translate 1.6s var(--ease-set);position:absolute;bottom:0;left:50%;translate:-50% 115%}.hz-sun{background:radial-gradient(circle at 45% 35%,#ffda87,#f08c43);border-radius:50%;box-shadow:0 0 .12em #f08c4366}.hz-moon{fill:var(--text)}html[data-theme=night] .hz-sun,html:not([data-theme=night]) .hz-moon{display:none}.lockup:hover .hz-sun,.lockup:hover .hz-moon{translate:-50% -55%}.lockup:hover .hz{box-shadow:0 0 .14em color-mix(in srgb, var(--glow-core) 70%, transparent)}@media (prefers-reduced-motion:reduce){.hz-sun,.hz-moon,.lockup .hz{transition:none}}.email-wrap{display:block;position:relative}.magnet .email-wrap{display:inline-block}.email-card{z-index:30;bottom:calc(100% + 10px);border:1px solid var(--line);background:var(--surface);width:max-content;min-width:236px;box-shadow:var(--glass-shadow);animation:email-in .2s var(--ease-rein) both;border-radius:16px;gap:2px;padding:8px;display:grid;position:absolute;inset-inline-start:0}.email-wrap[data-align=end] .email-card{inset-inline:auto 0}.email-card[hidden]{display:none}@keyframes email-in{0%{opacity:0;transform:translateY(6px)}}.email-card-to{border-block-end:1px solid var(--line);color:var(--text-2);font:400 12px/1.2 var(--font-mono);letter-spacing:.04em;text-align:start;direction:ltr;margin-block-end:4px;padding:8px 10px 10px}.email-card a,.email-card button{width:100%;color:var(--text);font:500 15px/1.2 var(--font-sans);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}html[lang=ar] :is(.email-card a,.email-card button){font:600 15px/1.4 var(--font-ar)}.email-card :is(a,button):hover,.email-card :is(a,button):focus-visible{background:var(--sunken);outline:none}.email-card :is(a,button):focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.email-card svg{fill:none;width:18px;height:18px;stroke:var(--text-2);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.email-card button[data-copied]{color:var(--accent)}.email-card-note{border-block-start:1px solid var(--line);max-width:260px;color:var(--text-2);font:400 13px/1.45 var(--font-sans);margin-block-start:4px;padding:8px 10px 6px}html[lang=ar] .email-card-note{font:400 14px/1.6 var(--font-ar)}.email-card button[data-copied] svg{stroke:var(--accent)}@media (prefers-reduced-motion:reduce){.email-card{animation:none}}@media (forced-colors:active){.site-header,.horizon-button,.cpill,.btn-secondary,.header-tool,.panel{color:canvastext!important;box-shadow:none!important;background:canvas!important;border-color:buttontext!important}html[data-theme=night] .horizon-button{outline:2px solid highlight}}.companion{z-index:96;bottom:0;pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:fixed;inset-inline-start:max(14px, env(safe-area-inset-left))}.companion-body{flex:none;width:96px;height:96px;transition:translate .56s cubic-bezier(.3,1.35,.45,1);overflow:visible;translate:0 105%}.companion[data-on=true] .companion-body{translate:0 4%}html[dir=rtl] .companion-body{scale:-1 1}.companion .is-qamar,:root[data-theme=night] .companion .is-shams,:root body[data-scheme=night] .companion .is-shams{display:none}:root[data-theme=night] .companion .is-qamar,:root body[data-scheme=night] .companion .is-qamar,:root body[data-scheme=day] .companion .is-shams{display:block}:root body[data-scheme=day] .companion .is-qamar{display:none}.companion-body .r-halo{transform-box:view-box;transform-origin:100px 113px;animation:4s ease-in-out infinite qamar-glow}@keyframes qamar-glow{50%{opacity:.6;transform:scale(1.04)}}.companion-body .r-body{transform-box:view-box;transform-origin:100px 186px;animation:3.2s ease-in-out infinite shams-breathe}.companion-body .r-rays{transform-box:view-box;transform-origin:100px 113px;animation:40s linear infinite shams-turn}.companion-body .r-open{transform-box:view-box;transform-origin:100px 108px;animation:4.2s ease-in-out infinite shams-blink}.companion-body .r-happy{opacity:0}.companion[data-on=true] .r-happy{animation:1.5s .4s both shams-greet}.companion[data-on=true] .r-open{animation:1.5s .4s both shams-greet-open,4.2s ease-in-out 2s infinite shams-blink}.companion-body .r-arm{transform-box:view-box;transform-origin:152px 132px}.companion[data-on=true] .r-arm{animation:.42s ease-in-out .5s 4 alternate shams-wave}@keyframes shams-breathe{50%{transform:scale(1.025,.975)}}@keyframes shams-turn{to{transform:rotate(360deg)}}@keyframes shams-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes shams-greet{0%,80%{opacity:1}to{opacity:0}}@keyframes shams-greet-open{0%,80%{opacity:0}to{opacity:1}}@keyframes shams-wave{0%{transform:rotate(8deg)}to{transform:rotate(-26deg)}}.companion-bubble{border:1px solid var(--line);background:var(--surface);max-width:min(300px,100vw - 110px);color:var(--text);box-shadow:var(--glass-shadow);border-radius:16px 16px 16px 4px;gap:6px;margin:0 0 58px;padding:13px 16px 12px;animation:.38s cubic-bezier(.3,1.35,.45,1) .26s both companion-say;display:grid;position:relative}html[dir=rtl] .companion-bubble{border-radius:16px 16px 4px}.companion-bubble:before{content:"";bottom:10px;background:var(--surface);border-inline-start:1px solid var(--line);border-block-end:1px solid var(--line);width:12px;height:12px;position:absolute;inset-inline-start:-7px;rotate:45deg}html[dir=rtl] .companion-bubble:before{rotate:-45deg}.companion-line{font:400 15px/1.4 var(--font-sans)}html[lang=ar] .companion-line{font:500 16px/1.6 var(--font-ar)}.companion-count{font:400 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}html[lang=ar] .companion-count{font:500 13px/1.4 var(--font-ar);letter-spacing:0}@keyframes companion-say{0%{opacity:0;transform-origin:0 100%;transform:translateY(8px)scale(.94)}}@media (prefers-reduced-motion:reduce){.companion-body{transition:none}.companion-body *,.companion-bubble{animation:none!important}.companion-body .r-happy{opacity:0}}@media print{.companion{display:none}}.buddy{flex:none;width:64px;height:64px;display:inline-block;position:relative}.buddy-body{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.buddy .is-qamar,:root[data-theme=night] .buddy .is-shams{display:none}:root[data-theme=night] .buddy .is-qamar{display:block}html[dir=rtl] .buddy{scale:-1 1}.buddy .r-body{transform-box:view-box;transform-origin:100px 186px;animation:3.2s ease-in-out infinite shams-breathe}.buddy .r-rays{transform-box:view-box;transform-origin:100px 113px;animation:40s linear infinite shams-turn}.buddy .r-halo{transform-box:view-box;transform-origin:100px 113px;animation:4s ease-in-out infinite qamar-glow}.buddy .r-open{transform-box:view-box;transform-origin:100px 108px;transition:opacity .2s;animation:4.2s ease-in-out infinite shams-blink}.buddy .r-happy{opacity:0;transition:opacity .2s}.buddy .r-arm{transform-box:view-box;transform-origin:152px 132px}.buddy[data-happy=true] .r-happy{opacity:1}.buddy[data-happy=true] .r-open{opacity:0}.buddy[data-happy=true] .r-arm{animation:.42s ease-in-out .15s 6 alternate shams-wave}.buddy[data-happy=true] .r-body{animation:.62s cubic-bezier(.3,1.4,.5,1) both buddy-hop,3.2s ease-in-out .62s infinite shams-breathe}@keyframes buddy-hop{40%{transform:translateY(-9%)scale(.98,1.03)}}@media (prefers-reduced-motion:reduce){.buddy *{animation:none!important}}.stay-wrap{display:block;position:relative}.magnet .stay-wrap{display:inline-block}button.cta{cursor:pointer;border:0}button.cta:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.stay-card{z-index:30;bottom:calc(100% + 12px);border:1px solid var(--line);background:var(--surface);width:min(372px,100vw - 32px);box-shadow:var(--glass-shadow);text-align:start;animation:email-in .22s var(--ease-rein) both;border-radius:22px;gap:16px;padding:18px;display:grid;position:absolute;inset-inline-end:0}@media (max-width:560px){.stay-card{inset-inline:16px;width:auto;position:fixed;bottom:16px}}.stay-card-head{align-items:center;gap:14px;display:flex}.stay-card-buddy{width:60px;height:60px}.stay-card-title{color:var(--text);font:600 18px/1.25 var(--font-sans);display:block}.stay-card-line{color:var(--text-2);font:400 14px/1.45 var(--font-sans);margin-top:4px;display:block}html[lang=ar] .stay-card-title{font:700 19px/1.5 var(--font-ar)}html[lang=ar] .stay-card-line{font:400 15px/1.6 var(--font-ar)}.stay-card-direct{border-top:1px solid var(--line);padding-top:12px;display:block}.stay-card-direct .email-card{bottom:calc(100% + 8px)}.stay-direct{color:var(--text-2);font:500 14px/1.3 var(--font-sans);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;text-decoration-thickness:1px}html[lang=ar] .stay-direct{font:600 15px/1.5 var(--font-ar)}.stay-direct:hover{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.stay-direct:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.stay-form{gap:10px;display:grid}.stay-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;align-items:end;gap:10px;display:grid;position:relative}.stay-form.is-compact .stay-fields{grid-template-columns:minmax(0,1fr)}@media (max-width:700px){.stay-fields{grid-template-columns:minmax(0,1fr)}}.stay-field{gap:6px;display:grid}.stay-label{color:var(--text-2);font:400 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}html[lang=ar] .stay-label{font:600 13px/1.4 var(--font-ar);letter-spacing:0;text-transform:none}.stay-field input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;height:48px;color:var(--text);font:400 16px/1.2 var(--font-sans);transition:border-color var(--t-base) var(--ease-rein), box-shadow var(--t-base) var(--ease-rein);border-radius:12px;padding:0 14px}html[lang=ar] .stay-field input[name=name]{font-family:var(--font-ar)}.stay-field input:hover{border-color:var(--control-line)}.stay-field input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent);outline:none}.stay-field input[aria-invalid=true]{border-color:var(--ember)}:root[data-theme=night] .stay-field input[aria-invalid=true]{border-color:var(--coral-haze)}.stay-submit{height:48px}.stay-form.is-compact .stay-submit{width:100%}@media (max-width:700px){.stay-submit{width:100%}}.stay-submit:disabled{opacity:.72;cursor:progress;transform:none}.stay-trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset-inline-start:-9999px}.stay-fine,.stay-problem{color:var(--text-2);font:400 13px/1.45 var(--font-sans);margin:0}.stay-problem{color:var(--ember)}:root[data-theme=night] .stay-problem{color:var(--coral-haze)}html[lang=ar] :is(.stay-fine,.stay-problem){font:400 14px/1.6 var(--font-ar)}.stay-sent{justify-items:start;gap:6px;display:grid}.stay-sent-title{color:var(--text);font:600 18px/1.3 var(--font-sans);margin:0}.stay-sent-body{color:var(--text-2);font:400 15px/1.5 var(--font-sans);overflow-wrap:anywhere;margin:0}html[lang=ar] .stay-sent-title{font:700 19px/1.5 var(--font-ar)}html[lang=ar] .stay-sent-body{font:400 16px/1.7 var(--font-ar)}.stay-again{color:var(--text-2);font:500 13px/1.4 var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;text-decoration:underline}html[lang=ar] .stay-again{font:600 14px/1.5 var(--font-ar)}.stay-again:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.stay-sent-junk{font-size:13px}
:root{--liquid-blur:10px}.glass{background:color-mix(in srgb, var(--surface) 58%, transparent);border-color:color-mix(in srgb, var(--text) 10%, transparent);-webkit-backdrop-filter:var(--liquid-filter,blur(var(--liquid-blur))) saturate(140%);backdrop-filter:var(--liquid-filter,blur(var(--liquid-blur))) saturate(140%);box-shadow:inset 0 1px 0 var(--glass-sheen), 0 4px 14px #0000000d}:root[data-theme=night] .glass{background:color-mix(in srgb, var(--surface) 62%, transparent);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #00000040}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--surface)}}@media (forced-colors:active){.glass{color:canvastext!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:canvas!important}}.liquid-svg-definitions{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media print{.glass{background:var(--surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
.hero{margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h);flex-direction:column;justify-content:flex-end;min-height:min(100svh,980px);display:flex}.hero-grid{column-gap:var(--col-gap);flex:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.hero-copy{z-index:2;grid-area:1/1/auto/span 6;align-self:center;padding-block:56px 72px;position:relative}.hero-name{font:400 clamp(64px, 9vw, 144px)/.94 var(--font-display);letter-spacing:-.02em;max-width:8ch}html[lang=ar] .hero-name{font:400 clamp(64px, 8.6vw, 136px)/1.25 var(--font-ar-display);letter-spacing:0;max-width:7ch}.hero-lede{max-width:34ch;color:var(--text-2);font:400 clamp(18px, 1.45vw, 21px)/1.55 var(--font-sans);text-wrap:pretty;margin-block-start:26px}html[lang=ar] .hero-lede{font:400 clamp(18px, 1.45vw, 21px)/1.9 var(--font-ar);max-width:36ch}.hero-actions{margin-block-start:32px}.hero-portrait{grid-area:1/7/auto/span 6;justify-content:center;align-self:end;display:flex}.hero-portrait .brush-host{width:min(100%, 600px, calc((100svh - var(--nav-h) - 56px) * 931 / 927))}.hero-horizon{background:var(--text);opacity:.85;height:1px}.brush-host{isolation:isolate;touch-action:pan-y;cursor:crosshair;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:2px;outline:none;position:relative}.brush-host::selection,.brush-host ::selection{background:0 0}.brush-host .brush-source{filter:grayscale();-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:auto}.brush-layer{pointer-events:none;z-index:2;width:100%!important;max-width:none!important;height:100%!important;position:absolute!important;inset:0!important}.brush-host:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.brush-host .brush-source{transition:filter .9s var(--ease-set)}.brush-host.is-developed .brush-source{filter:grayscale(0);transition-duration:1.6s}.brush-safelight{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:multiply;background:radial-gradient(70% 60% at 50% 45%,#be1c108c,#780a06bf);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.brush-host.is-printing .brush-safelight{-webkit-mask-image:var(--cutout);-webkit-mask-image:var(--cutout);mask-image:var(--cutout);animation:1.5s ease-out both brush-safelight}@keyframes brush-safelight{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.brush-host.is-printing .brush-safelight{animation:none}}@media (max-width:900px){.hero{min-height:auto}.hero-copy{grid-area:1/1/auto/-1;padding-block:40px 16px}.hero-portrait{grid-area:2/2/auto/span 10}.hero-portrait .brush-host{width:min(100%,520px)}}@media (max-width:560px){.hero-name,html[lang=ar] .hero-name{font-size:clamp(54px,16vw,80px)}.hero-portrait{grid-column:1/-1}}.anchor-alias{top:calc(-1 * var(--nav-h));height:0;display:block;position:relative}.path-stops{gap:var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(40px,6vw,64px) 0 0;padding:0;list-style:none;display:grid}.path-stop{border-block-start:1px solid var(--text);align-content:start;gap:8px;padding-block-start:22px;display:grid}.path-when{color:var(--text-2);margin-block-end:6px}.path-title{font:600 22px/1.25 var(--font-sans);letter-spacing:-.01em}html[lang=ar] .path-title{font:700 22px/1.5 var(--font-ar);letter-spacing:0}.path-sub{color:var(--text-2);font-size:16px}.path-facts{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.path-facts li{padding-inline-start:18px;font-size:15px;line-height:1.45;position:relative}html[lang=ar] .path-facts li{font-size:16px;line-height:1.7}.path-facts li:before{content:"";inset-inline-start:0;background:var(--text);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em}.path-link{margin-block-start:14px}@media (max-width:760px){.path-stops{grid-template-columns:minmax(0,1fr);gap:36px}}.work-head{max-width:980px}.work-statement{font:400 clamp(28px, 3.4vw, 46px)/1.35 var(--font-display);letter-spacing:-.01em;max-width:30ch}html[lang=ar] .work-statement{font:400 clamp(27px, 3.2vw, 42px)/1.75 var(--font-ar-display);letter-spacing:0;max-width:32ch}.cases{gap:clamp(80px,11vw,136px);margin:clamp(64px,9vw,112px) 0 0;padding:0;list-style:none;display:grid}.case{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:32px;display:grid}.case-media{border-radius:var(--r-m);grid-area:1/1/auto/span 7;display:block}.case-copy{grid-area:1/8/auto/span 5;align-content:center;gap:18px;display:grid}.case:nth-child(2n) .case-media{grid-column:6/span 7}.case:nth-child(2n) .case-copy{grid-column:1/span 5}.case-media .pframe{box-shadow:var(--frame-shadow);transition:transform var(--t-slow) var(--ease-rein)}.case-media:hover .pframe{transform:translateY(-3px)}.case-title{font:800 clamp(38px, 4.2vw, 58px)/.9 var(--font-sans);text-transform:uppercase;letter-spacing:-.005em;align-items:center;gap:14px;margin:0;font-stretch:75%;display:flex}html[lang=ar] .case-title{font:900 clamp(34px, 3.6vw, 50px)/1.3 var(--font-ar);text-transform:none;letter-spacing:0}.case-title a{color:inherit;text-decoration:none}.case-title a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--c,var(--accent));text-decoration-color:var(--c,var(--accent));text-underline-offset:8px;text-decoration-thickness:3px}.case-summary{font:400 18px/1.6 var(--font-sans);max-width:44ch}html[lang=ar] .case-summary{font:400 18px/1.9 var(--font-ar)}.case-meta{flex-wrap:wrap;gap:10px 40px;margin:0;display:flex}.case-meta>div{gap:5px;display:grid}.case-meta dt{color:var(--text-2)}.case-meta dd{font:500 15px/1.4 var(--font-sans);margin:0}html[lang=ar] .case-meta dd{font:500 16px/1.6 var(--font-ar)}.case .stats{border-block-start:0;grid-template-columns:minmax(0,1fr)}.case .stats>li,.case .stats>li+li{border-inline-start:0;border-block-start:1px solid var(--line);grid-template-columns:minmax(124px,auto) minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0}.case .stats>li:last-child{border-block-end:1px solid var(--line)}.case .stat-value{white-space:nowrap;font-size:20px}.case-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-block-start:4px;display:flex}@media (max-width:900px){.case-media,.case:nth-child(2n) .case-media{grid-area:1/1/auto/-1}.case-copy,.case:nth-child(2n) .case-copy{grid-area:2/1/auto/-1}}.about-grid{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:48px;display:grid}.about-intro{top:calc(var(--nav-h) + 40px);grid-column:1/span 5;justify-items:start;display:grid;position:sticky}.about-intro .cv{margin-block-start:32px}.about-panels{grid-column:7/span 6;gap:16px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-head .kicker,.about-panels .panel>.kicker{margin:0}.panel-title{font:600 22px/1.3 var(--font-sans);letter-spacing:-.01em;margin-block-start:18px}html[lang=ar] .panel-title{font:700 22px/1.5 var(--font-ar);letter-spacing:0}.panel-sub{color:var(--text-2);margin-block-start:2px}.panel-meta{margin-block-start:10px}.panel-meta>:first-child{color:var(--text-2)}.panel-body{margin-block-start:18px}.dots{gap:10px;margin:16px 0 20px;padding:0;list-style:none;display:grid}.dots li{color:var(--text-2);padding-inline-start:18px;position:relative}.dots li:before{content:"";inset-inline-start:0;background:var(--text);border-radius:50%;width:6px;height:6px;position:absolute;top:.7em}.activity-list{margin:14px 0 0;padding:0;list-style:none;display:grid}.activity-list li{border-block-start:1px solid var(--line);gap:4px;padding-block:16px;display:grid}.activity-list li:last-child{padding-block-end:0}.activity-when{color:var(--text-2)}.activity-role{font:600 16px/1.4 var(--font-sans)}html[lang=ar] .activity-role{font:700 16px/1.6 var(--font-ar)}.activity-detail{color:var(--text-2);font-size:15px}.cert-list{gap:0 var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0;padding:0;list-style:none;display:grid}.cert{border-block-start:1px solid var(--line);min-height:48px;color:var(--text);font:500 15px/1.35 var(--font-sans);justify-content:space-between;align-items:center;gap:12px;padding-block:10px;text-decoration:none;display:flex}.cert svg{width:16px;height:16px;color:var(--text-2);transition:color var(--t-base) var(--ease-rein), transform var(--t-base) var(--ease-rein);flex:none}.cert:hover svg,.cert:focus-visible svg{color:var(--accent);transform:translate(2px,-2px)}.cert:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}@media (max-width:960px){.about-intro{grid-column:1/-1;position:static}.about-panels{grid-column:1/-1}}@media (max-width:560px){.cert-list{grid-template-columns:minmax(0,1fr)}}.teaser-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.teaser-grid{gap:var(--col-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0 0;padding:0;list-style:none;display:grid}.teaser-card{color:var(--text);gap:10px;text-decoration:none;display:grid}.teaser-cover{aspect-ratio:16/10;border-radius:var(--r-m);border:1px solid var(--line);background:var(--sunken);transition:transform var(--t-slow) var(--ease-rein);place-items:center;display:grid;overflow:hidden}.teaser-cover img{object-fit:cover;width:100%;height:100%}.teaser-cover.is-portrait img{object-position:50% 0}.teaser-card:hover .teaser-cover{transform:translateY(-3px)}.teaser-eyebrow{color:var(--text-2);margin-block-start:6px}.teaser-title{font:600 17px/1.35 var(--font-sans)}html[lang=ar] .teaser-title{font:700 17px/1.6 var(--font-ar)}.teaser-card:hover .teaser-title{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}@media (max-width:900px){.teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}.site-footer{padding-block-start:var(--section)}.footer-contact{gap:48px;padding-block-end:96px;display:grid}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.footer-statement{max-width:16ch}.footer-contact .cpills{max-width:980px}.footer-signature{padding-block:48px 64px}.footer-mark{width:52px;height:52px;color:var(--text);border-radius:10px;place-items:center;margin-block-end:18px;margin-inline-start:-6px;display:inline-grid}.footer-mark .overseer{width:40px;height:40px}.footer-base{border-block:1px solid var(--line);background:var(--bg)}.footer-base-row{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px 28px;padding-block:18px;display:flex}.footer-base-row>.label:first-child{color:var(--text)}.footer-links{flex-wrap:wrap;gap:6px 20px;margin-inline-start:auto;display:flex}.footer-links a{color:var(--text-2);font-size:14px;text-decoration:none}html[lang=ar] .footer-links a{font-size:15px}.footer-links a:hover{color:var(--text)}@media (max-width:700px){.footer-links{flex-basis:100%;margin-inline-start:0}}.screen-tap{--pull:0;--stage-h:min(100svh, 940px, 112vw);isolation:isolate;position:relative}.screen-tap-clip{height:calc(var(--pull) * 110px);transition:height .42s var(--ease-rein);overflow:hidden}.screen-tap[data-pulling=true] .screen-tap-clip{transition:none}.screen-tap[data-open=true] .screen-tap-clip{height:var(--stage-h);transition:height 1s var(--ease-rein)}.screen-tap-stage{width:100%;height:var(--stage-h);touch-action:pan-y;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(130% 30% at 50% -9%, var(--glow-core) 0%, var(--glow-mid) 13%, var(--glow-haze) 31%, var(--glow-edge) 48%, var(--bg) 71%);min-height:320px;display:block;position:relative;overflow:hidden}.screen-tap-stage:after{content:"";z-index:0;pointer-events:none;background-image:var(--grain);mix-blend-mode:overlay;opacity:var(--glow-grain);position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0000 32%);mask:linear-gradient(#000,#0000 32%)}.screen-tap-stage:focus{outline:none}.screen-tap-stage:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.screen-tap-canvas{z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--t-slow) var(--ease-rein);display:block;position:absolute;inset:0}.screen-tap[data-painted=true] .screen-tap-canvas{opacity:1}.screen-tap[data-reduced=true] .screen-tap-stage{cursor:default}.screen-tap-open{z-index:2;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font:600 14px/1 var(--font-sans);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:10px 16px;position:absolute;inset-block-end:calc(100% + 16px);inset-inline-start:var(--gutter);overflow:hidden}html[lang=ar] .screen-tap-open{font:700 14px/1.2 var(--font-ar)}.screen-tap-open:focus-visible{clip-path:none;outline:2px solid var(--focus);outline-offset:3px;width:auto;height:auto}.screen-tap[data-open=true] .screen-tap-open{display:none}@media (prefers-reduced-motion:reduce){.screen-tap-clip,.screen-tap[data-open=true] .screen-tap-clip,.screen-tap-canvas{transition:none}}@media print{.screen-tap{display:none!important}}.tap-flash{z-index:90;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0}.tap-flash.is-on{animation:.42s ease-out both tap-flash}@keyframes tap-flash{0%{opacity:0}12%{opacity:.62}to{opacity:0}}.page-head{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + clamp(48px, 9vh, 104px))}.page-title{font:400 clamp(56px, 7.6vw, 112px)/1 var(--font-display);letter-spacing:-.02em}html[lang=ar] .page-title{font:400 clamp(52px, 7vw, 104px)/1.3 var(--font-ar-display);letter-spacing:0}.project-hero.is-dithered{isolation:isolate;position:relative}.dither-sky{z-index:-1;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;position:absolute;inset:0}.project-hero{box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--text) 85%, transparent);padding-block-end:clamp(56px,9vh,104px)}.project-head{justify-items:start;gap:22px;max-width:960px;display:grid}.project-title-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.project-title-row .t-title{margin:0}html[lang=ar] .project-title-row .t-title{line-height:1.3}.project-lede{font:400 clamp(24px, 2.6vw, 34px)/1.32 var(--font-display);letter-spacing:-.01em;max-width:34ch}html[lang=ar] .project-lede{font:400 clamp(23px, 2.5vw, 32px)/1.75 var(--font-ar-display);letter-spacing:0}.project-meta{flex-wrap:wrap;gap:14px 40px;margin:6px 0 0;display:flex}.project-meta>div{gap:4px;display:grid}.project-meta dt{color:var(--text-2)}.project-meta dd{margin:0;font-size:15px}.project-cover{margin-block-start:clamp(48px,7vw,80px)}.project-cover .pframe{box-shadow:var(--frame-shadow)}.project-stats{margin-block-start:clamp(56px,8vw,96px)}.project-stats .stat-value{font-size:clamp(26px,3.4vw,44px)}.writeup{padding-block:clamp(48px,7vw,80px) 0}.writeup-section{column-gap:var(--col-gap);border-block-start:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:16px;padding-block:clamp(36px,5vw,56px);display:grid}.writeup-section h2,.writeup-aside h2{font:400 clamp(26px, 2.6vw, 34px)/1.15 var(--font-display);letter-spacing:-.01em;grid-column:1/span 4}html[lang=ar] .writeup-section h2,html[lang=ar] .writeup-aside h2{font:400 clamp(25px, 2.5vw, 32px)/1.5 var(--font-ar-display);letter-spacing:0}.writeup-body{grid-column:6/-1;gap:18px;display:grid}.writeup-body>p{font:400 18px/1.7 var(--font-sans);max-width:62ch}html[lang=ar] .writeup-body>p{font:400 19px/1.95 var(--font-ar)}.writeup-points{counter-reset:point;gap:0;margin:0;padding:0;list-style:none;display:grid}.writeup-points li{counter-increment:point;border-block-start:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:8px;padding-block:14px;font-size:16.5px;line-height:1.6;display:grid}html[lang=ar] .writeup-points li{font-size:17.5px;line-height:1.85}.writeup-points li:before{content:counter(point, decimal-leading-zero);font:400 11px/2.2 var(--font-mono);letter-spacing:.06em;color:var(--c,var(--text-2))}.writeup-aside{column-gap:var(--col-gap);border-block-start:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:16px;padding-block:clamp(36px,5vw,56px);display:grid}.writeup-aside dl{grid-column:6/-1;gap:0;margin:0;display:grid}.writeup-aside dl>div{border-block-end:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);gap:12px;padding-block:14px;display:grid}.writeup-aside dt{color:var(--text-2);padding-block-start:3px}.writeup-aside dd{margin:0}.project-links{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:900px){.writeup-section h2,.writeup-body,.writeup-aside h2,.writeup-aside dl{grid-column:1/-1}}.project-next{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-block:56px 0;display:flex}.project-next-link{color:var(--text);gap:14px;text-decoration:none;display:grid}.project-next-link .label{color:var(--text-2)}.project-next-name{align-items:center;gap:18px;display:flex}.project-next-arrow{width:32px;height:32px;transition:transform var(--t-base) var(--ease-rein)}html[dir=rtl] .project-next-arrow{transform:scaleX(-1)}.project-next-link:hover .project-next-arrow{transform:translate(6px)}html[dir=rtl] .project-next-link:hover .project-next-arrow{transform:scaleX(-1)translate(6px)}.resources-hero{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:8px;display:grid}.resources-hero-copy{grid-column:1/span 5;justify-items:start;display:grid}.resources-hero-copy .lede{max-width:46ch}.resources-saying{border-inline-start:2px solid var(--glow-core);gap:6px;margin:26px 0 0;padding-inline-start:16px;display:grid}.resources-saying blockquote{font:400 clamp(19px, 1.7vw, 23px)/1.4 var(--font-display);letter-spacing:-.005em;margin:0}html[lang=ar] .resources-saying blockquote{font:400 clamp(21px, 1.9vw, 26px)/1.6 var(--font-ar-display);letter-spacing:0}.resources-saying figcaption{color:var(--text-2)}.resources-facts{color:var(--text-2);flex-wrap:wrap;gap:8px 22px;margin-block-start:26px;display:flex}.resources-scene{grid-column:6/-1;position:relative;overflow-x:clip}@media (max-width:900px){.resources-hero-copy,.resources-scene{grid-column:1/-1}}.lit-frame{--px:0;--py:0;isolation:isolate;position:relative;container-type:inline-size}.lit-frame-narrow{display:none}@media (max-width:700px){.lit-frame-wide{display:none}.lit-frame-narrow{display:block}}.lit{-webkit-mask-composite:source-in;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible;-webkit-mask-image:linear-gradient(#000 80%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(#000 80%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lit-sun{transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.2s var(--ease-set), filter var(--t-slow) var(--ease-rein);animation:lit-sun 1.4s var(--ease-rein) .1s backwards}.lit-frame.is-sunrise .lit-sun{filter:brightness(1.15)drop-shadow(0 0 10px #f08c43);transition:transform .8s cubic-bezier(.2,1.25,.4,1),filter .8s;transform:translateY(-62%)scale(1.25)}.lit-sky{transition:filter 1s var(--ease-set)}.lit-frame.is-sunrise .lit-sky{filter:saturate(1.3)brightness(1.06)}.lit-spark{z-index:3;pointer-events:none;width:7px;height:7px;box-shadow:0 0 8px 3px var(--glow-core), 0 0 20px 7px color-mix(in srgb, var(--glow-mid) 45%, transparent);background:#fff7e2;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:0}.lit-ember{z-index:2;pointer-events:none;background:var(--glow-core);width:3px;height:3px;box-shadow:0 0 4px var(--glow-core);border-radius:50%;margin:-1.5px 0 0 -1.5px;animation:.75s ease-out forwards lit-ember;position:absolute;top:0;left:0}@keyframes lit-ember{to{opacity:0;translate:var(--ex) var(--ey);scale:.2}}.lit-edge{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.lit-dashes{fill:none;stroke:var(--text);stroke-opacity:.2;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lit-trail{opacity:0;animation:lit-trail .9s var(--ease-rein) calc(.5s + (var(--k) + 1) * var(--step)) backwards}.lit-hop{stroke:var(--glow-core);stroke-width:1.6px;fill:none;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;animation:lit-draw var(--step) linear calc(.5s + var(--k) * var(--step)) backwards}.lit-source{z-index:2;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;translate:-50% -62%}.lit-source:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lamp{z-index:1;width:0;height:0;color:var(--text);transition:opacity var(--t-base) var(--ease-rein);text-decoration:none;position:absolute}.lamp>i{pointer-events:none;position:absolute;top:0;left:0}.lamp-post{width:1px;height:calc(var(--post) - var(--flame) * .45);background:linear-gradient(var(--text), transparent 160%);opacity:calc(.42 * var(--dim));transition:opacity var(--t-base) var(--ease-rein);translate:-50%;top:calc(var(--flame) * .45)!important}.lamp-pool{width:var(--pool);height:calc(var(--pool) * .3);background:radial-gradient(closest-side, color-mix(in srgb, var(--glow-mid) 46%, transparent), color-mix(in srgb, var(--glow-core) 10%, transparent) 60%, transparent);opacity:calc(.75 * var(--dim));transition:opacity var(--t-slow) var(--ease-rein), transform var(--t-slow) var(--ease-rein);border-radius:50%;translate:-50% -50%;top:var(--post)!important}.lamp-halo{width:calc(var(--flame) * 5.4);height:calc(var(--flame) * 5.4);background:radial-gradient(closest-side, color-mix(in srgb, var(--glow-core) 72%, transparent), color-mix(in srgb, var(--glow-mid) 24%, transparent) 46%, transparent);opacity:calc(.92 * var(--dim));transition:opacity var(--t-slow) var(--ease-rein), transform var(--t-slow) var(--ease-rein);border-radius:50%;translate:-50% -50%}.lamp-flame{width:var(--flame);height:var(--flame);background:radial-gradient(circle at 50% 45%, #fffdf6, #fff1d2 45%, var(--glow-core));box-shadow:0 0 calc(var(--flame) * .9) color-mix(in srgb, var(--glow-core) 80%, transparent);opacity:var(--dim);transition:transform var(--t-slow) cubic-bezier(.2, 1.5, .4, 1), box-shadow var(--t-slow) var(--ease-rein);border-radius:50%;translate:-50% -50%}.lamp-halo,.lamp-pool,.lamp-flame{animation:lamp-ignite .7s var(--ease-rein) calc(.5s + (var(--k) + 1) * var(--step)) backwards}.is-newest .lamp-halo{animation:lamp-ignite .7s var(--ease-rein) calc(.5s + (var(--k) + 1) * var(--step)) backwards, lamp-breathe 4.6s ease-in-out calc(1.4s + (var(--k) + 1) * var(--step)) infinite}.lamp.is-link:before{content:"";width:max(40px, calc(var(--flame) * 4.2));aspect-ratio:1;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.lamp.is-link:focus-visible{outline:none}.lamp.is-link:focus-visible:before{outline:2px solid var(--focus);outline-offset:2px}.lamp.is-link:is(:hover,:focus-visible) .lamp-flame{box-shadow:0 0 calc(var(--flame) * 1.8) var(--glow-core);transform:scale(1.45)}.lamp.is-link:is(:hover,:focus-visible) .lamp-halo{opacity:1;transform:scale(1.45)}.lamp.is-link:is(:hover,:focus-visible) .lamp-pool{opacity:1;transform:scale(1.5)}.lamp.is-link:is(:hover,:focus-visible) .lamp-post{opacity:.8}.lit-frame:has(.lamp.is-link:is(:hover,:focus-visible)) .lamp:not(:hover,:focus-visible){opacity:.5}.lamp-card{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);width:max-content;max-width:min(232px,46cqw);box-shadow:var(--glass-shadow);color:var(--text);pointer-events:none;opacity:0;transition:opacity .26s var(--ease-rein), transform .26s var(--ease-rein);border-radius:14px;gap:5px;padding:12px 14px 13px;display:grid;position:absolute;top:0;translate:0 -50%}.lamp[data-side=right] .lamp-card{left:calc(var(--flame) * 1.9 + 10px);transform-origin:0;transform:translate(-8px)scale(.97)}.lamp[data-side=left] .lamp-card{right:calc(var(--flame) * 1.9 + 10px);transform-origin:100%;transform:translate(8px)scale(.97)}.lamp.is-link:is(:hover,:focus-visible) .lamp-card{opacity:1;transform:none}.lit-frame:not(:has(.lamp.is-link:is(:hover,:focus-visible))) .lamp.is-newest .lamp-card{opacity:1;animation:lamp-card-in .6s var(--ease-rein) calc(.9s + var(--n) * var(--step)) backwards;transform:none}.lit-frame-narrow .lamp-card{top:auto;bottom:calc(var(--flame) * 1.6 + 6px);gap:3px;max-width:52cqw;padding:9px 12px 10px;translate:none}.lit-frame-narrow :is(.lamp-card-kind,.lamp-card-meta){display:none}.lit-frame-narrow .lamp-card-title{font-size:14px}.lit-frame-narrow .lamp[data-side=right] .lamp-card{left:calc(var(--flame) * -1.2)}.lit-frame-narrow .lamp[data-side=left] .lamp-card{right:calc(var(--flame) * -1.2)}.lamp-card-kicker{color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.lamp-card-latest{color:var(--accent)}.lamp-card-title{font:600 15px/1.3 var(--font-sans);letter-spacing:-.005em}html[lang=ar] .lamp-card-title{font:700 16px/1.5 var(--font-ar);letter-spacing:0}.lamp-card-meta{color:var(--text-2);font-size:13px}html[lang=ar] .lamp-card-meta{font:400 14px/1.5 var(--font-ar)}.lamp-ring{width:calc(var(--flame) * 2.2);aspect-ratio:1;border:1.5px solid var(--glow-core);opacity:0;border-radius:50%;translate:-50% -50%}.lamp.is-catching .lamp-ring{animation:1s ease-out lamp-ring}.lamp.is-catching .lamp-flame{animation:.7s cubic-bezier(.2,1.5,.4,1) lamp-catch}.lamp.is-catching .lamp-halo{animation:1s ease-out lamp-catch-halo}@keyframes lamp-ring{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(3.4)}}@keyframes lamp-catch{40%{box-shadow:0 0 calc(var(--flame) * 2.4) var(--glow-core);transform:scale(2.2)}}@keyframes lamp-catch-halo{35%{opacity:1;transform:scale(1.9)}}@keyframes lit-draw{0%{stroke-dashoffset:1px}}@keyframes lit-trail{0%{opacity:1}}@keyframes lit-sun{0%{transform:translateY(70%)}}@keyframes lamp-ignite{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.35)}}@keyframes lamp-breathe{50%{opacity:.7;transform:scale(1.12)}}@keyframes lamp-card-in{0%{opacity:0;transform:translate(0)scale(.97)}}@media (prefers-reduced-motion:reduce){.lit *,.lit-frame .lamp,.lit-frame .lamp>*,.lamp-card{transition:none!important;animation:none!important}}.resources-label{color:var(--text-2);border-block-end:1px solid var(--line);margin-block-end:40px;padding-block-end:16px}.resource-grid{gap:72px var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.resource-card{align-content:start;gap:22px;display:grid}.resource-cover{aspect-ratio:16/9;border-radius:var(--r-m);border:1px solid var(--line);background:var(--sunken);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.resource-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease-rein)}.resource-grid .resource-cover.is-portrait img{object-position:50% 0}.resource-page-cover .resource-cover.is-portrait img{object-fit:contain;width:auto;height:86%;box-shadow:0 12px 32px #00000024}.resource-cover:hover img{transform:scale(1.015)}.resource-index{color:var(--text);margin-inline-end:12px}.resource-body{gap:12px;display:grid}.resource-eyebrow{color:var(--text-2)}.resource-title{font:600 26px/1.2 var(--font-sans);letter-spacing:-.01em}.resource-title a{color:inherit;text-decoration:none}.resource-title a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}html[lang=ar] .resource-title{font:700 26px/1.5 var(--font-ar);letter-spacing:0}.resource-description{color:var(--text-2);max-width:56ch}.resource-foot{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-start:10px;padding-block-start:16px;display:flex}.resource-meta{color:var(--text-2);gap:14px;display:flex}.resource-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:900px){.resource-grid{grid-template-columns:minmax(0,1fr)}}.resource-page{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:40px;display:grid}.resource-page-cover{grid-column:1/span 6}.resource-page-cover .resource-cover{aspect-ratio:auto}.resource-page-cover .resource-cover img{height:auto}.resource-page-cover .resource-cover.is-portrait{aspect-ratio:4/5}.resource-page-copy{grid-column:8/span 5;justify-items:start;gap:18px;display:grid}.resource-page-copy .page-title{font-size:clamp(40px,4.4vw,64px);line-height:1.08}html[lang=ar] .resource-page-copy .page-title{font-size:clamp(38px,4.2vw,60px);line-height:1.45}@media (max-width:900px){.resource-page-cover,.resource-page-copy{grid-column:1/-1}}.share-status{min-height:1.4em;color:var(--text-2);font-size:14px}.connect{--rise:.5;place-items:center;min-height:100svh;padding:48px 16px 96px;display:grid}.connect-card{justify-items:center;gap:22px;width:min(100%,440px);display:grid}.connect-home{width:44px;height:44px;color:var(--text);border-radius:10px;place-items:center;display:grid}.connect-home .overseer{width:28px;height:28px}.connect-portrait{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:120px;height:120px;position:relative;overflow:hidden}.connect-portrait img{filter:grayscale();width:118%;max-width:none;height:auto;position:absolute;top:6%;left:50%;transform:translate(-50%)}.connect-heading{text-align:center;gap:4px;display:grid}.connect-heading h1{font:400 clamp(36px, 9vw, 48px)/1.05 var(--font-display);letter-spacing:-.01em}.connect-heading p{color:var(--text-2)}.connect-links{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.connect-links .cpill{width:100%}.connect-foot{border-block-start:1px solid var(--line);width:100%;color:var(--text-2);justify-content:space-between;gap:12px;padding-block-start:16px;display:flex}.back-link svg{transform:scaleX(-1)}.back-link:hover svg{transform:scaleX(-1)translate(3px)}html[dir=rtl] .back-link svg{transform:none}html[dir=rtl] .back-link:hover svg{transform:translate(3px)}.reader{background:var(--sunken);min-height:100svh;color:var(--text)}.reader-bar{z-index:20;height:60px;padding-inline:var(--gutter);border-block-end:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;display:grid;position:sticky;top:0}.reader-back,.reader-tool{border:1px solid var(--line);min-width:40px;height:40px;color:var(--text);cursor:pointer;transition:background-color var(--t-quick) var(--ease-rein);background:0 0;border-radius:10px;place-items:center;padding:0 10px;text-decoration:none;display:inline-grid}.reader-back:hover,.reader-tool:hover:not(:disabled){background:var(--sunken)}.reader-tool:disabled{opacity:.4;cursor:default}:is(.reader-back,.reader-tool):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.reader-back svg,.reader-tool svg{width:18px;height:18px}.reader-tool svg path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.flip-back{transform:scaleX(-1)}html[dir=rtl] .flip-back{transform:none}.reader-title{white-space:nowrap;text-overflow:ellipsis;font:500 15px/1.2 var(--font-sans);overflow:hidden}html[lang=ar] .reader-title{font:600 16px/1.4 var(--font-ar)}.reader-where{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}.reader-tools{align-items:center;gap:6px;display:flex}.reader-zoom{min-width:60px;font:400 12px/1 var(--font-mono);letter-spacing:.04em}.reader-progress{inset-inline-start:0;height:2px;width:calc(var(--progress) * 100%);background:linear-gradient(90deg, var(--glow-mid), var(--glow-core));position:absolute;bottom:-1px}html[dir=rtl] .reader-progress{background:linear-gradient(270deg, var(--glow-mid), var(--glow-core))}.reader-pages{justify-items:safe center;gap:28px;padding:32px 16px 120px;display:grid;overflow-x:auto}.reader-page{background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 20px 50px #0000001a}:root[data-theme=night] .reader-page{box-shadow:0 0 0 1px #ffffff0d,0 24px 60px #0000008c}.reader-canvas{width:100%;height:100%;position:absolute;inset:0}.reader-page-n{color:#9a9a9a;place-items:center;display:grid;position:absolute;inset:0}.reader-page[data-drawn] .reader-page-n{display:none}.reader-state{color:var(--text-2);align-items:center;gap:12px;padding:18svh 16px;display:flex}.reader-spinner{border:2px solid var(--line);border-top-color:var(--glow-core);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite reader-spin}@keyframes reader-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.hide-narrow{display:none}.reader-bar{gap:10px}.reader-pages{gap:16px;padding-block:18px 96px}}@media (prefers-reduced-motion:reduce){.reader-spinner{animation-duration:2.4s}}.textLayer{opacity:1;text-align:initial;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:1;line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}.textLayer span.markedContent{height:0;top:0}.textLayer ::selection{background:#0066cc47}.textLayer br::selection{background:0 0}.stay-band{margin-block-start:clamp(64px,9vw,112px)}.stay-band-inner{border-radius:var(--r-l);border:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px 24px;padding:clamp(22px,4vw,36px);display:grid}.stay-band-buddy{width:88px;height:88px}.stay-band-title{font:400 clamp(26px, 3vw, 34px)/1.12 var(--font-display);letter-spacing:-.01em;margin:0}html[lang=ar] .stay-band-title{font:400 clamp(26px, 3vw, 32px)/1.5 var(--font-ar-display);letter-spacing:0}.stay-band-line{max-width:52ch;color:var(--text-2);font:400 16px/1.55 var(--font-sans);margin:8px 0 0}html[lang=ar] .stay-band-line{font:400 17px/1.75 var(--font-ar)}.stay-band .stay-form,.stay-band .stay-sent{grid-column:1/-1}@media (max-width:560px){.stay-band-buddy{width:64px;height:64px}}.mail-page{min-height:70svh}.mail-stage{text-align:center;padding-block:calc(var(--nav-h) + clamp(32px, 7vh, 80px)) clamp(48px, 8vh, 96px);justify-items:center;display:grid}.mail-stage[data-ready=false]>*{opacity:0}.mail-stage>*{transition:opacity .32s var(--ease-rein)}.mail-scene{background:radial-gradient(60% 90% at 50% 100%, color-mix(in srgb, var(--glow-mid) 34%, transparent), color-mix(in srgb, var(--glow-edge) 40%, transparent) 55%, transparent 75%);width:min(440px,100%);height:200px;margin-block-end:28px;position:relative}.mail-buddy{width:168px;height:168px;position:absolute;bottom:-6px;left:50%;translate:-50%}.mail-horizon{inset-inline:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 70%, transparent) 20%, color-mix(in srgb, var(--text) 70%, transparent) 80%, transparent);height:1px;position:absolute;bottom:0}.mail-title{text-wrap:balance;margin-top:14px;font-size:clamp(40px,5.4vw,76px);line-height:1.05}html[lang=ar] .mail-title{font-size:clamp(36px,5vw,68px);line-height:1.35}.mail-lede{margin-inline:auto}.mail-actions{justify-content:center;margin-top:30px}.mail-form{text-align:start;width:min(640px,100%);margin-top:32px}.now-strip{border-bottom:1px solid var(--line)}.now-strip a{color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:clamp(16px,3vw,40px);padding-block:22px;text-decoration:none;display:grid}.now-strip .label{color:var(--text-2)}.now-strip .now-text{font:400 clamp(16px, 1.2vw, 18px)/1.5 var(--font-sans);text-wrap:pretty;text-underline-offset:5px;transition:text-decoration-color var(--t-base) var(--ease-rein);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}html[lang=ar] .now-strip .now-text{font:400 clamp(17px, 1.25vw, 19px)/1.8 var(--font-ar)}.now-date{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.now-date svg{width:16px;height:16px;transition:translate var(--t-base) var(--ease-rein)}.now-strip a:hover .now-text,.now-strip a:focus-visible .now-text{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.now-strip a:hover .now-date svg{translate:3px}html[dir=rtl] .now-strip a:hover .now-date svg{translate:-3px}@media (max-width:640px){.now-strip a{grid-template-columns:auto minmax(0,1fr);row-gap:8px;padding-block:18px}.now-date{grid-column:2}}.now-head{padding-bottom:clamp(40px,8vh,88px)}.now-current{max-width:30ch;font:400 clamp(26px, 2.8vw, 40px)/1.3 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin-block-start:36px}html[lang=ar] .now-current{font:400 clamp(26px, 2.6vw, 38px)/1.7 var(--font-ar-display);letter-spacing:0}.now-when{color:var(--text-2);margin-block-start:18px}.now-before{padding-block-end:clamp(56px,10vh,120px)}.now-before ol{border-top:1px solid var(--line)}.now-before li{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,200px) minmax(0,1fr);align-items:baseline;gap:6px 24px;padding-block:18px;display:grid}.now-before time{color:var(--text-2)}.now-before li p{max-width:60ch;color:var(--text-2);font:400 17px/1.55 var(--font-sans);text-wrap:pretty}html[lang=ar] .now-before li p{font:400 18px/1.8 var(--font-ar)}@media (max-width:640px){.now-before li{grid-template-columns:minmax(0,1fr)}}.privacy-updated{color:var(--text-2);margin-block-start:18px}.crumbs{margin-block-end:22px}.crumbs ol{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;gap:8px;display:inline-flex}.crumbs li+li:before{content:"/";opacity:.5}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.crumbs [aria-current=page]{color:var(--text)}.work-page-head{padding-bottom:0}.work-page-head .lede{max-width:52ch}.work-page-list{padding-block-start:clamp(40px,6vw,72px)}.work-page-list .cases{margin-block-start:0}.work-page{padding-bottom:var(--section)}.about-page-grid{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:40px;display:grid}.about-page-copy{grid-column:1/span 7;justify-items:start;display:grid}.about-page-copy .lede{max-width:56ch}.about-page-copy .cv{margin-block-start:32px}.about-page-portrait{grid-column:8/span 5;justify-self:center;width:min(100%,440px);margin:0}.about-page-portrait img{filter:grayscale();width:100%;height:auto;display:block}.about-elsewhere{padding-bottom:var(--section)}.about-elsewhere .kicker{margin-block-end:20px}@media (max-width:760px){.about-page-copy,.about-page-portrait{grid-column:1/-1}.about-page-portrait{width:min(100%,360px)}}@media (max-width:640px){.about-elsewhere .cpills{grid-template-columns:minmax(0,1fr)}}.photo-events{display:grid}.photo-event{border-block-start:1px solid var(--line);gap:18px;margin:0;padding-block:clamp(24px,3vw,36px);display:grid}.photo-event figcaption{gap:8px;max-width:62ch;display:grid}.photo-when{color:var(--text-2);flex-wrap:wrap;gap:6px 14px;display:flex}.photo-title{font:400 clamp(19px, 1.6vw, 22px)/1.35 var(--font-display);letter-spacing:-.005em;text-wrap:pretty}html[lang=ar] .photo-title{font:400 clamp(19px, 1.6vw, 22px)/1.75 var(--font-ar-display);letter-spacing:0}.photo-row{--row-h:300px;max-width:calc(var(--sum) * var(--row-h) + (var(--n) - 1) * 10px);gap:10px;display:flex}.photo-open{flex:var(--r) 1 0%;border-radius:var(--r-m);background:var(--surface);cursor:zoom-in;min-width:0;display:block;overflow:hidden}.photo-open img{width:100%;height:auto;aspect-ratio:var(--r);transition:transform .6s var(--ease-rein), filter var(--t-base) var(--ease-rein);display:block}.photo-open:hover img{transform:scale(1.03)}.photo-open:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.photo-open img{transition:none}.photo-open:hover img{transform:none}}@media (max-width:640px){.photo-event:not([data-count="1"]) .photo-row{max-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;overflow-x:auto}.photo-event:not([data-count="1"]) .photo-row::-webkit-scrollbar{display:none}.photo-event:not([data-count="1"]) .photo-open{scroll-snap-align:start;flex:none}.photo-event:not([data-count="1"]) .photo-open img{width:auto;max-width:none;height:260px}}.about-photos .section-head{margin-block-end:clamp(28px,4vw,44px)}.writeup-photos{border-block-start:1px solid var(--line);padding-block:clamp(36px,5vw,56px) 0}.writeup-photos h2{font:400 clamp(26px, 2.6vw, 34px)/1.15 var(--font-display);letter-spacing:-.01em;margin-block-end:clamp(24px,3vw,36px)}html[lang=ar] .writeup-photos h2{font:400 clamp(25px, 2.5vw, 32px)/1.5 var(--font-ar-display);letter-spacing:0}.resource-photos{margin-block-start:clamp(56px,8vw,96px)}.resource-photos .kicker{margin-block-end:20px}html.has-viewer{overflow:hidden}.photo-viewer{--pv-pad:clamp(12px, 2.4vw, 24px);color:#f5f5f2;background:rgb(10 10 10/calc(.94 * var(--pv-fade,1)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;border:0;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.photo-viewer[open]{animation:pv-in .32s var(--ease-rein);display:grid}.photo-viewer::backdrop{background:0 0}.photo-viewer.is-closing{transition:background-color .3s var(--ease-rein);background:#0a0a0a00}.photo-viewer.is-closing :is(.pv-top,.pv-caption,.pv-nav){opacity:0;transition:opacity .18s}@keyframes pv-in{0%{background-color:#0a0a0a00}}.pv-top,.pv-caption,.pv-nav{animation:pv-chrome .36s .12s var(--ease-rein) both}@keyframes pv-chrome{0%{opacity:0}}.pv-top{padding:max(var(--pv-pad), env(safe-area-inset-top)) var(--pv-pad) 8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.pv-count{color:#f5f5f29e}.pv-actions{align-items:center;gap:8px;display:flex}.pv-btn{border-radius:var(--r-pill);color:#f5f5f2;min-height:42px;font:600 14px/1 var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);transition:background-color var(--t-base) var(--ease-rein), transform var(--t-base) var(--ease-rein);background:#ffffff14;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:8px;padding-inline:16px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 6px 20px #00000040}html[lang=ar] .pv-btn{font-family:var(--font-ar);font-weight:700}.pv-btn:hover{background:#ffffff29}.pv-btn:active{transform:scale(.96)}.pv-btn:focus-visible{outline-offset:2px;outline:2px solid #f5f5f2}.pv-btn svg{flex:none;width:18px;height:18px}.pv-icon{width:42px;padding:0}.pv-stage{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;min-height:0;margin-inline:clamp(8px,7vw,104px);position:relative;container-type:size}.pv-img{width:min(100cqw, 100cqh * var(--r));height:auto;aspect-ratio:var(--r);-webkit-user-drag:none;will-change:transform;background:#ffffff0a 50%/100% 100% no-repeat;border-radius:6px;max-width:none;margin:auto;position:absolute;inset:0;box-shadow:0 30px 90px #0000008c}.pv-nav{z-index:1;width:48px;min-height:48px;position:absolute;top:50%;translate:0 -50%}.pv-prev{inset-inline-start:var(--pv-pad)}.pv-next{inset-inline-end:var(--pv-pad)}.pv-nav svg{width:22px;height:22px}.pv-caption{padding:12px var(--pv-pad) max(var(--pv-pad), env(safe-area-inset-bottom));text-align:center;justify-items:center;gap:6px;display:grid}.pv-when{color:#f5f5f29e}.pv-title{max-width:56ch;font:400 clamp(18px, 1.7vw, 22px)/1.35 var(--font-display);letter-spacing:-.005em;text-wrap:balance}html[lang=ar] .pv-title{font:400 clamp(18px, 1.7vw, 22px)/1.75 var(--font-ar-display);letter-spacing:0}.pv-status{color:#f5f5f2b3;min-height:1.2em;font-size:13px}@media (max-width:640px){.pv-btn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pv-btn{width:42px;padding:0}.pv-stage{margin-inline:0}.pv-img{border-radius:0}.pv-nav{top:auto;bottom:max(var(--pv-pad), env(safe-area-inset-bottom));width:42px;min-height:42px;translate:none}.pv-caption{padding-inline:calc(var(--pv-pad) + 52px)}}@media (prefers-reduced-motion:reduce){.photo-viewer[open],.pv-top,.pv-caption,.pv-nav{animation:none}}@media (forced-colors:active){.pv-btn{border-color:buttontext}}
.demo{outline:none;position:relative}.demo .img{aspect-ratio:1.6;background:#000;border-radius:10px;position:relative;overflow:hidden}.demo .img>img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter var(--t-develop) var(--ease-rein)}.demo.on .img>img,.demo.is-cover .img>img{filter:grayscale(0)}.demo:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-m)}.lock .br{border:2px solid var(--haris);opacity:0;width:16px;height:16px;transition:all .24s var(--ease-rein);z-index:2;position:absolute}.demo.on .lock .br{opacity:1;transition-duration:.6s}.lock .tl{border-bottom:0;border-right:0;top:6%;left:5%}.lock .tr{border-bottom:0;border-left:0;top:6%;left:calc(95% - 16px)}.lock .bl{border-top:0;border-right:0;top:calc(94% - 16px);left:5%}.lock .brr{border-top:0;border-left:0;top:calc(94% - 16px);left:calc(95% - 16px)}.demo.on .lock .tl{top:52.5%;left:49.5%}.demo.on .lock .tr{top:52.5%;left:calc(55.5% - 16px)}.demo.on .lock .bl{top:calc(67% - 16px);left:49.5%}.demo.on .lock .brr{top:calc(67% - 16px);left:calc(55.5% - 16px)}.lock .tag{z-index:2;background:var(--haris);color:#fff;font:400 11px/1 var(--font-mono);letter-spacing:.04em;opacity:0;transition:opacity var(--t-quick) linear;white-space:nowrap;direction:ltr;padding:5px 6px;position:absolute;top:calc(52.5% - 22px);left:49.5%}.demo.on .lock .tag{opacity:1;transition-delay:.6s}.demo .count{z-index:2;padding:10px 16px 10px 10px;color:#f2f2f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--t-base) var(--ease-rein), transform var(--t-base) var(--ease-rein);background:#111111c7;border-radius:18px;align-items:center;gap:12px;padding-inline:10px 16px;display:flex;position:absolute;inset-block-end:6%;inset-inline-start:4%;transform:translateY(8px)}.demo.on .count{opacity:1;transform:none}.demo .count svg{width:46px;height:46px;transform:rotate(-90deg)}.demo .count .trk{fill:none;stroke:#ffffff24;stroke-width:4px}.demo .count .arc{fill:none;stroke:var(--madaric);stroke-width:4px;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1px;transition:stroke-dashoffset .9s var(--ease-rein)}.demo.on .count .arc{stroke-dashoffset:13.6px}.demo .count b{font:700 30px/1 var(--font-sans);color:var(--madaric);font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.demo .count span{font:400 11px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#a0a0a0}html[lang=ar] .demo .count span{font:400 12px/1.4 var(--font-ar);letter-spacing:0;text-transform:none}.cite .ul{z-index:2;background:var(--adalah-ui);transform-origin:100%;width:29%;height:2px;transition:transform .6s var(--ease-rein);position:absolute;top:45.5%;left:37%;transform:scaleX(0)}.demo.on .cite .ul{transform:scaleX(1)}.cite .mk{z-index:2;font:400 11px/1 var(--font-mono);color:#fff;background:var(--adalah);opacity:0;transition:opacity var(--t-quick) linear, transform var(--t-base) var(--ease-rein);border-radius:4px;padding:5px;position:absolute;top:calc(45.5% - 12px);left:calc(37% - 30px);transform:scale(.6)}.demo.on .cite .mk{opacity:1;transition-delay:.56s;transform:none}.cite .src{z-index:2;color:#111;font:400 11px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity var(--t-base) var(--ease-rein), transform var(--t-base) var(--ease-rein);background:#ffffffeb;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;inset-block-end:7%;inset-inline-start:4%;transform:translate(-10px)}html[lang=ar] .cite .src{font:400 13px/1.4 var(--font-ar);letter-spacing:0;text-transform:none;transform:translate(10px)}.cite .src i{background:var(--adalah);border-radius:2px;width:3px;height:22px}.demo.on .cite .src{opacity:1;transition-delay:.76s;transform:none}.demo .img{container-type:inline-size}.render{z-index:2;pointer-events:none;position:absolute;inset:0}.render-press{opacity:0;background:#fff;border-radius:2px;width:16.7%;height:3%;position:absolute;top:69.3%;left:33.4%}.demo.on .render-press{animation:.42s ease-out both render-press}@keyframes render-press{0%{opacity:.55}to{opacity:0}}.render-view{border-radius:3px;width:16.4%;height:26.3%;position:absolute;top:47.6%;left:51.2%;overflow:hidden}.render-noise{opacity:0;mix-blend-mode:normal;background:#c9c6c1 url(/texture/grain.svg) 0 0/64px 64px;position:absolute;inset:-10%}.demo.on .render-view{animation:1.5s steps(30,end) .16s both render-focus}.demo.on .render-noise{animation:1.5s steps(30,end) .16s both render-noise}@keyframes render-focus{0%{-webkit-backdrop-filter:blur(9px)saturate(.2);backdrop-filter:blur(9px)saturate(.2)}to{-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate()}}@keyframes render-noise{0%{opacity:.96;transform:translate(0)}50%{opacity:.5;transform:translate(-3%,2%)}to{opacity:0;transform:translate(2%,-2%)}}.render-spark{opacity:0;width:2.8cqw;height:2.8cqw;position:absolute;top:60%;left:30%;transform:scale(.2)rotate(-20deg)}.render-spark:before,.render-spark:after{content:"";background:radial-gradient(closest-side,#fff,#fff6e2cc 40%,#0000);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.render-spark:before{width:100%;height:14%}.render-spark:after{width:14%;height:100%}.demo.on .render-spark{animation:render-spark .9s var(--ease-rein) 1.64s 1 both}@keyframes render-spark{0%{opacity:0;transform:scale(.2)rotate(-20deg)}45%{opacity:1;transform:scale(1.15)rotate(10deg)}to{opacity:0;transform:scale(.7)rotate(25deg)}}.render-chip{color:#f2f2f2;font:400 .85cqw/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity var(--t-base) var(--ease-rein) .12s, transform var(--t-base) var(--ease-rein) .12s;background:#111111c7;border-radius:99px;align-items:baseline;gap:.35cqw;padding:.45cqw .65cqw;display:inline-flex;position:absolute;top:49%;left:52.2%;transform:translateY(4px)}html[lang=ar] .render-chip{font:500 1cqw/1.2 var(--font-ar);letter-spacing:0;text-transform:none;direction:ltr}.render-chip b{color:var(--lustre);font-variant-numeric:tabular-nums;font-weight:400}.render-chip span{color:#a0a0a0}.demo.on .render-chip{opacity:1;transform:none}.decode{z-index:2;pointer-events:none;width:40.6%;height:31.8%;position:absolute;top:27.2%;left:42.6%}.decode .bits{background:var(--bits) 0 0 / 100% 100% no-repeat, #0808089e;clip-path:inset(0 100% 0 0);opacity:0;position:absolute;inset:0;overflow:hidden}.decode .scan{background:var(--stegamark);width:2px;box-shadow:0 0 12px 1px var(--stegamark);opacity:0;position:absolute;top:-4%;bottom:-4%;left:0}.decode .tag{background:var(--stegamark);color:#111;font:400 .95cqw/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity var(--t-base) var(--ease-rein);border-radius:3px;padding:.5cqw .6cqw;position:absolute;bottom:.7cqw;left:.7cqw}html[lang=ar] .decode .tag{font:700 1.05cqw/1.2 var(--font-ar);letter-spacing:0;text-transform:none}.demo.on .decode .bits{animation:decode-bits 1.5s var(--ease-rein) .12s 1 both}.demo.on .decode .scan{animation:decode-scan 1.5s var(--ease-rein) .12s 1 both}.demo.on .decode .tag{opacity:1;transition-delay:1.1s}@keyframes decode-bits{0%{clip-path:inset(0 100% 0 0);opacity:1}62%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:.82}}@keyframes decode-scan{0%{opacity:1;left:0}62%{opacity:1;left:calc(100% - 2px)}to{opacity:0;left:calc(100% - 2px)}}.mask{z-index:2;color:#f2f2f2;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;width:36.5%;transition:opacity var(--t-base) var(--ease-rein), transform var(--t-base) var(--ease-rein);background:#111111db;border-radius:1cqw;gap:.9cqw;padding:1.3cqw 1.5cqw;display:grid;position:absolute;top:58%;left:17%;transform:translateY(6px)}.demo.on .mask{opacity:1;transform:none}.mask-head{color:#a0a0a0;font:400 .9cqw/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7cqw;display:flex}html[lang=ar] .mask-head{font:500 1.05cqw/1.3 var(--font-ar);letter-spacing:0;text-transform:none}.mask-head i{background:var(--onkith);border-radius:50%;width:.7cqw;height:.7cqw;box-shadow:0 0 0 .3cqw #ff5a3638}.demo.on .mask-head i{animation:1.2s ease-in-out 3 mask-live}@keyframes mask-live{50%{opacity:.35}}.mask-line{font:600 1.7cqw/1.35 var(--font-sans);flex-wrap:wrap;align-items:center;gap:.55cqw .6cqw;display:flex}html[lang=ar] .mask-line{font:700 1.8cqw/1.6 var(--font-ar)}.mask-line .w,.mask-line .pii{opacity:0;transition:opacity var(--t-quick) linear;transition-delay:calc(.24s + var(--i) * .15s)}.demo.on .mask-line .w,.demo.on .mask-line .pii{opacity:1}.pii{unicode-bidi:isolate;display:inline-grid}.pii>span{white-space:nowrap;grid-area:1/1;place-self:center start}.pii .raw{transition:opacity var(--t-base) var(--ease-rein) 1.45s}.pii .tok{background:var(--onkith);color:#111;font:400 1.1cqw/1.2 var(--font-mono);letter-spacing:.04em;opacity:0;transition:opacity var(--t-base) var(--ease-rein) 1.45s, transform var(--t-base) var(--ease-rein) 1.45s;border-radius:.4cqw;padding:.25cqw .5cqw;transform:scale(.85)}.demo.on .pii .raw{opacity:0}.demo.on .pii .tok{opacity:1;transform:none}.mask-foot{color:var(--onkith);font:400 .9cqw/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity var(--t-base) linear 1.9s}html[lang=ar] .mask-foot{font:500 1.05cqw/1.4 var(--font-ar);letter-spacing:0;text-transform:none}.demo.on .mask-foot{opacity:1}.speak{z-index:2;pointer-events:none;position:absolute;inset:0}.speak-scrim{-webkit-backdrop-filter:blur(2px)saturate(.8);backdrop-filter:blur(2px)saturate(.8);opacity:0;background:radial-gradient(60% 70% at 50% 46%,#14221ec2,#0a100ee6);border-radius:.6cqw;width:72.2%;height:74.6%;transition:opacity .36s;position:absolute;top:12.6%;left:14%}.demo.on .speak-scrim{opacity:1}.speak-orb{aspect-ratio:1;opacity:0;width:9cqw;transition:opacity .3s .12s,transform .6s cubic-bezier(.2,1.4,.4,1) .12s;position:absolute;top:42%;left:50%;transform:scale(.4)}.demo.on .speak-orb{opacity:1;transform:none}.speak-orb .core{background:radial-gradient(circle at 38% 32%,#e9fff6 0%,#9fe3cc 22%,#6bc7ab 48%,#2f6f5e 82%,#273b35 100%);border-radius:50%;animation:1.1s ease-in-out infinite alternate speak-listen;position:absolute;inset:0;box-shadow:0 0 2.4cqw #6bc7ab8c,inset 0 -.8cqw 1.6cqw #273b358c}.speak-orb .ring{opacity:0;border:.18cqw solid #9fe3ccb3;border-radius:50%;position:absolute;inset:0}.demo.on .speak-orb .ring{animation:1.8s ease-out infinite speak-ring}.demo.on .speak-orb .r2{animation-delay:.6s}.demo.on .speak-orb .r3{animation-delay:1.2s}@keyframes speak-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}@keyframes speak-listen{0%{transform:scale(.94)}to{transform:scale(1.04)}}.demo.on .speak-orb .core{animation:1.1s ease-in-out infinite alternate speak-listen,0s linear 1.55s forwards speak-warm}@keyframes speak-warm{to{background:radial-gradient(circle at 38% 32%,#fff6de 0%,#f7d79a 22%,#8fd9be 52%,#2f6f5e 84%,#273b35 100%);box-shadow:0 0 3.6cqw #e3a72f8c,inset 0 -.8cqw 1.6cqw #273b3573}}.speak-timer{color:#cdefe3;font:400 .9cqw/1 var(--font-mono);letter-spacing:.06em;white-space:nowrap;opacity:0;background:#273b35e6;border-radius:.5cqw;padding:.4cqw .8cqw;transition:opacity .2s 1.45s;position:absolute;top:calc(42% + 7.4cqw);left:50%;translate:-50%}html[lang=ar] .speak-timer{font:500 1cqw/1.3 var(--font-ar);letter-spacing:0}.demo.on .speak-timer{opacity:1}.speak-lines{text-align:center;justify-items:center;gap:.6cqw;display:grid;position:absolute;top:64%;left:22%;right:22%}.speak-lines span{font:600 1.45cqw/1.3 var(--font-sans);opacity:0;transition:opacity .26s,transform .26s;transform:translateY(.4cqw)}html[lang=ar] .speak-lines span{font:700 1.55cqw/1.6 var(--font-ar)}.speak-lines .you{color:#f2f2f29e;transition-delay:.55s}.speak-lines .says{color:#fff;transition-delay:1.75s}.demo.on .speak-lines span{opacity:1;transform:none}.draft{z-index:2;pointer-events:none;width:36.6%;height:40.6%;position:absolute;top:25.6%;left:15.6%}.draft:before{content:"";opacity:0;transition:opacity var(--t-slow) var(--ease-rein) .2s;background-image:linear-gradient(#3a6fd81a 1px,#0000 1px),linear-gradient(90deg,#3a6fd81a 1px,#0000 1px);background-size:2.2cqw 2.2cqw;position:absolute;inset:0}.demo.on .draft:before{opacity:1}.draft .edge{background:var(--foreman);transition:transform .26s linear;position:absolute}.draft .top{transform-origin:0;height:1.5px;top:0;left:0;right:0;transform:scaleX(0)}.draft .right{transform-origin:top;width:1.5px;transition-delay:.26s;top:0;bottom:0;right:0;transform:scaleY(0)}.draft .bottom{transform-origin:100%;height:1.5px;transition-delay:.52s;bottom:0;left:0;right:0;transform:scaleX(0)}.draft .left{transform-origin:bottom;width:1.5px;transition-delay:.78s;top:0;bottom:0;left:0;transform:scaleY(0)}.demo.on .draft .edge{transform:none}.draft .reg{opacity:0;width:1.4cqw;height:1.4cqw;transition:opacity var(--t-base) linear .9s;position:absolute}.draft .reg:before,.draft .reg:after{content:"";background:var(--foreman);position:absolute}.draft .reg:before{width:1px;top:0;bottom:0;left:50%}.draft .reg:after{height:1px;top:50%;left:0;right:0}.draft .tl{top:-.7cqw;left:-.7cqw}.draft .tr{top:-.7cqw;right:-.7cqw}.draft .bl{bottom:-.7cqw;left:-.7cqw}.draft .br{bottom:-.7cqw;right:-.7cqw}.demo.on .draft .reg{opacity:1}.draft .dim{color:var(--foreman);font:400 .85cqw/1 var(--font-mono);letter-spacing:.1em;white-space:nowrap;opacity:0;transition:opacity var(--t-base) linear .7s;direction:ltr;margin-bottom:.7cqw;position:absolute;bottom:100%;left:0}.demo.on .draft .dim{opacity:1}.draft .stamp{border:2px solid var(--foreman);color:var(--foreman);font:400 1.15cqw/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:0;background:#ffffffe6;border-radius:.5cqw;padding:.55cqw 1cqw;transition:opacity .16s linear 1.05s,transform .26s cubic-bezier(.2,1.4,.4,1) 1.05s;position:absolute;bottom:-5%;right:-2%;transform:rotate(-6deg)scale(1.5)}html[lang=ar] .draft .stamp{font:700 1.3cqw/1.2 var(--font-ar);letter-spacing:0;text-transform:none}.demo.on .draft .stamp{opacity:1;transform:rotate(-6deg)scale(1)}@media (prefers-reduced-motion:reduce){.lock .br,.count .arc,.cite .ul{transition-duration:.16s!important}.demo.on :is(.render-view,.render-noise,.render-press,.render-spark,.speak-orb .ring,.speak-orb .core){animation:none}.demo.on .decode .bits{clip-path:none;opacity:.82;animation:none}.demo.on .decode .scan{animation:none}:is(.decode,.mask,.draft,.render,.speak) *,.mask{transition-duration:.12s!important;transition-delay:0s!important}}