:root{--basalt:#0B0A08;--patina:#18373E;--brand-teal:#1B3D46;--accent-teal:#3E8599;--gilt:#C6A15B;--gilt-deep:#AE8943;--lime-1:#ECE4D7;--lime-2:#C4BDB0;--lime-3:#A29B8F;--lime-4:#847E71;--rule:rgba(198,161,91,.24);--rule-faint:rgba(198,161,91,.13);--serif:'Newsreader',Georgia,'Times New Roman',serif;--arabic:'IBM Plex Sans Arabic',sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--basalt);color:var(--lime-1);font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:19px;line-height:1.65;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hanging-punctuation:first last;overflow-x:hidden}img{display:block;width:100%;height:auto}.w{max-width:1180px;margin:0 auto;padding:0 26px;position:relative;z-index:2}.n{max-width:34em}.mono{font-family:var(--mono)}.ar{font-family:var(--arabic);font-size:1.07em;font-weight:400;letter-spacing:normal!important}.k{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gilt)}h1,h2,h3{margin:0;font-weight:300;text-wrap:balance}h2{font-size:clamp(31px,5vw,50px);line-height:1.1;letter-spacing:-.012em;margin:18px 0 28px}p{margin:0 0 22px;text-wrap:pretty}a{color:var(--gilt)}a:focus-visible,.btn:focus-visible{outline:2px solid var(--gilt);outline-offset:4px}section{padding:96px 0;position:relative;overflow:hidden}.lede{font-size:clamp(22px,2.5vw,28px);line-height:1.5;font-weight:300;color:var(--lime-1)}.drop::first-letter{float:left;font-size:5.1em;line-height:.78;padding:.06em .1em 0 0;font-weight:300;color:var(--gilt)}.teal{background:var(--patina)}.ink{background:var(--basalt)}.rule{height:1px;background:linear-gradient(90deg,var(--gilt),rgba(198,161,91,0));transform-origin:left}.js .rule{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}.in .rule,.rule.in{transform:scaleX(1)}.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;display:flex;align-items:center}.hero .bg{position:absolute;inset:-10% 0;will-change:transform}.hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.40;filter:contrast(1.08) saturate(.9)}.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,10,8,.74),rgba(11,10,8,.36) 42%,rgba(11,10,8,.96))}.hero .sealbig{position:absolute;z-index:1;top:50%;left:50%;width:min(92vw,780px);transform:translate(-50%,-52%);opacity:.06}.hero .sealmark{display:block;width:clamp(104px,27vw,156px);height:auto;margin:0 0 26px;filter:drop-shadow(0 3px 22px rgba(0,0,0,.7))}.hero .in2{position:relative;z-index:2;width:100%}.hero h1{font-size:clamp(52px,11.6vw,124px);line-height:.95;letter-spacing:-.018em;font-weight:300}.hero .arname{font-family:var(--arabic);font-size:clamp(22px,5vw,33px);line-height:1.7;color:var(--gilt);margin-top:14px;font-weight:300;letter-spacing:normal}.hero .sub{margin-top:30px;max-width:31em;color:var(--lime-2);font-size:19px;line-height:1.62}.cue{position:absolute;left:26px;bottom:26px;z-index:2;font-family:var(--mono);font-size:11.5px;letter-spacing:.24em;color:var(--lime-4);animation:bob 2.8s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}.anchor{position:fixed;top:20px;left:20px;width:38px;z-index:60;opacity:0;transition:opacity .6s;pointer-events:none}.anchor.show{opacity:.9}.seal-open{width:74px;margin:0 0 18px}.js .seal-open{opacity:0;transform:scale(1.3) rotate(-6deg);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.in .seal-open,.seal-open.in{opacity:.95;transform:none}.wm{position:absolute;z-index:0;pointer-events:none;opacity:.05}.wm.right{right:-14%;top:6%;width:60%}.wm.left{left:-16%;bottom:-6%;width:56%}.stamp{display:flex;justify-content:center;padding:70px 0 10px}.stamp svg{width:130px}.js .stamp svg{opacity:0;transform:scale(1.35) rotate(-7deg);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.stamp.in svg{opacity:.95;transform:none}.seal-div{display:flex;justify-content:center;align-items:center;gap:26px;padding:20px 0}.seal-div .ln{height:1px;flex:1;background:linear-gradient(90deg,rgba(198,161,91,0),rgba(198,161,91,.5),rgba(198,161,91,0))}.seal-div svg{width:46px;flex:0 0 auto;opacity:.8}.foot-seal{width:104px;margin-bottom:26px;opacity:.95}.js .hero .sealmark{opacity:0;transform:scale(1.18) rotate(-5deg);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.js .hero .sealmark.in{opacity:1;transform:none}.js .r{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.js .r.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}figure{margin:0;overflow:hidden;background:#000}.js figure img{transform:scale(1.09);transition:transform 1.7s cubic-bezier(.16,1,.3,1);filter:saturate(1.04)}.js figure.in img{transform:scale(1)}figcaption{font-family:var(--mono);font-size:13.5px;font-weight:400;letter-spacing:.03em;color:var(--lime-4);margin-top:13px;line-height:1.65;max-width:52ch}.grid2{display:grid;grid-template-columns:1fr;gap:26px}.grid3{display:grid;grid-template-columns:1fr;gap:24px}.bleed{margin:48px 0}.split{display:grid;grid-template-columns:1fr;gap:34px;align-items:center}.mv{padding:62px 0;border-top:1px solid var(--rule)}.mv .no{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.24em;color:var(--gilt)}.mv h3{font-size:clamp(24px,3.4vw,35px);font-weight:400;margin:14px 0 26px;max-width:22ch;line-height:1.16;letter-spacing:-.008em}.prow{display:grid;grid-template-columns:1fr;gap:6px;padding:24px 0;border-bottom:1px solid var(--rule-faint)}.prow .src{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.08em;color:var(--gilt)}.prow .txt{font-size:18px;line-height:1.6;max-width:60ch;color:var(--lime-2)}.row{display:grid;grid-template-columns:6em 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--rule-faint)}.row .y{font-family:var(--mono);font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--gilt);padding-top:5px}.row .t{font-size:18px;line-height:1.6;max-width:52ch;color:var(--lime-2)}.cols{display:grid;grid-template-columns:1fr;gap:32px;margin-top:32px}.quote{font-size:clamp(22px,2.6vw,28px);line-height:1.44;font-weight:300;max-width:23ch;margin:0;color:var(--lime-1)}.quote .s{display:block;font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.1em;color:var(--gilt);margin-top:18px;text-transform:uppercase}.btn{display:inline-block;font-family:var(--mono);font-size:13.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--basalt);background:var(--gilt);padding:17px 30px;text-decoration:none;transition:background .3s,color .3s}.btn:hover{background:var(--lime-1)}footer{background:var(--basalt);color:var(--lime-3);padding:80px 0 60px;position:relative;overflow:hidden;border-top:1px solid var(--rule)}.fine a{color:var(--gilt-deep);text-decoration:none}.fine a:hover{color:var(--gilt)}.fine{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--lime-4);margin-top:36px;line-height:2.05}/* ——— colophon: the studio's presence. Quiet, and there. ——— */
.colophon{margin-top:60px;padding-top:34px;border-top:1px solid var(--rule-faint);display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.colophon .role{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--lime-4);margin:0 0 20px}
.studio{display:inline-block;text-decoration:none;color:var(--gilt-deep);
 transition:color .4s ease}
.studio:hover{color:var(--gilt)}
.studio .nm{display:block;font-family:var(--serif);font-weight:400;font-size:19px;
 letter-spacing:.055em;line-height:1.1}
.studio .nm sup{font-size:.38em;letter-spacing:0;vertical-align:.55em;margin-left:.18em}
.studio .hh-mark{display:block;width:clamp(200px,58vw,320px);height:auto;opacity:.92;transition:opacity .4s ease}
.studio:hover .hh-mark{opacity:1}

.studio-lines{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime-4);margin-top:22px;line-height:2.1}
.studio-lines a{color:var(--gilt-deep);text-decoration:none}
.studio-lines a:hover{color:var(--gilt)}
.colophon .logo-slot svg,.colophon .logo-slot img{width:auto;height:34px;display:block}
@media(min-width:820px){
 body{font-size:21px}
 .grid2{grid-template-columns:1fr 1fr;gap:36px}
 .grid3{grid-template-columns:repeat(3,1fr);gap:28px}
 .split{grid-template-columns:1fr 1fr;gap:56px}
 .cols{grid-template-columns:repeat(3,1fr);gap:40px}
 .prow{grid-template-columns:16em 1fr;gap:28px;align-items:baseline}
 section{padding:130px 0}
 .anchor{width:46px;top:26px;left:26px}
}
@media(prefers-reduced-motion:reduce){
 .r,figure img,.rule,.stamp svg,.seal-open,.hero .sealmark{
  transition:none!important;opacity:1!important;transform:none!important}
 .cue{animation:none}
 html{scroll-behavior:auto}
}


/* ─── navigation ─── */
.topbar{position:relative;z-index:50;background:var(--basalt);
 border-bottom:1px solid var(--rule-faint)}
.topbar.over{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:none}
.topbar.over .tb-seal{display:none}
.topbar.over .tb-links{margin-left:auto}
.topbar .w{display:flex;align-items:center;gap:20px;flex-wrap:wrap;
 padding-top:16px;padding-bottom:16px}
.tb-seal{flex:0 0 auto;line-height:0}
.tb-mark{width:38px;height:auto;display:block}
.tb-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-left:auto}
.tb-links a{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
 color:var(--lime-3);text-decoration:none;transition:color .3s;padding:4px 0}
.tb-links a:hover,.tb-links a.here{color:var(--gilt)}
.topbar.over .tb-links a{color:var(--lime-2)}
/* ─── page heads on the inner pages ─── */
.pagehead{padding:64px 0 0;position:relative}
.pagehead + section{padding-top:56px}
.pagehead h1{font-size:clamp(38px,7.4vw,82px);line-height:1.0;letter-spacing:-.018em;
 font-weight:300;margin:16px 0 0}
.pagehead .ar-h{font-family:var(--arabic);font-size:clamp(21px,4.4vw,30px);color:var(--gilt);
 line-height:1.7;font-weight:300;margin-top:12px;letter-spacing:normal}
.pagehead .lede{margin-top:28px;max-width:32em;color:var(--lime-2)}
/* ─── the four rooms ─── */
.rooms{display:grid;grid-template-columns:1fr;gap:2px;margin:44px 0 10px;background:var(--rule-faint)}
.room{display:block;text-decoration:none;background:var(--basalt);padding:0 0 26px;
 transition:background .4s ease}
.teal .room{background:var(--patina)}
.room:hover{background:#141210}
.room-img{display:block;overflow:hidden;aspect-ratio:16/10;margin-bottom:20px}
.room-img img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.95) contrast(1.04);
 transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.room:hover .room-img img{transform:scale(1.05)}
.room-ar{display:block;font-family:var(--arabic);font-size:22px;color:var(--gilt);
 line-height:1.6;padding:0 20px;letter-spacing:normal}
.room-en{display:block;font-size:25px;font-weight:300;color:var(--lime-1);padding:4px 20px 0;
 letter-spacing:-.01em}
.room-line{display:block;font-family:var(--mono);font-size:12px;line-height:1.7;
 color:var(--lime-4);padding:12px 20px 0;letter-spacing:.02em}
/* ─── onward links ─── */
.seedeeper{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:44px;padding-top:26px;
 border-top:1px solid var(--rule-faint)}
.seedeeper a{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--gilt-deep);text-decoration:none;transition:color .3s}
.seedeeper a:hover{color:var(--gilt)}
/* ─── generated design material, always declared ─── */
.genlabel{position:absolute;right:12px;bottom:12px;z-index:3;font-family:var(--mono);font-size:10px;
 font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--lime-1);
 background:rgba(11,10,8,.72);border:1px solid rgba(198,161,91,.5);padding:6px 10px;
 backdrop-filter:blur(3px)}
figure.gen,.gen{position:relative}
figcaption .gen-note{display:block;color:var(--gilt-deep);margin-top:5px}
/* ─── honest gaps ─── */
.pending{font-family:var(--mono);font-size:12.5px;line-height:1.95;color:var(--lime-4);
 border-left:2px solid var(--gilt-deep);padding:2px 0 2px 20px;margin-top:44px;max-width:56ch}
.ctline{font-size:17px;line-height:1.6;color:var(--lime-2);margin:0 0 10px}
.ctline a{color:var(--gilt);text-decoration:none}
.ctline a:hover{color:var(--lime-1)}

/* ═══ hero, rebuilt ═══ */
.hero{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}
.hero .in2{margin-top:auto;padding-top:112px;padding-bottom:38px}
.evidence{margin-top:auto}
.hero .bg img{width:100%;height:100%;object-fit:cover;opacity:.78;
 filter:contrast(1.06) saturate(.94)}
.hero:after{display:none}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
 background:
  linear-gradient(180deg,rgba(11,10,8,.80) 0%,rgba(11,10,8,.30) 34%,rgba(11,10,8,.55) 68%,rgba(11,10,8,.97) 100%),
  linear-gradient(96deg,rgba(11,10,8,.90) 0%,rgba(11,10,8,.62) 40%,rgba(11,10,8,.10) 78%)}
.hero .sealbig{opacity:.045}
/* the stamp presses in, and blooms once */
.stampwrap{position:relative;display:inline-block;margin-bottom:26px}
.stampwrap .bloom{position:absolute;left:50%;top:50%;width:180%;aspect-ratio:1;border-radius:50%;
 transform:translate(-50%,-50%) scale(.4);pointer-events:none;opacity:0;
 background:radial-gradient(circle,rgba(198,161,91,.34) 0%,rgba(198,161,91,0) 68%)}
.hero .sealmark{margin:0;filter:drop-shadow(0 4px 30px rgba(0,0,0,.85))}
/* the name arrives from behind its own baseline */
.hero h1{font-size:clamp(56px,12.4vw,138px);line-height:.94;letter-spacing:-.02em;font-weight:300}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.03em}
.hero h1 .ln>span{display:block}
.hrule{height:1px;width:min(340px,62vw);margin:26px 0 0;transform-origin:left;
 background:linear-gradient(90deg,var(--gilt),rgba(198,161,91,0))}
.hero .arname{margin-top:18px}
.hero .sub{margin-top:26px;max-width:34em;color:var(--lime-1);
 font-size:clamp(19px,2.3vw,25px);line-height:1.5;font-weight:300}
/* the evidence strip: the argument, in the hero, without an adjective */
.evidence{position:relative;z-index:2;width:100%;
 border-top:1px solid rgba(198,161,91,.28);
 background:linear-gradient(180deg,rgba(11,10,8,.35),rgba(11,10,8,.86) 60%)}
.ev-row{display:flex;flex-wrap:wrap;gap:18px 40px;padding:20px 0 26px}
.ev{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:11.5px;
 line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-3);max-width:30ch}
.ev b{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:-.01em;
 color:var(--gilt);text-transform:none;line-height:1}
@media(min-width:820px){
 .ev-row{padding:24px 0 30px;gap:22px 56px;flex-wrap:nowrap}
 .ev{font-size:11px}
 .ev b{font-size:27px}
}
/* motion, as progressive enhancement only */
/* ═══ the seal, pressed ═══
   A seal is not a logo that fades in. It is an object pressed onto a surface, and the motion
   comes from that: it arrives from above the plane with a blur, the press bites past its own
   size, rebounds, and settles. The ink soaks outward from the centre rather than fading up,
   and a single ring of pressure leaves the surface once and dies.

   Then it stops, and stays stopped. Most of a stamp's life is being still. */ .js .hero .sealmark{opacity:0;transform:scale(1.42);filter:blur(2.6px) drop-shadow(0 4px 30px rgba(0,0,0,.85));clip-path:circle(0% at 50% 50%);transition:opacity .28s ease,transform 1.05s cubic-bezier(.14,1.5,.32,1),filter .4s ease,clip-path 1.15s cubic-bezier(.2,.85,.3,1)}.js .hero .sealmark.in{opacity:1;transform:none;filter:blur(0) drop-shadow(0 4px 30px rgba(0,0,0,.85));clip-path:circle(78% at 50% 50%)}.js .stampwrap.in .bloom{animation:press 1.6s cubic-bezier(.16,1,.3,1) .34s 1 both}@keyframes press{0%{opacity:0;transform:translate(-50%,-50%) scale(.42)}22%{opacity:.62}100%{opacity:0;transform:translate(-50%,-50%) scale(1.72)}}.js .hero h1 .ln>span{transform:translateY(105%);transition:transform 1.15s cubic-bezier(.16,1,.3,1)}.js .hero h1.in .ln:nth-child(1)>span{transition-delay:.62s}.js .hero h1.in .ln:nth-child(2)>span{transition-delay:.74s}.js .hero h1.in .ln>span{transform:none}.js .hrule{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.16,1,.3,1) .95s}.js .hrule.in{transform:scaleX(1)}.js .hero .k,.js .hero .arname,.js .hero .sub,.js .evidence{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.js .hero .k.in{opacity:1;transform:none;transition-delay:.5s}.js .hero .arname.in{opacity:1;transform:none;transition-delay:1.05s}.js .hero .sub.in{opacity:1;transform:none;transition-delay:1.18s}.js .evidence.in{opacity:1;transform:none;transition-delay:1.35s}@media(prefers-reduced-motion:reduce){.js .hero .sealmark{clip-path:none;filter:none}.js .hero .sealmark,.js .hero h1 .ln>span,.js .hrule,.js .hero .k,.js .hero .arname,.js .hero .sub,.js .evidence,.js .stampwrap .bloom{transition:none!important;opacity:1!important;transform:none!important}.js .stampwrap .bloom{opacity:0!important}}:root{--naskh:'Noto Naskh Arabic','IBM Plex Sans Arabic',serif}[dir="rtl"]{direction:rtl}[dir="rtl"] body{font-family:var(--naskh);font-size:22px;line-height:1.95;letter-spacing:normal;font-weight:500}[dir="rtl"] p{font-weight:500}[dir="rtl"] .mv p{font-size:22px;line-height:1.95;color:var(--lime-1)}[dir="rtl"] .n,[dir="rtl"] .w .n{max-width:40ch}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .lede,[dir="rtl"] .p-name,[dir="rtl"] .pl-n,[dir="rtl"] .pagehead h1{font-family:var(--naskh);letter-spacing:normal;line-height:1.5;font-weight:300}[dir="rtl"] .pagehead h1{font-size:clamp(38px,7.4vw,76px);line-height:1.3;font-weight:600}[dir="rtl"] .lede{line-height:1.95;font-size:clamp(22px,3vw,28px);font-weight:400}[dir="rtl"] .p-role,[dir="rtl"] .pl-k,[dir="rtl"] .pl-go,[dir="rtl"] .dl-k,[dir="rtl"] .role,[dir="rtl"] .chip,[dir="rtl"] .btn{letter-spacing:normal;font-family:var(--naskh);font-size:17px;font-weight:600;text-transform:none}[dir="rtl"] .k{letter-spacing:normal;font-family:var(--naskh);font-size:19px;font-weight:600;text-transform:none;color:var(--gilt)}[dir="rtl"] .dl-n,[dir="rtl"] .pl-n{font-weight:600}[dir="rtl"] .dl-m{font-family:var(--naskh);font-size:16px;letter-spacing:normal}[dir="rtl"] .p-line,[dir="rtl"] .pl-a,[dir="rtl"] .callnote,[dir="rtl"] .ctline,[dir="rtl"] .fine,[dir="rtl"] .pending,[dir="rtl"] figcaption{font-family:var(--naskh);letter-spacing:normal;line-height:1.9;font-size:17px;font-weight:500}[dir="rtl"] .p-val{display:block;direction:ltr;text-align:right;unicode-bidi:embed;font-family:var(--mono)}[dir="rtl"] .num{direction:ltr;unicode-bidi:embed;font-family:var(--mono);display:inline-block}[dir="rtl"] .tb-links{margin-left:0;margin-right:auto}[dir="rtl"] .hrule,[dir="rtl"] .rule{transform-origin:right}[dir="rtl"] .hero h1{font-size:clamp(44px,10.5vw,104px);line-height:1.42;letter-spacing:normal;font-family:var(--naskh);font-weight:500}[dir="rtl"] .hero .sub{font-size:clamp(19px,2.2vw,24px);line-height:2.0;font-weight:400}[dir="rtl"] .ev{letter-spacing:normal;text-transform:none;font-family:var(--naskh);font-size:17px;line-height:1.8;font-weight:500}[dir="rtl"] .ev b{font-family:var(--naskh);font-size:25px;font-weight:600}[dir="rtl"] .mv .no{letter-spacing:normal;font-family:var(--naskh);font-size:20px;font-weight:600;text-transform:none;color:var(--gilt);margin-bottom:.6em}[dir="rtl"] .quote .s{letter-spacing:normal;font-family:var(--naskh);font-size:16px;text-transform:none}[dir="rtl"] .seedeeper a{font-size:18px;font-weight:600;letter-spacing:normal}[dir="rtl"] .mv h3{font-size:clamp(30px,5.8vw,42px);line-height:1.5;font-weight:600;letter-spacing:normal}[dir="rtl"] h2{font-size:clamp(33px,6.4vw,50px);line-height:1.45;font-weight:600}[dir="rtl"] .room-en{font-family:var(--naskh);font-size:28px;font-weight:600}[dir="rtl"] .room-line{font-family:var(--naskh);font-size:18px;letter-spacing:normal;line-height:1.85;font-weight:500}[dir="rtl"] .seedeeper a{font-family:var(--arabic);letter-spacing:normal;font-size:14px;text-transform:none}.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}[dir="rtl"] .note,[dir="rtl"] .pending{border-left:none;border-right:2px solid var(--gilt);padding:2px 20px 2px 0}[dir="rtl"] .row{grid-template-columns:6em 1fr}.langswitch{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gilt);text-decoration:none;white-space:nowrap;border:1px solid rgba(198,161,91,.42);padding:6px 11px;transition:background .3s,color .3s}.langswitch:hover{background:var(--gilt);color:var(--basalt)}.langswitch.now{background:var(--gilt);color:var(--basalt);border-color:var(--gilt);pointer-events:none}.tb-links{align-items:center}.langset{display:flex;gap:7px;margin-left:16px;padding-left:16px;border-left:1px solid var(--rule-faint)}[dir="rtl"] .langset{margin:0 16px 0 0;padding:0 16px 0 0;border-left:none;border-right:1px solid var(--rule-faint)}@media(max-width:640px){.langset{margin-left:0;padding-left:0;border-left:none;width:100%;margin-top:8px}}[dir="rtl"] .langswitch{font-family:var(--arabic);letter-spacing:normal;font-size:14px}.dl{display:grid;grid-template-columns:1fr;gap:2px;margin-top:26px;background:var(--rule-faint)}.dlitem{display:block;background:var(--basalt);padding:24px 22px;text-decoration:none;transition:background .4s ease}.teal .dlitem{background:var(--patina)}.dlitem:hover{background:#141210}.dl-k{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gilt-deep)}.dl-n{display:block;font-size:21px;font-weight:300;color:var(--lime-1);margin-top:12px;letter-spacing:-.008em}.dl-m{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--lime-4);margin-top:10px}@media(min-width:820px){.dl{grid-template-columns:1fr 1fr}}.ov{max-width:30ch}.ov p{margin:0 0 1.15em}.ov .l1{font-size:clamp(29px,5.4vw,56px);line-height:1.24;font-weight:300;letter-spacing:-.015em;color:var(--lime-1);margin-bottom:.55em}.ov .l2{font-size:clamp(21px,2.9vw,31px);line-height:1.5;font-weight:300;color:var(--lime-2);margin-bottom:1.5em}.ov .l3{font-size:clamp(18px,2.1vw,23px);line-height:1.7;color:var(--lime-3);margin-bottom:1.5em}.ov-gap{height:clamp(44px,8vw,92px)}.ov-break{padding:clamp(50px,9vw,104px) 0}.sealmini{width:34px;flex:0 0 auto;opacity:.75}.turn{font-size:clamp(23px,3.2vw,34px);line-height:1.4;font-weight:300;color:var(--lime-1);letter-spacing:-.01em;margin:0 0 34px;max-width:24ch}.ov{max-width:32ch}.ov .strike{font-size:clamp(29px,5.4vw,56px);line-height:1.24;font-weight:300;letter-spacing:-.015em;color:var(--lime-1);margin:0 0 1.5em}.ov .mid{font-size:clamp(21px,2.9vw,31px);line-height:1.5;font-weight:300;color:var(--lime-2);margin:0 0 1.5em}.ov .body{font-size:clamp(18px,2.1vw,23px);line-height:1.75;color:var(--lime-3);margin:0 0 1.5em}.ov .turn{font-size:clamp(23px,3.2vw,34px);line-height:1.42;font-weight:300;color:var(--lime-1);letter-spacing:-.01em;margin:0 0 1.6em;max-width:26ch}.ov .beat{font-size:clamp(24px,3.4vw,36px);line-height:1.35;font-weight:300;color:var(--lime-1);letter-spacing:-.012em;margin:2.1em 0 2.4em;max-width:20ch}.ov .close{font-size:clamp(22px,3.1vw,33px);line-height:1.45;font-weight:300;color:var(--lime-3);letter-spacing:-.01em;margin:0}.ov .close .last{color:var(--lime-1);display:inline-block;margin-top:.35em}.ov-break{padding:clamp(52px,9vw,110px) 0}.sealmini{width:34px;flex:0 0 auto;opacity:.75}[dir="rtl"] .ov{max-width:28ch}[dir="rtl"] .ov .strike{font-size:clamp(32px,7vw,56px);line-height:1.5;font-weight:600;letter-spacing:normal}[dir="rtl"] .ov .mid{font-size:clamp(22px,3.4vw,30px);line-height:1.85;font-weight:400}[dir="rtl"] .ov .body{font-size:clamp(18px,2.1vw,22px);line-height:2.05}[dir="rtl"] .ov .turn{font-size:clamp(27px,5vw,36px);line-height:1.65;font-weight:600;letter-spacing:normal;max-width:24ch}[dir="rtl"] .ov .beat{font-size:clamp(28px,5.2vw,38px);line-height:1.6;font-weight:600;letter-spacing:normal;max-width:18ch}[dir="rtl"] .ov .close{font-size:clamp(24px,4vw,32px);line-height:1.75;font-weight:500;letter-spacing:normal}[dir="rtl"] .turn{font-size:clamp(21px,3vw,29px);line-height:1.8;font-weight:500;max-width:22ch}.rules-list{list-style:none;margin:34px 0 0;padding:0;counter-reset:r}.rules-list li{counter-increment:r;position:relative;padding:0 0 0 46px;margin:0 0 22px;font-size:clamp(21px,3vw,29px);line-height:1.4;font-weight:300;color:var(--lime-1);letter-spacing:-.01em}.rules-list li:before{content:counter(r);position:absolute;left:0;top:.25em;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--gilt)}.coda{font-size:clamp(24px,3.6vw,38px);line-height:1.3;font-weight:300;color:var(--gilt);letter-spacing:-.012em;margin:44px 0 0;max-width:20ch}.filmcard{display:block;margin-top:40px;padding:24px;background:var(--basalt);border:1px solid var(--rule);text-decoration:none;max-width:30em;transition:background .4s}.teal .filmcard{background:var(--patina)}.filmcard:hover{background:#141210}.fc-k{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gilt-deep)}.fc-n{display:block;font-size:23px;font-weight:300;color:var(--lime-1);margin-top:12px}.fc-go{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gilt);margin-top:16px}[dir="rtl"] .rules-list li{padding:0 46px 0 0;font-size:clamp(24px,4.4vw,34px);line-height:1.75;font-weight:500;letter-spacing:normal}[dir="rtl"] .rules-list li:before{left:auto;right:0;font-family:var(--naskh);font-size:17px;font-weight:600;letter-spacing:normal}[dir="rtl"] .coda{font-size:clamp(27px,5vw,40px);line-height:1.6;font-weight:600;letter-spacing:normal;max-width:18ch}[dir="rtl"] .fc-k,[dir="rtl"] .fc-go{font-family:var(--naskh);font-size:17px;font-weight:600;letter-spacing:normal;text-transform:none}[dir="rtl"] .fc-n{font-weight:600}.mv p,.n p,.n{max-width:32em}.mv .no,.mv h3{max-width:none}h1,h2,h3,.strike,.turn,.beat,.close,.lede{text-wrap:balance}p,li,figcaption{text-wrap:pretty}body{font-optical-sizing:auto}.hero h1{font-variation-settings:'opsz' 72}figcaption,.k,.fine{font-variation-settings:'opsz' 12}.hero h1{letter-spacing:-.032em}h2,.strike{letter-spacing:-.022em}.mv h3,.turn,.beat{letter-spacing:-.014em}.lede{letter-spacing:-.006em}.mv h3{font-size:clamp(27px,3.8vw,40px);line-height:1.14}.k,.p-role,.pl-k,.dl-k,.fc-k{letter-spacing:.2em}.teal .fine,.teal figcaption,.teal .pl-a,.teal .p-line,.teal .dl-m,.teal [style*="--lime-4"]{color:var(--lime-3)}.teal .gilt-deep,.teal .pl-k,.teal .dl-k,.teal .fc-k{color:var(--gilt)}.n a,.mv a,.prow a,p a,li a{color:var(--accent-teal);text-decoration:none;border-bottom:1px solid rgba(62,133,153,.45);transition:border-color .3s,color .3s}.n a:hover,.mv a:hover,.prow a:hover,p a:hover,li a:hover{color:var(--lime-1);border-bottom-color:var(--lime-1)}/* ═══ THE ARABIC GUARD ═══ Tracking breaks the joins in Arabic and `uppercase` is a no-op that only signals nobody checked. Part 13.5 states this as absolute,and it has still been broken five times on this project — in the movement labels,the captions,the review furniture,and twice in the language switch. Stating a rule has not been enough. This enforces it. Any element carrying lang="ar",or sitting inside one,cannot receive tracking or a case transform,whatever a Latin rule tries to inherit onto it. */ /* Scoped to `body [lang="ar"]`,not `[lang="ar"]`. The root element carries lang="ar" on the Arabic pages,so an unscoped guard made every element on the page a descendant — and set the English,French and Spanish buttons in a Naskh. The guard must catch explicitly-marked Arabic strings only,never a whole document by inheritance. */ body [lang="ar"],body [lang="ar"] *{letter-spacing:normal!important;text-transform:none!important;font-family:var(--naskh)!important}.langswitch,[dir="rtl"] .langswitch{font-family:var(--mono);letter-spacing:.14em}[dir="rtl"] .langswitch[lang="ar"]{font-family:var(--naskh);letter-spacing:normal}.langswitch[lang="ar"]{font-size:15px;font-weight:600;padding:5px 12px}.colophon{margin-top:54px;padding-top:30px;border-top:1px solid var(--rule-faint);display:flex;flex-direction:column;align-items:center;text-align:center}.colophon .role{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--lime-4);margin:0 0 18px}.colophon .studio{display:block;text-decoration:none;opacity:.92;transition:opacity .4s}.colophon .studio:hover{opacity:1}/* A designer credit should be smaller than the mark of the artist whose site it is. The primary lockup at 273–330px was three times the size of his seal,and it was only that large because its drawn tagline collapses below 250px. The package's own answer for small contexts is
   07_SMALL-SIZE, which drops STUDIO and the tagline and keeps the star and the name. Using it
   halves the height and puts the credit back in proportion. */
.hh-lockup{display:block;width:clamp(132px,30vw,156px);height:auto;margin:0 auto}
.studio-url{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.15em;
 color:var(--gilt-deep);margin-top:14px}
.colophon .studio:hover .studio-url{color:var(--lime-1)}
[dir="rtl"] .colophon .role{font-family:var(--naskh);font-size:16px;font-weight:600;
 letter-spacing:normal;text-transform:none}

/* English content inside an RTL page: give it back its own direction and its own face, or the
   bidi algorithm moves the full stops and the Naskh override sets Latin in a Naskh. */
.foot-en{direction:ltr;text-align:left}
.foot-en *{font-family:var(--serif)}
.foot-en .k,.foot-en .fine,.foot-en .role,.foot-en .p-val,.foot-en .pl-a,.foot-en .pl-k,
.foot-en .pl-go,.foot-en .p-line,.foot-en .callnote,.foot-en .studio-url,.foot-en .chip,
.foot-en .dl-k,.foot-en .dl-m{font-family:var(--mono)}
.foot-en .ar{font-family:var(--naskh);direction:rtl;unicode-bidi:isolate}
.foot-en .k,.foot-en .role,.foot-en .p-role,.foot-en .pl-k,.foot-en .dl-k{
 letter-spacing:.2em;text-transform:uppercase;font-size:11px}
.foot-en .fine,.foot-en .p-line,.foot-en .pl-a,.foot-en .callnote{font-size:13.5px;
 letter-spacing:.02em;font-weight:400;line-height:1.75}

/* The ™ is now drawn into the artwork, built from her own T and M at their drawn size.
   The CSS stand-in that stood here is gone. See 13_TRADEMARK/READ-ME.md. */
html{-webkit-text-size-adjust:100%}

/* ═══ touch feedback ═══
   Every interactive state on this site was written as :hover. On a phone there is no hover —
   the finger arrives and leaves — so nothing anywhere gave feedback when pressed. */
.langswitch:hover,.langswitch:active,.langswitch:focus-visible{
 background:var(--gilt);color:var(--basalt);outline:none}
.chip:hover,.chip:active,.chip:focus-visible{background:var(--gilt);color:var(--basalt);outline:none}
.place:active,.dlitem:active,.filmcard:active,.room:active{background:#171410}
.btn:active{opacity:.82}
a{-webkit-tap-highlight-color:rgba(198,161,91,.22)}
/* Without hover, a button has to look like one standing still. */
@media (hover:none){
 .langswitch{border-color:rgba(198,161,91,.62)}
 .chip{border-color:rgba(198,161,91,.62)}
}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px}

/* ═══ hero: his newest work standing on basalt ═══
   Two layers. The ground is a generated basalt texture — Class A, nothing real in it, labelled
   in the colophon. The work on it is a camera file he sent in August: Class D, untouched.
   Basalt standing on basalt, which is what the piece is. */
.hero .bg-tex img{opacity:.42;object-fit:cover;filter:contrast(1.14) saturate(.78) brightness(.9)}
.hero .bg-work{display:flex;align-items:flex-end;justify-content:flex-end;
 padding:0 clamp(6px,3vw,64px) 0 0}
.hero .bg-work img{width:auto;height:100%;max-width:52%;object-fit:contain;
 object-position:center right;mix-blend-mode:screen;
 filter:brightness(1.22) contrast(1.06) saturate(1.05)}
.hero .bg-work{align-items:center}
/* the veil has to do more work now: the type sits over stone, not over a dark room */
.hero-veil{background:
  linear-gradient(180deg,rgba(11,10,8,.90) 0%,rgba(11,10,8,.42) 26%,rgba(11,10,8,.50) 60%,rgba(11,10,8,.98) 100%),
  linear-gradient(96deg,rgba(11,10,8,.97) 0%,rgba(11,10,8,.88) 30%,rgba(11,10,8,.34) 58%,rgba(11,10,8,0) 78%)}
[dir="rtl"] .hero .bg-work{justify-content:flex-start;padding:0 0 0 clamp(6px,3vw,64px)}
[dir="rtl"] .hero .bg-work img{object-position:bottom left}
[dir="rtl"] .hero-veil{background:
  linear-gradient(180deg,rgba(11,10,8,.90) 0%,rgba(11,10,8,.42) 26%,rgba(11,10,8,.50) 60%,rgba(11,10,8,.98) 100%),
  linear-gradient(264deg,rgba(11,10,8,.97) 0%,rgba(11,10,8,.88) 30%,rgba(11,10,8,.34) 58%,rgba(11,10,8,0) 78%)}
/* On a phone the piece is 1:2.4 — taller than the space it has, and the hero already carries a
   name, a rule, an Arabic line, three lines of prose and the evidence strip. Something had to
   go. Cropping a sculpture in half is the one thing this site cannot do, so on a phone the
   hero is the name on stone, and the work leads its own section further down. */
@media(max-width:620px){
 .hero .bg-work{display:none}
 .hero .bg-tex img{opacity:.38}
 .hero-veil{background:
   linear-gradient(180deg,rgba(11,10,8,.88) 0%,rgba(11,10,8,.40) 26%,rgba(11,10,8,.56) 66%,rgba(11,10,8,.99) 100%)}
}

/* ═══ the textures, second attempt ═══
   The first attempt used `mix-blend-mode: screen`. Screen adds the light present in the source,
   and these textures have almost none — mean luminance 0.017 for the paper, 0.021 for the
   basalt. They were switched off in all but name. The client could not see them because they
   were not there.

   Normal blending, and the opacity set from measurement rather than taste. The rule is that the
   brightest pixel of the texture must still leave body text above 4.5:1, so the ceilings below
   are hard: paper 0.55, patina 0.14, plaster 0.04. Above those the type starts to fail over the
   texture's own highlights. */ .tex-under{position:relative;isolation:isolate}.tex-under > *{position:relative;z-index:1}.tex-under:after{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none}.tex-paper:after{background-image:url(../img/responsive-v36/tex-paper-e37f6b3b88-texture.webp);opacity:.55}.tex-patina:after{background-image:url(../img/responsive-v36/tex-patina-c7f87db497-texture.webp);opacity:.20}.tex-plaster:after{background-image:url(../img/responsive-v36/tex-plaster-9af34ec655-texture.webp);opacity:.09}.tex-wash:after{background-image:url(../img/responsive-v36/tex-wash-7bd4541ed9-texture.webp);opacity:.32}.js figure img{will-change:transform,filter}.js .bleed figure img,.js .grid2 figure img,.js .grid3 figure img{transform:scale(1.14);filter:blur(7px);transition:transform 1.7s cubic-bezier(.14,.75,.2,1),filter 1.25s ease}.js .bleed figure.in img,.js .grid2 figure.in img,.js .grid3 figure.in img{transform:scale(1);filter:blur(0)}.js .rule,.js .foot-div{transform:scaleX(0);transform-origin:left center;transition:transform 1.2s cubic-bezier(.22,.8,.3,1)}.js .rule.in,.js .foot-div.in{transform:scaleX(1)}[dir="rtl"] .js .rule,[dir="rtl"] .js .foot-div{transform-origin:right center}.js figcaption{opacity:0;transform:translateY(10px);transition:opacity .8s ease .4s,transform .8s cubic-bezier(.2,.8,.3,1) .4s}.js figure.in figcaption{opacity:1;transform:none}@keyframes breathe-seal{0%,100%{opacity:.58;transform:scale(.985)}50%{opacity:1;transform:scale(1.055)}}@keyframes breathe-ground{0%,100%{transform:scale(1) translateY(0);opacity:calc(var(--tex-o,.3)*.55)}50%{transform:scale(1.05) translateY(-10px);opacity:var(--tex-o,.3)}}@keyframes breathe-hero{0%,100%{transform:scale(1);opacity:.26}50%{transform:scale(1.06);opacity:.64}}@keyframes breathe-rule{0%,100%{opacity:.35}50%{opacity:1}}.js .foot-seal{animation:breathe-seal 5.4s ease-in-out infinite}.js .tex-under:after{animation:breathe-ground 8.5s ease-in-out infinite}.js .tex-paper{--tex-o:.55}.js .tex-plaster{--tex-o:.09}.js .tex-patina{--tex-o:.20}.js .hero .bg-tex img{animation:breathe-hero 7.5s ease-in-out infinite}.js .seal-div .ln{animation:breathe-rule 6.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.js .bleed figure img,.js .grid2 figure img,.js .grid3 figure img,.js .rule,.js .foot-div,.js figcaption{opacity:1;transform:none;filter:none;transition:none}.js .foot-seal,.js .tex-under:after,.js .hero .bg-tex img,.js .seal-div .ln{animation:none}}.iglink{display:inline-flex;align-items:center;gap:9px;text-decoration:none;border-bottom:1px solid rgba(198,161,91,.4);padding-bottom:2px;line-height:1.2}.iglink svg.ig{width:1.05em;height:1.05em;min-width:1.05em;flex:0 0 auto;display:block}.iglink span{text-decoration:none}.iglink:hover,.iglink:active{border-bottom-color:var(--lime-1)}[dir="rtl"] .iglink{direction:ltr;unicode-bidi:isolate}/* The tagline sits at 88% of the lockup width and close under it,so it reads as part of the signature rather than as a caption drifting below one. In the package's own primary lockup the
   tagline is set at roughly 90% of the wordmark width, which is the proportion being restored. */
/* The tagline artwork is 768.59 × 17.9 — a 43:1 strip. Its letter height is width ÷ 43, so the
   only way to make it readable is to make it wide. At 132px, matching the lockup, the caps came
   out 3.2px. At 230px they are 5.4px. It ends up wider than the name above it, which is correct:
   in the package's own primary lockup the tagline is the widest element too. */ .hh-tagline{display:block;width:clamp(196px,52vw,238px);height:auto;margin:9px auto 0;opacity:.92}.colophon .studio:hover .hh-tagline{opacity:1}.vidfig{margin:0}.doc-video{display:block;width:100%;height:auto;background:var(--basalt)}@media (prefers-reduced-motion:reduce){.doc-video{display:none}.vidfig{background-image:var(--poster);background-size:cover;background-position:center;aspect-ratio:848/480}}.people{display:grid;grid-template-columns:1fr;gap:2px;margin:52px 0 0;background:var(--rule-faint)}.person{background:var(--basalt);padding:30px 26px 28px}.teal .person{background:var(--patina)}.p-role{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--gilt)}.p-ar{font-family:var(--arabic);font-size:clamp(26px,6vw,34px);line-height:1.6;color:var(--lime-1);font-weight:300;margin-top:16px;letter-spacing:normal}.p-name{font-size:clamp(27px,6vw,36px);line-height:1.1;font-weight:300;letter-spacing:-.012em;color:var(--lime-1);margin-top:2px}.p-line{font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--lime-4);margin-top:12px;letter-spacing:.02em;max-width:34ch}.p-val{display:block;font-family:var(--mono);font-size:14px;letter-spacing:.02em;color:var(--gilt);text-decoration:none;margin-top:14px}.p-val:hover{color:var(--lime-1)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chip{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gilt);text-decoration:none;border:1px solid rgba(198,161,91,.42);padding:11px 18px;transition:background .3s,color .3s}.chip:hover{background:var(--gilt);color:var(--basalt)}.callnote{font-family:var(--mono);font-size:12.5px;line-height:1.9;color:var(--lime-4);margin-top:20px;letter-spacing:.02em;max-width:56ch}.foot-div{height:1px;background:var(--rule-faint);margin:62px 0 34px}.places{display:grid;grid-template-columns:1fr;gap:2px;margin-top:26px;background:var(--rule-faint)}.place{display:block;background:var(--basalt);padding:26px 24px 24px;text-decoration:none;transition:background .4s ease}.teal .place{background:var(--patina)}.place:hover{background:#141210}.pl-k{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gilt-deep)}.pl-n{display:block;font-size:23px;line-height:1.18;font-weight:300;color:var(--lime-1);margin-top:14px;letter-spacing:-.008em}.pl-a{display:block;font-family:var(--mono);font-size:12px;line-height:1.85;color:var(--lime-4);margin-top:12px;letter-spacing:.02em}.pl-go{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gilt);margin-top:18px}@media(min-width:820px){.people{grid-template-columns:1fr 1fr}.places{grid-template-columns:repeat(2,1fr)}.person{padding:38px 34px 34px}.place{padding:32px 30px 30px}}@media(min-width:1180px){.places{grid-template-columns:repeat(4,1fr)}}@media(min-width:820px){.rooms{grid-template-columns:repeat(4,1fr)}.room-img{aspect-ratio:4/3}.pagehead{padding:92px 0 0}.pagehead + section{padding-top:72px}.topbar .w{padding-top:22px;padding-bottom:22px}.tb-mark{width:44px}}.tb-seal{display:block;line-height:0;text-decoration:none;flex:0 0 auto}.tb-seal picture{display:block}.tb-logo{display:block;width:clamp(172px,15vw,218px);height:auto}@media(max-width:1040px){.tb-logo{width:44px}}@media(max-width:640px){.tb-logo{width:40px}}:root{--arabic-ui:'IBM Plex Sans Arabic','Noto Sans Arabic',Tahoma,Arial,system-ui,sans-serif}html[dir="rtl"] body{font-family:var(--naskh);font-size:clamp(19px,1.45vw,22px);line-height:1.9;font-weight:500;}html[dir="rtl"] .topbar .w{gap:24px}html[dir="rtl"] .tb-links> a:not(.langswitch),html[dir="rtl"] .k,html[dir="rtl"] .p-role,html[dir="rtl"] .pl-k,html[dir="rtl"] .pl-go,html[dir="rtl"] .dl-k,html[dir="rtl"] .dl-m,html[dir="rtl"] .role,html[dir="rtl"] .chip,html[dir="rtl"] .btn{font-family:var(--arabic-ui);font-weight:500;letter-spacing:0;text-transform:none;}html[dir="rtl"] .tb-links> a:not(.langswitch){font-size:14px;line-height:1.4;}html[dir="rtl"] .langswitch:not([lang="ar"]){font-family:var(--mono);direction:ltr;unicode-bidi:isolate;}html[dir="rtl"] .langswitch[lang="ar"]{font-family:var(--arabic-ui);font-weight:600;}html[dir="rtl"] .pagehead h1{font-family:var(--naskh);font-weight:600;font-size:clamp(48px,7.6vw,88px);line-height:1.25;max-width:14ch;text-wrap:balance;}html[dir="rtl"] .pagehead .lede{font-size:clamp(21px,2.3vw,29px);line-height:1.9;max-width:34ch;color:var(--lime-2);}html[dir="rtl"] .en-h{margin-top:18px;color:var(--gilt);font-family:var(--serif);font-size:clamp(17px,1.7vw,22px);font-weight:300;line-height:1.2;letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;text-align:right;}html[dir="rtl"] h2{font-family:var(--naskh);font-weight:600;font-size:clamp(36px,5.4vw,58px);line-height:1.42;max-width:18ch;text-wrap:balance;}html[dir="rtl"] .n,html[dir="rtl"] .w .n{max-width:39ch}html[dir="rtl"] .n p{font-size:clamp(19px,1.7vw,23px);line-height:1.95}html[dir="rtl"] figcaption{font-family:var(--arabic-ui);font-size:15px;line-height:1.75;font-weight:400;}html[dir="rtl"] .room-ar{font-family:var(--naskh);font-size:clamp(31px,3.4vw,44px);line-height:1.35;font-weight:600;color:var(--lime-1);padding-top:4px;}html[dir="rtl"] .room-en{font-family:var(--serif);font-size:15px;line-height:1.3;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--gilt);direction:ltr;unicode-bidi:isolate;text-align:right;padding-top:2px;}html[dir="rtl"] .room-line{font-family:var(--arabic-ui);font-size:17px;line-height:1.8;font-weight:400;color:var(--lime-3);}html[dir="rtl"] .p-name{font-family:var(--serif);direction:ltr;unicode-bidi:isolate;text-align:right;font-size:25px;font-weight:300;line-height:1.2;color:var(--lime-2);}html[dir="rtl"] .p-ar{font-family:var(--naskh);font-size:clamp(31px,4vw,42px);font-weight:600;color:var(--lime-1);}html[dir="rtl"] .p-line,html[dir="rtl"] .callnote,html[dir="rtl"] .pl-a,html[dir="rtl"] .ctline,html[dir="rtl"] .fine,html[dir="rtl"] .pending{font-family:var(--arabic-ui);font-size:16px;line-height:1.85;font-weight:400;}html[dir="rtl"] .pl-n,html[dir="rtl"] .dl-n{font-family:var(--naskh);font-weight:600;line-height:1.55;}html[dir="rtl"] .row{grid-template-columns:minmax(7.4em,11em) 1fr;gap:clamp(18px,4vw,54px);}html[dir="rtl"] .row .y{font-family:var(--arabic-ui);font-size:14px;line-height:1.75;}html[dir="rtl"] .row .t{font-family:var(--naskh);font-size:clamp(18px,1.45vw,21px);line-height:1.9;}html[dir="rtl"] .ltr,html[dir="rtl"] [dir="ltr"]{direction:ltr;unicode-bidi:isolate;}html[dir="rtl"] .seedeeper{justify-content:flex-start;}html[dir="rtl"] .seedeeper a{font-family:var(--arabic-ui);font-size:16px;font-weight:500;}html[dir="rtl"] .hall-continuity{margin-top:clamp(42px,7vw,78px);margin-bottom:clamp(42px,7vw,78px);}html[dir="rtl"] .colophon .role{font-family:var(--arabic-ui);font-size:15px;font-weight:500;}@media(max-width:1040px){html[dir="rtl"] .topbar .w{align-items:flex-start}html[dir="rtl"] .tb-links{gap:10px 16px}}@media(max-width:640px){html[dir="rtl"] body{font-size:19px}html[dir="rtl"] .topbar .w{padding:14px 20px}html[dir="rtl"] .tb-links{width:100%;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;}html[dir="rtl"] .tb-links> a:not(.langswitch){min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule-faint);padding:8px 6px;text-align:center;font-size:13px;}html[dir="rtl"] .langset{grid-column:1/-1;width:100%;margin:8px 0 0;padding:8px 0 0;border-right:0;border-top:1px solid var(--rule-faint);justify-content:center;flex-wrap:wrap;}html[dir="rtl"] .pagehead{padding-top:66px}html[dir="rtl"] .pagehead h1{font-size:clamp(43px,13vw,60px);line-height:1.3}html[dir="rtl"] .pagehead .lede{font-size:21px;line-height:1.9}html[dir="rtl"] h2{font-size:clamp(33px,10vw,46px)}html[dir="rtl"] .row{grid-template-columns:1fr;gap:8px;}html[dir="rtl"] .row .y{color:var(--gilt);font-size:14px;}html[dir="rtl"] .rooms{grid-template-columns:1fr}}.tb-menu-toggle{display:none}@media(max-width:760px){html[dir="rtl"] .topbar .w{align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;}html[dir="rtl"] .tb-seal{display:block;max-width:calc(100% - 104px)}html[dir="rtl"] .tb-logo{width:clamp(138px,42vw,166px);height:auto}html[dir="rtl"] .tb-menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-inline-start:auto;padding:8px 12px;border:1px solid var(--rule);background:transparent;color:var(--lime-1);font-family:var(--arabic-ui);font-size:14px;cursor:pointer;}html[dir="rtl"] .tb-menu-toggle:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}html[dir="rtl"] .tb-menu-icon{display:block;width:18px}html[dir="rtl"] .tb-menu-icon i{display:block;height:1px;background:currentColor;margin:4px 0;transition:transform .22s ease,opacity .22s ease}html[dir="rtl"] .topbar.is-open .tb-menu-icon i:nth-child(1){transform:translateY(5px) rotate(45deg)}html[dir="rtl"] .topbar.is-open .tb-menu-icon i:nth-child(2){opacity:0}html[dir="rtl"] .topbar.is-open .tb-menu-icon i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}html[dir="rtl"] .tb-links{display:none;width:100%;margin:8px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding-top:12px;border-top:1px solid var(--rule-faint);}html[dir="rtl"] .topbar.is-open .tb-links{display:grid}html[dir="rtl"] .tb-links> a:not(.langswitch){min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule-faint);padding:9px 8px;text-align:center;font-size:14px;}html[dir="rtl"] .langset{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--rule-faint);}html[dir="rtl"] .langswitch{min-height:42px;display:flex;align-items:center;justify-content:center;padding:7px 8px;}html[dir="rtl"] .pagehead{padding-top:52px}}@media(min-width:761px){html[dir="rtl"] .tb-links{display:flex!important}}.dl-visual .dlitem{display:grid;grid-template-rows:auto auto auto auto;padding:0 0 22px;overflow:hidden}.dl-visual .dl-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#111;margin-bottom:18px}.dl-visual .dl-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .8s ease}.dl-visual .dlitem:hover .dl-img img{transform:scale(1.04)}.dl-visual .dl-k,.dl-visual .dl-n,.dl-visual .dl-m{padding-left:22px;padding-right:22px}.dl-visual .dl-n{font-size:22px}@media(min-width:820px){.dl-visual{grid-template-columns:1fr 1fr 1fr}}:root{--hz-basalt:#0B0A08;--hz-basalt-2:#15120F;--hz-limestone:#ECE4D7;--hz-limestone-2:#D7CEC0;--hz-ink:#17140F;--hz-bronze:#A7794C;--hz-bronze-dark:#765033;--hz-clay:#8D5A3E;--hz-patina:#1B3D46;--hz-mineral:#3E8599;--hz-ar-monument:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--hz-ar-voice:'Noto Naskh Arabic','Noto Sans Arabic',Tahoma,Arial,sans-serif;--hz-ar-ui:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--hz-latin-display:'Newsreader',Georgia,'Times New Roman',serif;--hz-latin-ui:'IBM Plex Sans',Arial,Helvetica,sans-serif;--hz-mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;--basalt:var(--hz-basalt);--basalt-2:var(--hz-basalt-2);--stone:var(--hz-limestone);--stone-2:var(--hz-limestone-2);--lime-1:var(--hz-limestone);--lime-2:#C4BDB0;--lime-3:#A29B8F;--lime-4:#847E71;--ink:var(--hz-ink);--bronze:var(--hz-bronze);--gilt:var(--hz-bronze);--gilt-deep:var(--hz-bronze-dark);--clay:var(--hz-clay);--patina:var(--hz-patina);--brand-teal:var(--hz-patina);--patina-bright:var(--hz-mineral);--accent-teal:var(--hz-mineral);--display:var(--hz-latin-display);--serif:var(--hz-latin-display);--ui:var(--hz-latin-ui);--sans:var(--hz-latin-ui);--mono:var(--hz-mono);--arabic:var(--hz-ar-monument);--arabic-ui:var(--hz-ar-ui);--naskh:var(--hz-ar-voice);}html{font-synthesis:none;text-rendering:optimizeLegibility}::selection{background:var(--hz-bronze);color:var(--hz-basalt)}:focus-visible{outline-color:var(--hz-mineral)!important}.brand img,.hero-brand img,.payoff-logo,.footer-logo-official,.tb-logo,.tb-mark,.seal-open,.foot-seal,.wm{filter:none!important}.hero-brand{width:clamp(400px,32vw,520px)}.brand img{width:42px}.payoff-logo{width:clamp(320px,29vw,450px)}.footer-logo-official{width:clamp(250px,25vw,370px)}.topbar .tb-logo{width:clamp(180px,18vw,260px);height:auto}.topbar .w{min-height:76px}html[dir='rtl'] body{font-family:var(--hz-ar-ui)!important;font-size:20px;line-height:1.82;font-weight:400;letter-spacing:normal!important;}html[dir='rtl'] p,html[dir='rtl'] .body-large,html[dir='rtl'] .body-copy,html[dir='rtl'] .sentence-support,html[dir='rtl'] .proof-item span,html[dir='rtl'] .material p,html[dir='rtl'] .room-copy small,html[dir='rtl'] .record-panel,html[dir='rtl'] .ain-uncertain,html[dir='rtl'] .ain-fact p,html[dir='rtl'] .ain-evidence-item p,html[dir='rtl'] .lede,html[dir='rtl'] .row .t,html[dir='rtl'] .prow .txt,html[dir='rtl'] .ctline,html[dir='rtl'] .room-line{font-family:var(--hz-ar-ui)!important;font-weight:400;line-height:1.88;letter-spacing:normal!important;}html[dir='rtl'] h1,html[dir='rtl'] h2,html[dir='rtl'] h3,html[dir='rtl'] .display,html[dir='rtl'] .display-xl,html[dir='rtl'] .display-lg,html[dir='rtl'] .display-md,html[dir='rtl'] .display-sm,html[dir='rtl'] .weight-copy h1,html[dir='rtl'] .evidence-frame strong,html[dir='rtl'] .name-copy h2,html[dir='rtl'] .name-copy .arabic-name,html[dir='rtl'] .ground-name,html[dir='rtl'] .material .dual,html[dir='rtl'] .rupture-copy .display-md,html[dir='rtl'] .room-copy b,html[dir='rtl'] .room-copy h3,html[dir='rtl'] .room-ar,html[dir='rtl'] .rules li,html[dir='rtl'] .payoff-copy p,html[dir='rtl'] .intent-button,html[dir='rtl'] .footer-name,html[dir='rtl'] .pagehead h1,html[dir='rtl'] .pagehead h2,html[dir='rtl'] .pagehead h3,html[dir='rtl'] .mv h3,html[dir='rtl'] .ain-page-hero h1,html[dir='rtl'] .ain-open-question,html[dir='rtl'] .ain-page-open,html[dir='rtl'] .life-beautiful,html[dir='rtl'] main h2.r,html[dir='rtl'] main h3.r{font-family:var(--hz-ar-monument)!important;font-weight:700!important;font-stretch:75%;font-variation-settings:'wdth' 75;letter-spacing:normal!important;text-transform:none!important;}html[dir='rtl'] .quote-card blockquote,html[dir='rtl'] .voice-item blockquote,html[dir='rtl'] .ain-hazem-quote blockquote,html[dir='rtl'] .turn-copy .then,html[dir='rtl'] .turn-copy .now,html[dir='rtl'] .sea-lines,html[dir='rtl'] .quote,html[dir='rtl'] .thesis-line{font-family:var(--hz-ar-voice)!important;font-weight:600!important;letter-spacing:normal!important;}html[dir='rtl'] nav,html[dir='rtl'] .main-nav a,html[dir='rtl'] .language-nav a,html[dir='rtl'] .eyebrow,html[dir='rtl'] .meta,html[dir='rtl'] .role,html[dir='rtl'] .side-note,html[dir='rtl'] .text-link,html[dir='rtl'] .pill-link,html[dir='rtl'] .field label,html[dir='rtl'] .form-submit,html[dir='rtl'] .form-note,html[dir='rtl'] .contact-card,html[dir='rtl'] .footer-fine,html[dir='rtl'] .footer-credit,html[dir='rtl'] .tb-links,html[dir='rtl'] .k,html[dir='rtl'] .btn,html[dir='rtl'] .seedeeper,html[dir='rtl'] figcaption,html[dir='rtl'] .genlabel,html[dir='rtl'] .pending,html[dir='rtl'] .ain-source-line,html[dir='rtl'] .ain-source-panel,html[dir='rtl'] .ain-fact,html[dir='rtl'] .ain-evidence-item,html[dir='rtl'] .ain-evidence-link,html[dir='rtl'] .room-line{font-family:var(--hz-ar-ui)!important;letter-spacing:normal!important;text-transform:none!important;}html[dir='rtl'] [lang='en'],html[dir='rtl'] [dir='ltr']:not(time):not(.scene-count):not(.impossible-counter){font-family:var(--hz-latin-display);letter-spacing:normal;}html[dir='rtl'] time,html[dir='rtl'] .scene-count,html[dir='rtl'] .strata-row time,html[dir='rtl'] .rules li:before,html[dir='rtl'] .row .y,html[dir='rtl'] .quote .s,html[dir='rtl'] .prow .src,html[dir='rtl'] .false-year,html[dir='rtl'] .ain-age strong,html[dir='rtl'] .ain-page-age{font-family:var(--hz-mono)!important;direction:ltr;unicode-bidi:isolate;}html[dir='rtl'] .main-nav a{font-size:16px!important;font-weight:600;padding:10px 0}html[dir='rtl'] .language-nav a{font-size:16px!important;font-weight:600}html[dir='rtl'] .eyebrow{font-size:16px!important;line-height:1.55;margin-bottom:28px;font-weight:600}html[dir='rtl'] .meta{font-size:16px!important;line-height:1.85}html[dir='rtl'] .weight-copy .side-note{font-size:16px!important;line-height:1.95;letter-spacing:normal!important;text-transform:none!important;width:min(250px,20vw)}html[dir='rtl'] .text-link,html[dir='rtl'] .pill-link,html[dir='rtl'] .btn,html[dir='rtl'] .seedeeper a,html[dir='rtl'] .form-submit{font-size:16px!important;font-weight:600;letter-spacing:normal!important;text-transform:none!important}html[dir='rtl'] figcaption{font-size:16px!important;line-height:1.75}html[dir='rtl'] .scene-count,html[dir='rtl'] .scroll-cue,html[dir='rtl'] .impossible-counter{font-size:16px!important}html[dir='rtl'] .proof-item span,html[dir='rtl'] .strata-row span,html[dir='rtl'] .room-copy small,html[dir='rtl'] .ain-source-line,html[dir='rtl'] .ain-source-panel,html[dir='rtl'] .ain-evidence-item span,html[dir='rtl'] .form-note,html[dir='rtl'] .footer-fine{font-size:16px!important;line-height:1.85}html[dir='rtl'] .topbar .tb-links a{font-size:16px!important;font-weight:600;letter-spacing:normal!important;text-transform:none!important}html[dir='rtl'] .weight-copy h1{font-size:clamp(68px,5.9vw,94px)!important;line-height:1.38!important;max-width:9.8ch!important;text-wrap:balance}html[dir='rtl'] .display{font-size:clamp(68px,7.7vw,112px)!important;line-height:1.36!important;max-width:15ch}html[dir='rtl'] .display-md{font-size:clamp(54px,5.7vw,84px)!important;line-height:1.42!important;max-width:19ch}html[dir='rtl'] .display-sm{font-size:clamp(40px,4.25vw,62px)!important;line-height:1.45!important;max-width:22ch}html[dir='rtl'] .body-large{font-size:clamp(21px,1.75vw,27px)!important;line-height:1.90!important;max-width:39ch!important}html[dir='rtl'] .body-copy,html[dir='rtl'] .pagehead .lede,html[dir='rtl'] .lede,html[dir='rtl'] .row .t,html[dir='rtl'] .prow .txt,html[dir='rtl'] .ctline{font-size:clamp(19px,1.42vw,23px)!important;line-height:1.92!important}html[dir='rtl'] .pagehead h1{font-size:clamp(62px,7vw,98px)!important;line-height:1.40!important;max-width:15ch!important}html[dir='rtl'] .pagehead .ar-h{font-size:24px!important;line-height:1.75;font-weight:600}html[dir='rtl'] main h2.r{font-size:clamp(44px,5.1vw,74px)!important;line-height:1.44!important}html[dir='rtl'] main h3.r{font-size:clamp(34px,4vw,54px)!important;line-height:1.48!important}html[dir='rtl'] .name-copy h2{font-size:clamp(76px,8.5vw,124px)!important;line-height:1.32!important}html[dir='rtl'] .ground .ground-name{font-size:clamp(84px,10.5vw,154px)!important;line-height:1.20!important}html[dir='rtl'] .quote-card blockquote,html[dir='rtl'] .voice-item blockquote,html[dir='rtl'] .ain-hazem-quote blockquote{font-size:clamp(38px,4.3vw,62px)!important;line-height:1.55!important}html[dir='rtl'] .turn-copy .then{font-size:clamp(34px,3.6vw,52px)!important;line-height:1.55!important}html[dir='rtl'] .turn-copy .now{font-size:clamp(56px,6.8vw,98px)!important;line-height:1.42!important}html[dir='rtl'] .sea-lines{font-size:clamp(58px,7.4vw,108px)!important;line-height:1.46!important}html[dir='rtl'] .room-copy b{font-size:clamp(38px,3.6vw,54px)!important;line-height:1.42!important}html[dir='rtl'] .material .dual{font-size:clamp(40px,4.1vw,62px)!important;line-height:1.45!important}html[dir='rtl'] .material .dual span[lang='en']{font-family:var(--hz-latin-display)!important;font-size:.46em!important}html[dir='rtl'] .rules li{font-size:clamp(39px,4.8vw,66px)!important;line-height:1.55!important}html[dir='rtl'] .payoff-copy p{font-size:clamp(70px,8vw,116px)!important;line-height:1.42!important}html[dir='rtl'] .intent-button{font-size:clamp(29px,3.1vw,43px)!important;line-height:1.5!important}html[dir='rtl'] .mv h3{font-size:clamp(36px,4.1vw,54px)!important;line-height:1.48!important;max-width:20ch}html[dir='rtl'] .room-ar{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.48!important}html[dir='rtl'] .room-en{font-size:19px!important;line-height:1.45!important;color:var(--hz-bronze)}html[dir='rtl'] .room-line{font-size:17px!important;line-height:1.85!important}html[dir='rtl'] .w{max-width:1280px;padding-left:clamp(24px,4.5vw,72px);padding-right:clamp(24px,4.5vw,72px)}html[dir='rtl'] .pagehead{padding-top:88px}html[dir='rtl'] .n{max-width:38em}html[dir='rtl'] .ain-page-hero .body-large,html[dir='rtl'] .ain-page-hero .ain-source-line{color:#D7CEC0!important;text-shadow:0 1px 18px rgba(0,0,0,.38)}html[dir='rtl'] .eyebrow,html[dir='rtl'] .scene-count,html[dir='rtl'] .strata-row time,html[dir='rtl'] .proof-item b,html[dir='rtl'] .lineage-chain i,html[dir='rtl'] .quote-card cite,html[dir='rtl'] .voice-item cite,html[dir='rtl'] .room-copy span,html[dir='rtl'] .footer-name span,html[dir='rtl'] .ain-age span,html[dir='rtl'] .ain-fact span,html[dir='rtl'] .ain-evidence-item span{color:var(--hz-bronze)}.scene-ivory .eyebrow,.scene-ivory .life-beautiful,.pagehead .ar-h,.room-ar,.ain-answer-line,.ain-open-question,.ain-page-open{color:var(--hz-bronze-dark)}@media(max-width:1040px){.topbar .tb-logo{width:190px}html[dir='rtl'] .main-nav a{font-size:16px!important}html[dir='rtl'] .weight-copy .side-note{width:220px}}@media(max-width:760px){.hero-brand{width:clamp(150px,52vw,210px);top:82px}.brand img{width:40px}.footer-logo-official{width:min(76vw,320px)}.topbar .tb-logo{width:154px}.topbar .w{min-height:66px}html[dir='rtl'] body{font-size:18.5px;line-height:1.84}html[dir='rtl'] .main-nav a,html[dir='rtl'] .topbar .tb-links a{font-size:18px!important;line-height:1.55}html[dir='rtl'] .language-nav a{font-size:16px!important}html[dir='rtl'] .eyebrow{font-size:16px!important;line-height:1.55;margin-bottom:24px}html[dir='rtl'] .meta{font-size:16px!important;line-height:1.8}html[dir='rtl'] .weight-copy{padding-top:245px!important;padding-bottom:120px!important}html[dir='rtl'] .weight-copy h1{font-size:clamp(47px,12.4vw,60px)!important;line-height:1.48!important;max-width:7.8ch!important}html[dir='rtl'] .weight-copy .side-note{font-size:16px!important;line-height:1.9!important;width:min(190px,52vw)!important}html[dir='rtl'] .display{font-size:clamp(48px,13vw,64px)!important;line-height:1.46!important;max-width:100%!important}html[dir='rtl'] .display-md{font-size:clamp(40px,10.8vw,54px)!important;line-height:1.52!important;max-width:100%!important}html[dir='rtl'] .display-sm{font-size:clamp(34px,9.2vw,46px)!important;line-height:1.55!important;max-width:100%!important}html[dir='rtl'] .body-large{font-size:19px!important;line-height:1.95!important;max-width:100%!important}html[dir='rtl'] .body-copy,html[dir='rtl'] .pagehead .lede,html[dir='rtl'] .lede,html[dir='rtl'] .row .t,html[dir='rtl'] .prow .txt,html[dir='rtl'] .ctline{font-size:18px!important;line-height:1.95!important;max-width:100%!important}html[dir='rtl'] .pagehead{padding-top:64px}html[dir='rtl'] .pagehead h1{font-size:clamp(46px,12vw,62px)!important;line-height:1.48!important;max-width:100%!important}html[dir='rtl'] .pagehead .ar-h{font-size:20px!important}html[dir='rtl'] main h2.r{font-size:clamp(36px,10.4vw,48px)!important;line-height:1.52!important}html[dir='rtl'] main h3.r{font-size:clamp(31px,8.8vw,42px)!important;line-height:1.54!important}html[dir='rtl'] .name-copy h2{font-size:clamp(58px,16vw,78px)!important;line-height:1.40!important}html[dir='rtl'] .ground .ground-name{font-size:clamp(60px,16vw,82px)!important;line-height:1.32!important}html[dir='rtl'] .quote-card blockquote,html[dir='rtl'] .voice-item blockquote,html[dir='rtl'] .ain-hazem-quote blockquote{font-size:clamp(34px,9.7vw,46px)!important;line-height:1.62!important}html[dir='rtl'] .turn-copy .then{font-size:clamp(30px,8.4vw,40px)!important;line-height:1.62!important}html[dir='rtl'] .turn-copy .now{font-size:clamp(48px,13vw,66px)!important;line-height:1.52!important}html[dir='rtl'] .sea-lines{font-size:clamp(46px,12vw,62px)!important;line-height:1.58!important}html[dir='rtl'] .rules li{font-size:clamp(34px,9.7vw,48px)!important;line-height:1.62!important}html[dir='rtl'] .payoff-copy p{font-size:clamp(52px,14vw,70px)!important;line-height:1.50!important}html[dir='rtl'] .intent-button{font-size:27px!important;line-height:1.55!important}html[dir='rtl'] .mv h3{font-size:clamp(31px,8.7vw,42px)!important;line-height:1.55!important}html[dir='rtl'] .room-ar{font-size:34px!important}html[dir='rtl'] .room-en{font-size:18px!important}html[dir='rtl'] .room-line{font-size:17px!important}html[dir='rtl'] .proof-item span,html[dir='rtl'] .strata-row span,html[dir='rtl'] .room-copy small,html[dir='rtl'] .ain-source-line,html[dir='rtl'] .ain-source-panel,html[dir='rtl'] .form-note,html[dir='rtl'] .footer-fine,html[dir='rtl'] figcaption{font-size:16px!important}html[dir='rtl'] .hero-picture{left:-34vw!important;right:auto!important;width:78vw!important}}@media(max-width:430px){html[dir='rtl'] .hero-picture{left:-31vw!important;width:76vw!important}html[dir='rtl'] .weight-copy h1{font-size:clamp(48px,13vw,58px)!important;max-width:7.3ch!important;line-height:1.48!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}.footer-logo-official{width:clamp(220px,22vw,300px)!important}.topbar .tb-logo{width:clamp(220px,18vw,300px)!important}.ain-page .brand,.ain-page .brand img{width:44px!important}@media(max-width:1040px){.topbar .tb-logo{width:44px!important}html[dir='rtl'] .main-nav a{font-size:16px!important}}@media(max-width:760px){.topbar .tb-logo{width:40px!important}.footer-logo-official{width:min(72vw,300px)!important;min-width:220px}html[dir='rtl'] .language-nav a{font-size:16px!important}html[dir='rtl'] figcaption{font-size:16px!important}}html[dir='rtl'] .language-nav a{font-size:16px!important}html[dir='rtl'] figcaption{font-size:16px!important}html[dir='rtl'] .impossible-counter{font-size:16px!important}.names-monument-five span{font-size:clamp(40px,7.2vw,116px);line-height:.86}@media(max-width:760px){.names-monument-five span{font-size:13vw;line-height:.96}}html[dir='rtl'] .names-monument-five span{font-family:var(--hz-latin-display)!important;direction:ltr;text-align:right}.baghdad-voice,.watch-voice,.payoff-voice{margin:44px 0 0;padding:0;border:0;max-width:34ch}.baghdad-voice p,.watch-voice p,.payoff-voice p{margin:0;font-family:var(--hz-latin-display);font-style:italic;font-weight:300;font-size:clamp(24px,2.4vw,36px);line-height:1.28;letter-spacing:-.01em;color:var(--hz-limestone)}.baghdad-voice cite,.watch-voice cite,.payoff-voice cite{display:block;margin-top:18px;font-family:var(--hz-latin-ui);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hz-bronze)}html[dir='rtl'] .baghdad-voice p,html[dir='rtl'] .watch-voice p,html[dir='rtl'] .payoff-voice p{font-family:var(--hz-ar-voice)!important;font-style:normal;font-weight:600;font-size:clamp(26px,2.6vw,40px);line-height:1.62;letter-spacing:normal}html[dir='rtl'] .baghdad-voice cite,html[dir='rtl'] .watch-voice cite,html[dir='rtl'] .payoff-voice cite{font-family:var(--hz-ar-monument)!important;font-size:15px;letter-spacing:normal;text-transform:none}.payoff-voice{margin:0 0 40px;max-width:30ch}.payoff-voice p{font-size:clamp(22px,2.1vw,32px);color:rgba(236,228,215,.86)}@media(max-width:760px){.payoff-voice{margin-bottom:28px}.payoff-voice p{font-size:20px}}.watch{position:relative;min-height:100svh;display:grid;align-items:center;background:var(--hz-basalt);overflow:hidden;padding:0!important}.watch-figure{position:absolute;inset:0;margin:0}.watch-figure picture,.watch-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.watch-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,8,.88) 0%,rgba(11,10,8,.62) 42%,rgba(11,10,8,.06) 72%)}html[dir='rtl'] .watch-figure::after{background:linear-gradient(90deg,rgba(11,10,8,.88) 0%,rgba(11,10,8,.62) 42%,rgba(11,10,8,.06) 72%)}.watch-figure figcaption{position:absolute;right:var(--safe,5vw);bottom:22px;z-index:2;margin:0;font-family:var(--hz-latin-ui);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(236,228,215,.55)}html[dir='rtl'] .watch-figure figcaption{font-family:var(--hz-ar-monument)!important;font-size:16px!important;letter-spacing:normal;text-transform:none;right:auto;left:var(--safe,5vw)}.watch-copy{position:relative;z-index:2;width:min(1380px,100%);margin:0 auto;padding:120px var(--safe,5vw)}.watch-copy .display-md{max-width:14ch}.watch-copy .body-large{max-width:38ch}.watch-caption{margin-top:38px;color:var(--hz-bronze)}@media(min-width:761px){html[dir='rtl'] .watch-copy{padding:120px calc(var(--safe,5vw) + 40%) 120px var(--safe,5vw);text-align:right}}@media(max-width:760px){.watch{align-items:start}.watch-figure::after{background:linear-gradient(180deg,rgba(11,10,8,.90) 0%,rgba(11,10,8,.66) 46%,rgba(11,10,8,.02) 72%)}.watch-copy{padding:96px var(--safe,5vw) 60vh}.watch-figure figcaption{bottom:14px}}.hhs-credit{display:inline-flex;flex-direction:column;align-items:flex-end;gap:14px;text-decoration:none;color:inherit;padding:18px 0 4px}.hhs-credit .hhs-stack{display:block;width:clamp(160px,13vw,200px);height:auto;opacity:.92;transition:opacity .5s ease;animation:none!important}.hhs-credit:hover .hhs-stack{opacity:1}.hhs-credit .hhs-credit-line{font-family:var(--hz-latin-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hz-bronze);line-height:1.6}html[dir='rtl'] .hhs-credit{align-items:flex-start;text-align:left}html[dir='rtl'] .hhs-credit .hhs-credit-line{font-family:var(--hz-ar-monument)!important;font-size:15px;letter-spacing:normal;text-transform:none}.footer-credit{text-align:right}html[dir='rtl'] .footer-credit{text-align:left}.colophon .hhs-credit{align-items:center;text-align:center}.colophon .hhs-credit .hhs-stack{width:clamp(160px,16vw,220px)}.colophon .hhs-credit .hhs-credit-line{color:var(--hz-bronze)}@media(max-width:760px){.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:160px}}.site-header .brand,.site-header .brand img{width:clamp(220px,18vw,300px)!important;height:auto;animation:none!important}.ain-page .brand,.ain-page .brand img{width:clamp(220px,18vw,300px)!important}.topbar .tb-logo{width:clamp(220px,18vw,300px)!important;height:auto}@media(max-width:1040px){.topbar .tb-logo{width:200px!important}.site-header .brand,.site-header .brand img,.ain-page .brand,.ain-page .brand img{width:200px!important}}@media(max-width:760px){.topbar .tb-logo,.site-header .brand,.site-header .brand img,.ain-page .brand,.ain-page .brand img{width:168px!important}.header-inner{gap:14px}}.hall-gallery figure:first-child{background:#0B0A08}.hall-gallery figure:first-child img{object-fit:contain!important;object-position:center!important;padding:3%;filter:none!important;box-sizing:border-box}figure:has(> img[src*="azzawi-invitation"]) img,figure:has(> img[srcset*="azzawi-invitation"]) img{object-fit:contain!important;object-position:center!important;background:#0B0A08}figure:has(> img[src*="azzawi-invitation"]),figure:has(> img[srcset*="azzawi-invitation"]){background:#0B0A08;aspect-ratio:auto}.evidence-frame.ef-narrow::before{content:"";position:absolute;inset:-8%;background:url(../img/head-figures.webp) center/cover no-repeat;filter:blur(34px) saturate(.6) brightness(.32);transform:scale(1.08)}.evidence-frame.ef-narrow img{object-fit:contain!important;object-position:center!important;filter:saturate(.85) contrast(1.05) brightness(.9)!important;padding:4vh 0;box-sizing:border-box}.evidence-frame.ef-narrow figcaption{position:relative;z-index:2}@media(max-width:760px){.evidence-frame.ef-narrow img{padding:2vh 0}}.ain-age{overflow:visible!important}.ain-age strong{font-size:clamp(96px,11.2vw,200px)!important;letter-spacing:-.045em!important;line-height:.8!important;white-space:nowrap;max-width:100%}html[dir='rtl'] .ain-age strong{direction:ltr;unicode-bidi:isolate;text-align:right;font-family:var(--hz-latin-display)!important;letter-spacing:-.03em!important}@media(max-width:980px){.ain-age strong{font-size:clamp(96px,20vw,190px)!important}}@media(max-width:760px){.ain-age strong{font-size:clamp(88px,24vw,140px)!important}}/* ============================================================ V16 · Scene 15 under "reduce motion" (Windows: Animation effects off): the six layers still appear,one per step,without transitions — never an empty black stage ============================================================ */ @media(prefers-reduced-motion:reduce){.impossible-layer{display:block!important;opacity:0;clip-path:none!important;transition:none!important}.impossible-layer.active{opacity:1}.impossible-steps{display:block!important}.impossible-scroll{height:auto!important}.impossible-layer img{filter:saturate(.85) contrast(1.06) brightness(.8)}}/* ============================================================ V17 · Footer hierarchy: Hazem's mark leads; the studio signature is a credit, at its minimum
   ============================================================ */
.foot-seal.foot-lockup{width:clamp(240px,22vw,300px)!important;height:auto;animation:none!important;opacity:1}
.footer-logo-official{width:clamp(240px,22vw,300px)!important}
.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:150px!important;opacity:.78}
.hhs-credit:hover .hhs-stack{opacity:1}
.colophon{margin-top:44px!important}
.colophon .role{margin-bottom:12px!important}
.hhs-credit .hhs-credit-line{font-size:11px}
html[dir='rtl'] .hhs-credit .hhs-credit-line{font-size:14px}
@media(max-width:760px){.foot-seal.foot-lockup,.footer-logo-official{width:220px!important}.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:150px!important}}

/* ============================================================
   V18 · Language switcher readable on every page (Latin pages were 10 px, muted)
   ============================================================ */
.language-nav a{font-size:16px!important;letter-spacing:.14em;color:rgba(236,228,215,.72)!important;padding:8px 2px}
.language-nav a[aria-current="page"]{color:var(--hz-limestone)!important;font-weight:500}
.language-nav a:hover{color:var(--hz-limestone)!important}
.language-nav{gap:18px}
.langswitch{font-size:16px!important;letter-spacing:.12em;color:rgba(236,228,215,.78)!important}
.langswitch.now{color:var(--hz-limestone)!important;font-weight:600}
html[dir='rtl'] .language-nav a,html[dir='rtl'] .langswitch{font-size:16px!important}
@media(max-width:760px){.language-nav a{font-size:16px!important}.langswitch{font-size:16px!important}}

/* V19 · studio credit: a little smaller than V16, not the floor — 176 px desktop, 150 px phone */
.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:176px!important;opacity:.82}
@media(max-width:760px){.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:150px!important}}

/* ============================================================
   V20 · Scene 05: his name as it is written in his own mark — the bronze lockup, not a typeset heading
   ============================================================ */
.name-copy .name-mark{display:block;width:min(100%,560px);height:auto;margin:6px 0 0}
.name-copy .arabic-name{font-family:var(--hz-ar-monument)!important;font-weight:700;font-stretch:75%;font-size:clamp(34px,3.4vw,52px)!important;line-height:1.5;color:var(--hz-bronze);margin:26px 0 0!important;text-align:left;direction:rtl}
@media(max-width:760px){.name-copy .name-mark{width:min(100%,340px)}.name-copy .arabic-name{font-size:32px!important}}

/* V21 · Scene 15 never black: the first layer is visible by default, without any script */
.impossible-layer:first-child{opacity:1;clip-path:circle(80% at var(--hole-x,50%) var(--hole-y,50%))}
.impossible-layer.active{opacity:1;clip-path:circle(80% at var(--hole-x,50%) var(--hole-y,50%))}
.impossible-layer.active ~ .impossible-layer:first-child{opacity:0}
.impossible-stage:has(.impossible-layer.active) .impossible-layer:first-child:not(.active){opacity:0;clip-path:circle(12% at var(--hole-x,50%) var(--hole-y,50%))}
@media(max-width:760px){.impossible-layer:first-child{opacity:1}}
/* V21 · THE ACTUAL CAUSE: .scene{overflow:hidden} on the section defeated position:sticky on the stage,
   so the six images scrolled away and the six steps scrolled over an empty black section.
   overflow:clip clips the same way but lets the stage stick. */
.scene.impossible{overflow:clip!important}
.impossible-scroll{overflow:visible}

/* ============================================================
   V22 · Scene 15 rebuilt as six plain full-height frames. No sticky, no clip-path, no script:
   each image with its line, one after the other. Labels at readable size.
   ============================================================ */
.impossible-stack{margin:0 calc(var(--safe,5vw) * -1);background:#060606}
.impossible-frame{position:relative;min-height:100svh;margin:0;overflow:hidden;background:#060606}
.impossible-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--position,center);filter:saturate(.82) contrast(1.06) brightness(.78)}
.impossible-frame-last img{object-fit:contain;filter:contrast(1.06) brightness(.92)}
.impossible-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 40%,rgba(0,0,0,.6));pointer-events:none}
.impossible-frame figcaption{position:absolute;left:var(--safe,5vw);right:var(--safe,5vw);bottom:9vh;z-index:2;display:flex;flex-direction:column;gap:12px;color:var(--hz-limestone)}
.impossible-frame figcaption span:last-child{font-family:var(--hz-latin-display);font-weight:300;font-size:clamp(34px,4.2vw,64px);line-height:1.05;letter-spacing:-.02em;max-width:18ch;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.impossible-frame .impossible-num{font-family:var(--hz-mono);font-size:13px;letter-spacing:.16em;color:var(--hz-bronze)}
html[dir='rtl'] .impossible-frame figcaption{text-align:right}
html[dir='rtl'] .impossible-frame figcaption span:last-child{font-family:var(--hz-ar-monument)!important;font-weight:700;font-stretch:75%;font-size:clamp(34px,4vw,60px);line-height:1.35;letter-spacing:normal}
html[dir='rtl'] .impossible-frame .impossible-num{font-size:14px;direction:ltr;text-align:right}
@media(max-width:760px){.impossible-frame{min-height:84svh}.impossible-frame figcaption{bottom:7vh}.impossible-frame figcaption span:last-child{font-size:34px}}

/* V23 · Scene 16: the disc sits exactly in its circular frame (the photograph has the disc at 55.6% / 42.2%, 72% wide) */
.disc img{transform:translate(-5.6%,7.8%) scale(1.42);transform-origin:55.6% 42.2%;object-fit:cover}

/* V20 · studio credit hard cap: never wider than 150px, never more than 38vw; Hazem lockup leads */
.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:150px!important;max-width:38vw!important;height:auto!important}

/* ============================================================
   V21 · Readability + hierarchy (Hala, 4 Sep 2026)
   1. Every small bronze/mono label raised to a legible floor: 14px desktop, 15px phone.
      Bronze lifted to #C9A46A on dark so it reads without a magnifier.
   2. Studio credit reduced to 96px on phone / 110px desktop — Hazem's lockup is 2x wider. ============================================================ */ :root{--hz-bronze-read:#C9A46A}.eyebrow,.k,.p-role,.pl-k,.dl-k,.fc-k,.pending,.scroll-cue,.text-link,.pill-link,.ain-age span,.ain-fact span,.ain-evidence-item span,.ain-source-line,.ain-source-panel,.ain-evidence-link,.evidence-frame span,.impossible-steps span,.colophon .role,.studio-lines,.contact-card a,.field label,.form-submit,.quote-card cite,.voice-item cite,.footer-credit,.hhs-credit-line,.intent-button small,.name-copy .role,.payoff-copy .signature,.weight-copy .side-note,.brand span{font-size:16px!important;line-height:1.5!important;letter-spacing:.14em!important}.eyebrow,.k,.pending,.ain-evidence-link,.ain-source-line,.ain-source-panel,.hhs-credit-line,.ain-age span{color:var(--hz-bronze-read)!important;font-weight:500!important}figcaption,.ain-grid figcaption,.ain-page-gallery figcaption,.ain-bronze-gallery figcaption,.hall-gallery figcaption,.ain-answers-grid figcaption{font-size:16px!important;line-height:1.45!important;letter-spacing:.06em!important}.main-nav a,.language-nav a{font-size:16px!important}html[dir='rtl'] .eyebrow,html[dir='rtl'] .k,html[dir='rtl'] .pending,html[dir='rtl'] .ain-source-line,html[dir='rtl'] .ain-source-panel{font-size:18px!important;letter-spacing:normal!important}html[dir='rtl'] figcaption{font-size:16px!important;letter-spacing:normal!important}@media(max-width:760px){.eyebrow,.k,.p-role,.pl-k,.dl-k,.fc-k,.pending,.scroll-cue,.text-link,.pill-link,.ain-age span,.ain-fact span,.ain-evidence-item span,.ain-source-line,.ain-source-panel,.ain-evidence-link,.evidence-frame span,.impossible-steps span,.colophon .role,.studio-lines,.contact-card a,.field label,.form-submit,.quote-card cite,.voice-item cite,.footer-credit,.hhs-credit-line{font-size:15px!important;letter-spacing:.12em!important}figcaption,.ain-answers-grid figcaption{font-size:16px!important}html[dir='rtl'] .eyebrow,html[dir='rtl'] .k{font-size:19px!important}}.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:110px!important;max-width:28vw!important;opacity:.72}.hhs-credit .hhs-credit-line{font-size:11px!important;letter-spacing:.12em!important;color:var(--hz-bronze-read)!important}@media(max-width:760px){.hhs-credit .hhs-stack,.colophon .hhs-credit .hhs-stack{width:96px!important}.hhs-credit .hhs-credit-line{font-size:11px!important}}.scene-dark .body-large,.scene-dark p.body-large,.ain-page-hero .body-large,.scene-dark .ain-uncertain{color:#cfc6b8!important}:root{--hz-label-dark:#6B4A2E;--hz-label-light:#C9A46A;--hz-muted-on-ivory:#5A544D;--hz-muted-on-dark:#B9B1A4;--hz-muted-on-teal:#D5CDBF}.scene-ivory .eyebrow,.scene-ivory .k,.scene-ivory span,.scene-ivory .ain-evidence-link,.scene-ivory .ain-source-line,.scene-ivory .ain-source-panel,.scene-ivory .text-link,.scene-ivory .pill-link,.scene-ivory cite,.scene-ivory .pending,.scene-ivory b,.scene-ivory .arabic-name,.material .eyebrow,.material .k,.material span,.enquiry .eyebrow,.enquiry .k,.enquiry label,.proof-item span,.ain-fact span{color:var(--hz-label-dark)!important}.scene-ivory .ain-source-line a,.scene-ivory .ain-source-panel a,.scene-ivory .ain-evidence-link,.scene-ivory .text-link{color:var(--hz-label-dark)!important;border-bottom-color:rgba(107,74,46,.55)!important}.scene-ivory .ain-source-line a:hover,.scene-ivory .ain-evidence-link:hover{color:#3f2b1a!important}.scene-ivory p,.scene-ivory .meta,.scene-ivory .body-copy,.scene-ivory .role,.scene-ivory small,.scene-ivory .ain-uncertain,.scene-ivory .thesis-line,.scene-ivory strong,.material p,.enquiry p,.proof-item p{color:var(--hz-muted-on-ivory)!important}.scene-ivory h1,.scene-ivory h2,.scene-ivory .display,.scene-ivory .display-md,.scene-ivory .display-sm{color:var(--ink)!important}.scene-clay .eyebrow,.scene-clay .k,.scene-clay span,.scene-clay cite{color:var(--hz-limestone)!important}.ain-answer-line,.pl-k,.dl-k,.fc-k,.p-role,.ar-h,.room-ar,.teal .dlitem,.teal .dl-k,.teal a.dlitem,.ink .contact-lines span,.contact-lines span,.ink a.textlink,.chip,.pl-go,.y,.src,.here,.watch-caption,.impossible-num,time,.scene-count{color:var(--hz-label-light)!important}.contact-lines span,.contact-lines a,.social a{color:var(--hz-label-light)!important}.ink p,.teal p,.site-footer p,.footer-fine,.p-line,.callnote,.pl-a,.fine,.dl-m,.room-line,.meta,.scene-dark .meta,.scene-dark small,.scene-dark cite{color:var(--hz-muted-on-dark)!important}.teal .body-copy,.teal p,.teal strong,.teal .dl-m,.scene-patina p{color:var(--hz-muted-on-teal)!important}.p-line,.callnote,.pl-a,.pl-go,.chip,.fine,.dl-m,.room-line,.y,.src,.meta,.scene-count,cite,small,.impossible-num,.footer-fine,.watch-caption,.brand span,.brand-lockup span,header .brand span,.hero-brand span,.name-copy .role,.contact-nav a,.subnav a,.here,nav.inner a,.inner-nav a{font-size:16px!important;line-height:1.55!important}.footer-fine{max-width:52ch}@media(max-width:760px){.p-line,.callnote,.pl-a,.pl-go,.chip,.fine,.dl-m,.room-line,.y,.src,.meta,.scene-count,cite,small,.footer-fine,.contact-nav a,.subnav a,.inner-nav a{font-size:16px!important}}.langswitch.now{background:var(--hz-label-dark)!important;color:var(--hz-limestone)!important}.seedeeper a,.ctline a,.ctline span,.ain-source-line a,.ain-source-panel a{color:var(--hz-label-light)!important;font-size:16px!important}.scene-ivory .ain-source-line a,.scene-ivory .ain-source-panel a,.scene-ivory .seedeeper a{color:var(--hz-label-dark)!important}.tb-links a,.strata-row span,.strata-row time,.proof-item span,.scroll-cue,.scene-count,time{font-size:16px!important}.scene-ivory a,.scene-ivory small{color:var(--hz-muted-on-ivory)!important}.hhs-credit .hhs-credit-line{font-size:12px!important}@media(max-width:760px){.tb-links a,.strata-row span,.proof-item span,.scroll-cue,.seedeeper a,.ctline a{font-size:16px!important}}@media(max-width:760px){.scroll-cue,.scene-count,a.scroll-cue{font-size:16px!important}}.ctline a span,.ctline a *,.ink a span{color:var(--hz-label-light)!important}html body .scroll-cue,html body .scene-count,html[dir='rtl'] body .scroll-cue,html[dir='rtl'] body .scene-count{font-size:16px!important;color:var(--hz-label-light)!important}html body .ctline a,html body .ctline a span,html[dir='rtl'] body .ctline a span{color:var(--hz-label-light)!important}/* ============================================================ V23 · Hazem's mark is dominant: header lockup 2.5x the studio credit, footer lockup 4x
   ============================================================ */
html body .site-header .brand,html body .site-header .brand img,html body .ain-page .brand,html body .ain-page .brand img,html body .brand{width:clamp(250px,24vw,400px)!important;max-width:calc(100vw - 110px)!important;height:auto!important}
html body .tb-logo{width:clamp(250px,24vw,400px)!important;max-width:calc(100vw - 48px)!important;height:auto!important}
html body .footer-logo-official,html body .foot-seal.foot-lockup{width:clamp(300px,34vw,520px)!important;max-width:88vw!important;min-width:0!important;height:auto!important}
html body .hhs-credit .hhs-stack,html body .colophon .hhs-credit .hhs-stack{width:100px!important;max-width:24vw!important}
@media(max-width:760px){
 html body .site-header .brand,html body .site-header .brand img,html body .ain-page .brand,html body .ain-page .brand img,html body .brand{width:min(270px,calc(100vw - 100px))!important}
 html body .tb-logo{width:min(300px,calc(100vw - 48px))!important}
 html body .footer-logo-official,html body .foot-seal.foot-lockup{width:min(330px,88vw)!important}
 html body .hhs-credit .hhs-stack,html body .colophon .hhs-credit .hhs-stack{width:88px!important}
}
html body .tb-seal{max-width:none!important;flex:0 0 auto!important}
@media(max-width:760px){html body nav.topbar .tb-logo,html body .tb-seal .tb-logo{width:min(300px,calc(100vw - 48px))!important}}
@media(min-width:761px){html body nav.topbar .tb-logo,html body .tb-seal .tb-logo{width:clamp(250px,24vw,400px)!important}}

/* ============================================================
   V24 · Type floor, final. Nothing running smaller than 16px on any screen; body copy 20px+.
   ============================================================ */
html body .eyebrow,html body .k,html body .p-role,html body .pl-k,html body .dl-k,html body .fc-k,html body .pending,html body .scroll-cue,
html body .text-link,html body .pill-link,html body .ain-age span,html body .ain-fact span,html body .ain-evidence-item span,html body .ain-source-line,
html body .ain-source-panel,html body .ain-evidence-link,html body .evidence-frame span,html body .impossible-steps span,html body .colophon .role,
html body .studio-lines,html body .contact-card a,html body .field label,html body .form-submit,html body .quote-card cite,html body .voice-item cite,
html body .footer-credit,html body .intent-button small,html body .name-copy .role,html body .payoff-copy .signature,html body .weight-copy .side-note,
html body .brand span,html body .p-line,html body .callnote,html body .pl-a,html body .pl-go,html body .chip,html body .fine,html body .dl-m,html body .room-line,
html body .y,html body .src,html body .meta,html body .scene-count,html body cite,html body small,html body .impossible-num,html body .footer-fine,
html body .watch-caption,html body .tb-links a,html body .strata-row span,html body .strata-row time,html body .proof-item span,html body .seedeeper a,
html body .ctline a,html body .main-nav a,html body .language-nav a,html body .langswitch,html body .abh-num span{font-size:16px!important;line-height:1.55!important}
html body figcaption,html body .ain-grid figcaption,html body .ain-page-gallery figcaption,html body .ain-bronze-gallery figcaption,html body .hall-gallery figcaption,
html body .ain-answers-grid figcaption,html body .abh-fig figcaption,html body .dl-visual .dl-m{font-size:16px!important;line-height:1.5!important;letter-spacing:.05em!important}
html body .n p,html body .body-copy,html body .ctline,html body .row .t,html body .ink p,html body .teal p,html body .scene-ivory p:not(.eyebrow):not(.meta),
html body .scene-dark p:not(.eyebrow):not(.meta):not(.scene-count),html body .ain-uncertain,html body .footer-fine{font-size:max(20px,1em)!important;line-height:1.75!important}
html body .body-large{font-size:clamp(22px,2.35vw,31px)!important}
html body .hhs-credit .hhs-credit-line{font-size:12px!important}
html[dir='rtl'] body .eyebrow,html[dir='rtl'] body .k,html[dir='rtl'] body .pl-k,html[dir='rtl'] body .dl-k,html[dir='rtl'] body figcaption{font-size:18px!important;letter-spacing:normal!important}
html[dir='rtl'] body .n p,html[dir='rtl'] body .ink p,html[dir='rtl'] body .teal p,html[dir='rtl'] body .body-copy{font-size:max(21px,1em)!important;line-height:1.9!important}
html[dir='rtl'] body .text-link,html[dir='rtl'] body span,html[dir='rtl'] body small,html[dir='rtl'] body .scene-count,html[dir='rtl'] body a.text-link,html body .ctline a span,html body .seedeeper a,html body .brand span{font-size:16px!important}
html[dir='rtl'] body figcaption{font-size:17px!important}
html body .hhs-credit .hhs-credit-line{font-size:12px!important}
/* V24b · absolute floor: any anchor, span, small, figcaption, time, cite, label anywhere */
html body a,html body span,html body small,html body figcaption,html body time,html body cite,html body label,html body .ain-source-line a,html body .ain-source-panel a{font-size:max(16px,1em)}
html body .brand span,html body header span,html body nav span{font-size:16px!important}
html body .hhs-credit .hhs-credit-line{font-size:12px!important}
html body .display-md span,html body h1 span,html body h2 span,html body .display span,html body .abh-num strong,html body .ain-age strong,html body strong{font-size:inherit!important}
html body a,html body span,html body small,html body figcaption,html body time,html body cite,html body label,html body .p-val,html body .scroll-cue,html body .footer-fine,html body .pill-link,html[dir='rtl'] body a,html[dir='rtl'] body span,html[dir='rtl'] body small,html[dir='rtl'] body figcaption{font-size:max(16px,1em)!important}
html body .hhs-credit .hhs-credit-line{font-size:12px!important}
html body .social a,html body .social a span,html body .social a *,html body a[href*="instagram"],html body a[href*="instagram"] span{color:var(--hz-label-light)!important}

/* ============================================================
   HAZEM AL-ZUBI · BREATH V1 · 04 Sep 2026
   The page inhales and exhales with the scroll.
   Blocks: scale up to 1 as they reach the centre of the viewport,
   settle back as they leave. Large images rise on the scroll and
   breathe on a slow autonomous cycle (~8 s). Text exhales into focus.
   Transform + opacity + filter only. Off under prefers-reduced-motion.
   ============================================================ */

/* Everything the script tracks */
[data-breath]{
  transform:translate3d(0,var(--by,0px),0) scale(var(--bs,1));
  transform-origin:50% 50%;
  opacity:var(--bo,1);
  will-change:transform,opacity;
  backface-visibility:hidden;
}
[data-breath="image"]{transform-origin:50% 60%}
[data-breath="hero"]{transform-origin:50% 70%}

/* Text exhales into focus: the existing reveals gain a breath of blur */
.js .reveal,.js .r{filter:blur(9px)}
.js .reveal.is-visible,.js .r.in{filter:blur(0)}
.js .reveal{transition:opacity 1.1s var(--ease,cubic-bezier(.16,1,.3,1)),transform 1.1s var(--ease,cubic-bezier(.16,1,.3,1)),filter 1.4s cubic-bezier(.16,1,.3,1)}
.js .r{transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.4s cubic-bezier(.16,1,.3,1)}

/* The small things breathe with the page: scroll cue, scene counter, eyebrows' rule */ .scroll-cue,.scene-count{animation:hz-breath-opacity 8s cubic-bezier(.45,0,.55,1) infinite}.story-progress span{transition:transform .25s linear}@keyframes hz-breath-opacity{0%,100%{opacity:.55}50%{opacity:1}}.site-header .brand img,.topbar .tb-logo{animation:hz-breath-seal 60s cubic-bezier(.45,0,.55,1) infinite}@keyframes hz-breath-seal{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}/* Hero: the basalt cube's shadow loosens as it inhales */
.hero-picture img{transition:filter 2s cubic-bezier(.45,0,.55,1)}

/* Mobile: half the amplitude (set in JS), no blur on low-power devices */
@media(max-width:760px){
  .js .reveal,.js .r{filter:blur(6px)}
}
@media(prefers-reduced-motion:reduce){
  [data-breath]{transform:none!important;opacity:1!important;will-change:auto}
  .js .reveal,.js .r{filter:none!important}
  .scroll-cue,.scene-count,.site-header .brand img,.topbar .tb-logo{animation:none!important}
}

/* V26: only the ten verified gallery photographs. No global redesign. */
.gallery-v26-jumps{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px}
.gallery-v26-jumps a{text-underline-offset:6px;text-decoration-thickness:1px}
#opening-photos,#hall-photos,#permanent-hall{scroll-margin-top:30px}
.gallery-v26-block{margin:40px 0 60px}
.gallery-v26-heading{font-size:clamp(25px,3vw,36px);line-height:1.35;margin-bottom:14px}
.gallery-v26-hint{font-size:18px;line-height:1.65;color:var(--lime-2);max-width:62ch;margin:18px 0 28px}
.gallery-v26-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.gallery-v26-figure{min-width:0;align-self:start;background:transparent!important;overflow:visible!important}
.gallery-v26-link{display:block;position:relative;line-height:0;cursor:zoom-in;text-decoration:none;max-width:100%;overflow:visible}
.gallery-v26-link:focus-visible{outline:3px solid var(--gilt);outline-offset:6px}
html body .gallery-v26-figure img.gallery-v26-photo{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;animation:none!important;clip-path:none!important;border-radius:0;transition:none!important}
html body .gallery-v26-figure figcaption{max-width:none;color:var(--lime-2);margin-top:14px;line-height:1.6!important}
@media(min-width:820px){.gallery-v26-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 28px}.gallery-v26-wide{grid-column:span 6}.gallery-v26-half{grid-column:span 3}.gallery-v26-third{grid-column:span 2}}
/* Native dialog, keyboard accessible; original-file links work without JavaScript. */
body.gallery-v26-open{overflow:hidden!important}
.gallery-v26-dialog{padding:0;border:1px solid rgba(236,228,215,.22);border-radius:2px;margin:auto;width:calc(100vw - 32px);max-width:1500px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none;max-width:min(1500px,calc(100vw - 32px));color:var(--lime-1);background:var(--basalt);box-sizing:border-box;overflow:hidden}
.gallery-v26-dialog::backdrop{background:rgba(0,0,0,.88)}
.gallery-v26-dialog-inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;height:100%;padding:20px;box-sizing:border-box;min-width:0}
.gallery-v26-toolbar,.gallery-v26-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.gallery-v26-toolbar a{font-size:16px!important;text-underline-offset:4px}
.gallery-v26-dialog button{appearance:none;border:1px solid rgba(236,228,215,.4);border-radius:0;background:transparent;color:var(--lime-1);font:inherit;font-size:17px;line-height:1.4;min-height:44px;min-width:44px;padding:9px 16px;cursor:pointer}
.gallery-v26-dialog button:hover{background:rgba(236,228,215,.1)}
.gallery-v26-dialog button:focus-visible,.gallery-v26-dialog a:focus-visible{outline:3px solid var(--gilt);outline-offset:3px}
.gallery-v26-stage{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;touch-action:pan-y}
html body .gallery-v26-stage img.gallery-v26-full{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important;margin:auto}
.gallery-v26-caption{margin:0;font-size:18px;line-height:1.5;max-width:100%;min-width:0}
.gallery-v26-count{font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}
html[dir="rtl"] .gallery-v26-heading,html[dir="rtl"] .gallery-v26-hint,html[dir="rtl"] .gallery-v26-caption,html[dir="rtl"] .gallery-v26-dialog button{font-family:var(--hz-ar-body,'Noto Sans Arabic',sans-serif);letter-spacing:normal}@media(max-width:620px){.gallery-v26-dialog{width:100vw;max-width:100vw;height:100vh;height:100dvh;border:0}.gallery-v26-dialog-inner{padding:14px 12px;padding-bottom:max(14px,env(safe-area-inset-bottom));gap:12px}.gallery-v26-caption{font-size:17px;line-height:1.55}.gallery-v26-dialog button{font-size:16px;padding:8px 12px}.gallery-v26-hint{font-size:17px}.gallery-v26-jumps{gap:12px 20px}}.hq-v36-skip{position:fixed;top:8px;left:8px;z-index:999999;transform:translateY(-160%);padding:12px 18px;background:#f3ecdf;color:#171914;font:600 17px/1.4 sans-serif}.hq-v36-skip:focus{transform:none}