*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
:root{
  --ink:#0a0a0a;
  --ink-2:#111111;
  --paper:#f5efe3;
  --paper-2:#ede5d4;
  --paper-3:#fdfaf3;
  --bone:#e8e1d0;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(10,10,10,.12);
  --gold:#c9a14a;
  --gold-soft:#a9883c;
  --gold-faint:rgba(201,161,74,.16);
  --muted-d:rgba(255,255,255,.55);
  --muted-l:rgba(10,10,10,.55);
  --ease:cubic-bezier(.22,1,.36,1);
  --slow:cubic-bezier(.2,.8,.2,1);
}
body{
  font-family:'IBM Plex Sans Arabic',sans-serif;
  color:#fff;background:var(--ink);
  font-size:17px;line-height:1.7;
  overflow-x:hidden;
  cursor:default;
}
::selection{background:var(--gold);color:var(--ink)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}

/* INTRO OVERLAY */
.intro{
  position:fixed;inset:0;z-index:200;
  background:var(--ink);
  display:flex;align-items:center;justify-content:center;
  transition:opacity .9s var(--ease),visibility .9s var(--ease);
}
.intro.gone{opacity:0;visibility:hidden;pointer-events:none}
.intro-mark{
  position:relative;
}
.intro-letter{
  font-family:'Amiri',serif;
  font-size:clamp(120px,18vw,220px);
  color:var(--gold);
  font-weight:700;
  line-height:1;
  display:inline-block;
  opacity:0;
  transform:scale(.92);
  animation:introLetter 1.4s var(--slow) .25s forwards;
}
@keyframes introLetter{
  0%{opacity:0;transform:scale(.92);filter:blur(8px)}
  60%{opacity:1;transform:scale(1);filter:blur(0)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}

/* PROGRESS THREAD */
.thread{
  position:fixed;top:0;left:0;right:0;height:2px;
  background:transparent;
  z-index:150;pointer-events:none;
}
.thread-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,transparent 0%,var(--gold-soft) 30%,var(--gold) 60%,var(--gold-soft) 90%,transparent 100%);
  transition:width .15s linear;
  box-shadow:0 0 12px rgba(201,161,74,.5);
}

/* DOTS NAV */
.dots{
  position:fixed;
  left:24px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:14px;
  z-index:120;
}
.dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.18);
  transition:all .35s var(--ease);
  padding:0;
}
.dot:hover{background:rgba(255,255,255,.45);transform:scale(1.2)}
.dot.active{
  background:var(--gold);
  transform:scale(1.4);
  box-shadow:0 0 12px rgba(201,161,74,.55);
}
.dot.is-on-light{background:rgba(10,10,10,.25)}
.dot.is-on-light.active{background:var(--gold)}

/* SCENES — base */
.scene{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:80px 24px;
  position:relative;
  overflow:hidden;
}
.stage{
  width:100%;max-width:880px;
  position:relative;z-index:2;
}
.stage-narrow{max-width:640px;text-align:center}
.kicker{
  font-size:.72rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:600;
  margin-bottom:36px;
  opacity:.85;
}
.kicker-gold{color:var(--gold)}

/* Reveal system */
[data-reveal]{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:opacity 1s var(--slow),transform 1s var(--slow);
  will-change:opacity,transform;
}
.scene.in-view [data-reveal]{
  opacity:1;transform:translate3d(0,0,0);
}

/* ─────── SCENE 1 COVER ─────── */
.scene-cover{
  background:
    radial-gradient(ellipse at 80% 20%,rgba(201,161,74,.06) 0%,transparent 50%),
    radial-gradient(ellipse at 20% 80%,rgba(201,161,74,.04) 0%,transparent 50%),
    var(--ink);
  align-items:center;
}
.cover-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:80px;
  align-items:center;
  width:100%;
  max-width:1100px;
  padding:0 24px;
}
.cover-name h1{
  font-family:'Amiri',serif;
  font-weight:700;
  font-size:clamp(3rem,9vw,7.2rem);
  line-height:1.1;
  letter-spacing:0;
  color:#fff;
  text-align:right;
  margin-bottom:32px;
  display:flex;
  flex-wrap:wrap;
  gap:.28em;
  justify-content:flex-start;
}
.cover-name .word{
  display:inline-block;
  opacity:0;
  transform:translateY(50px);
  filter:blur(10px);
  animation:wordIn 1.4s var(--slow) forwards;
}
.cover-name .word.w1{animation-delay:1.0s}
.cover-name .word.w2{animation-delay:1.35s}
@keyframes wordIn{
  0%{opacity:0;transform:translateY(50px);filter:blur(10px)}
  60%{opacity:1;transform:translateY(0);filter:blur(0)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
.cover-meta{
  display:flex;align-items:center;gap:18px;
  opacity:0;animation:fadeUp 1.2s var(--slow) 1.9s forwards;
}
.cover-rule{
  display:block;height:1px;width:60px;
  background:var(--gold);
}
.cover-loc{
  font-size:.85rem;
  letter-spacing:.18em;
  color:var(--muted-d);
  font-feature-settings:"tnum";
}
.cover-photo{
  position:relative;
  opacity:0;
  overflow:hidden;
  animation:photoIn 1.4s var(--slow) 1.4s forwards;
}
.cover-photo img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center 20%;
  transform:scale(1.02);
  transform-origin:center;
  filter:grayscale(.45) contrast(1.05) brightness(.92);
  border:1px solid rgba(255,255,255,.08);
}
.cover-photo::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,10,10,0) 60%,rgba(10,10,10,.55) 100%);
  pointer-events:none;
}
@keyframes photoIn{
  0%{opacity:0;transform:scale(1.04);filter:blur(6px)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}
@keyframes fadeUp{
  0%{opacity:0;transform:translateY(14px)}
  100%{opacity:1;transform:translateY(0)}
}
.scroll-cue{
  position:absolute;bottom:36px;
  left:0;right:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;
  font-size:.72rem;letter-spacing:.18em;
  color:var(--muted-d);
  opacity:0;animation:fadeUp 1.2s var(--slow) 2.4s forwards;
  text-align:center;
}
.scroll-cue span:first-child{
  display:inline-block;
  padding-right:.18em;
}
.cue-line{
  display:block;width:1px;height:48px;
  background:linear-gradient(180deg,var(--gold),transparent);
  animation:cuePulse 2.2s ease-in-out infinite;
}
@keyframes cuePulse{
  0%,100%{transform:scaleY(1);opacity:.6}
  50%{transform:scaleY(1.3);opacity:1}
}

/* ─────── SCENE 2 IDENTITY ─────── */
.scene-identity{background:var(--ink);}
.ident-stack{
  display:flex;flex-direction:column;gap:18px;
  font-family:'Amiri',serif;
  font-size:clamp(1.8rem,4.2vw,3.2rem);
  font-weight:400;
  line-height:1.35;
  color:#fff;
}
.ident-stack span{display:block}

/* ─────── SCENE 3,4,5 EDU / COMPANIES ─────── */
.scene-edu,.scene-co{background:var(--paper);color:var(--ink)}
.scene-edu .kicker,.scene-co .kicker{color:var(--gold-soft)}
.logo-frame{
  display:inline-flex;align-items:center;justify-content:center;
  width:140px;height:140px;
  margin:0 auto 36px;
  background:var(--ink);
  border:1px solid var(--line-dark);
  border-radius:2px;
  padding:22px;
}
.logo-frame-light{
  background:var(--paper-3);
  border:1px solid var(--line-dark);
}
.logo-img{max-width:100%;max-height:100%;color:var(--ink)}
.logo-imsiu{color:var(--paper)}
.scene-co .logo-img{filter:none}
.logo-frame-ladun{
  background:var(--ink);
  border:1px solid rgba(201,161,74,.18);
  padding:18px;
}
.logo-img-ladun{
  width:100%;height:100%;
  object-fit:contain;
}
.line{
  font-family:'Amiri',serif;
  font-size:clamp(1.6rem,3.4vw,2.6rem);
  font-weight:700;
  line-height:1.4;
  margin-bottom:18px;
}
.sub{
  color:var(--muted-l);
  font-size:1rem;
  max-width:520px;
  margin:0 auto;
}
.sub.center{text-align:center}
.ticker{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Inter','IBM Plex Sans Arabic',sans-serif;
  font-size:.78rem;
  letter-spacing:.2em;
  color:var(--ink);
  background:transparent;
  border:1px solid var(--line-dark);
  padding:7px 14px;
  margin-bottom:24px;
  font-feature-settings:"tnum";
  font-weight:500;
}
.ticker-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 8px var(--gold);
  animation:tickerPulse 1.6s ease-in-out infinite;
}
@keyframes tickerPulse{
  0%,100%{opacity:1}
  50%{opacity:.4}
}
.ticker-sep{opacity:.3}
.ticker-code{color:var(--gold-soft);font-weight:600}

/* ─────── SCENE 6 PATH ─────── */
.scene-path{background:var(--paper);color:var(--ink)}
.scene-path .kicker{color:var(--gold-soft)}
.scene-path .stage-narrow{max-width:700px;text-align:right}
.scene-path .kicker{text-align:center}
.path-rows{
  display:flex;flex-direction:column;
  border-top:1px solid var(--line-dark);
  margin-bottom:48px;
}
.path-row{
  display:flex;gap:28px;
  padding:26px 4px;
  border-bottom:1px solid var(--line-dark);
  align-items:baseline;
}
.path-when{
  font-family:'Inter','IBM Plex Sans Arabic',sans-serif;
  font-size:.82rem;
  letter-spacing:.2em;
  color:var(--gold-soft);
  font-weight:600;
  min-width:64px;
  font-feature-settings:"tnum";
}
.path-body{display:flex;flex-direction:column;gap:6px}
.path-role{
  font-family:'Amiri',serif;
  font-size:1.25rem;
  font-weight:700;
  color:var(--ink);
  line-height:1.5;
}
.path-org{color:var(--muted-l);font-size:.95rem;line-height:1.8}
.path-coda{
  font-family:'Amiri',serif;
  font-size:clamp(1.1rem,2.1vw,1.45rem);
  line-height:1.85;
  color:rgba(10,10,10,.7);
  font-style:italic;
  text-align:center;
}

/* ─────── SCENE 7 WORK ─────── */
.scene-work{background:var(--ink);text-align:center}
.scene-work .stage{text-align:center;max-width:880px}
.big-line{
  font-family:'Amiri',serif;
  font-size:clamp(2rem,5vw,3.6rem);
  font-weight:400;
  line-height:1.5;
  color:#fff;
  margin-bottom:48px;
}
.big-line .muted{
  color:var(--muted-d);
  display:inline-block;
  margin:0 6px;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .8s var(--slow),transform .8s var(--slow);
}
.big-line .emph{
  color:var(--gold);
  display:inline-block;
  margin:0 6px;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .8s var(--slow),transform .8s var(--slow);
}
.scene-work.in-view .big-line .muted,
.scene-work.in-view .big-line .emph{
  opacity:1;transform:translateY(0);
}
.scene-work.in-view .big-line .muted:nth-of-type(2){transition-delay:.3s}
.scene-work.in-view .big-line .emph{transition-delay:.7s}
.footer-line{
  color:var(--muted-d);
  font-size:1rem;
  line-height:1.9;
  max-width:520px;
  margin:0 auto;
}
.figs{
  display:flex;justify-content:center;
  flex-wrap:wrap;
  margin:56px auto 0;
  max-width:820px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.fig-cell{
  flex:1;min-width:130px;
  padding:22px 12px;
  text-align:center;
  border-inline-start:1px solid var(--line);
}
.fig-cell:first-child{border-inline-start:none}
.fig-num{
  display:block;
  font-family:'Amiri',serif;
  font-size:1.55rem;
  font-weight:700;
  color:var(--gold);
  line-height:1.3;
  font-feature-settings:"tnum";
}
.fig-cap{
  display:block;
  font-size:.76rem;
  letter-spacing:.08em;
  color:var(--muted-d);
  margin-top:4px;
}
.figs-note{
  margin-top:26px;
  font-family:'Inter',sans-serif;
  font-size:.7rem;
  letter-spacing:.22em;
  color:var(--muted-d);
  text-align:center;
  direction:ltr;
}

/* ─────── SCENE 7 EXAMPLES ─────── */
.scene-examples{
  background:var(--paper);color:var(--ink);
  align-items:flex-start;
  padding-top:120px;padding-bottom:120px;
}
.scene-examples .stage{
  text-align:right;max-width:1000px;
}
.scene-examples .kicker{color:var(--gold-soft);margin-bottom:24px}
.examples-h{
  font-family:'Amiri',serif;
  font-size:clamp(1.9rem,4.4vw,3rem);
  font-weight:700;
  line-height:1.3;
  margin-bottom:56px;
  color:var(--ink);
  letter-spacing:-.01em;
}
.examples-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line-dark);
  border-top:1px solid var(--line-dark);
  border-bottom:1px solid var(--line-dark);
  margin-bottom:48px;
}
.ex-card{
  background:var(--paper);
  padding:36px 28px;
  display:flex;flex-direction:column;
  position:relative;
  transition:background .5s var(--ease);
}
.ex-card:hover{
  background:var(--paper-3);
}
.ex-num{
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  letter-spacing:.25em;
  color:var(--gold-soft);
  margin-bottom:24px;
  font-weight:600;
  font-feature-settings:"tnum";
}
.ex-title{
  font-family:'Amiri',serif;
  font-size:1.5rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:18px;
  letter-spacing:-.005em;
}
.ex-body{
  color:rgba(10,10,10,.7);
  font-size:.98rem;
  line-height:1.95;
  margin-bottom:24px;
  flex:1;
}
.ex-foot{
  font-family:'Amiri',serif;
  font-size:.92rem;
  font-style:italic;
  color:var(--gold-soft);
  padding-top:18px;
  border-top:1px solid var(--line-dark);
  line-height:1.7;
}
.examples-coda{
  font-family:'Amiri',serif;
  font-size:clamp(1.1rem,2.1vw,1.45rem);
  line-height:1.85;
  color:rgba(10,10,10,.7);
  max-width:640px;
  text-align:center;
  margin:0 auto;
  font-style:italic;
}

/* ─────── SCENE 8 ANATOMY ─────── */
.scene-anatomy{
  background:
    radial-gradient(circle at 50% 50%,rgba(201,161,74,.06) 0%,transparent 60%),
    var(--ink);
  flex-direction:column;
}
.anatomy-wrap{
  width:100%;max-width:1100px;
  text-align:center;
}
.anatomy-wrap .kicker{margin-bottom:60px}
.anatomy-canvas{
  width:100%;
  margin:0 auto 60px;
  max-width:1000px;
}
.anatomy-stage{
  position:relative;
  width:100%;
}
.anatomy-stage-desktop{display:none;}
.anatomy-stage-mobile{aspect-ratio:400/780;display:block;max-width:540px;margin:0 auto;}
.anatomy-svg{
  position:absolute;inset:0;
  width:100%;height:100%;
  overflow:visible;
}
.anatomy-svg .node circle{
  fill:var(--ink);
  stroke:rgba(255,255,255,.28);
  stroke-width:1.5;
  transition:all .6s var(--slow);
}
.anatomy-svg .node-tick{
  stroke:rgba(255,255,255,.18);
  stroke-width:1;
  transition:stroke .6s var(--slow);
}
.anatomy-svg .node.lit circle{
  fill:var(--gold);
  stroke:var(--gold);
  filter:drop-shadow(0 0 8px var(--gold));
}
.anatomy-svg .node.lit .node-tick{
  stroke:rgba(201,161,74,.55);
}
.anatomy-labels{
  position:absolute;inset:0;
  pointer-events:none;
}
.anatomy-label{
  position:absolute;
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-weight:500;
  color:rgba(255,255,255,.78);
  letter-spacing:.04em;
  white-space:nowrap;
  direction:rtl;
  transition:color .6s var(--slow), text-shadow .6s var(--slow), transform .6s var(--slow);
}
.anatomy-label.lit{
  color:#fff;
  text-shadow:0 0 12px rgba(201,161,74,.45);
}
/* Desktop labels: above (50% - offset) and below (50% + offset) the path */
.anatomy-labels-desktop .anatomy-label{
  font-size:clamp(15px,1.8vw,20px);
  transform:translate(-50%,-50%);
}
.anatomy-labels-desktop .anatomy-label.pos-above{top:30%;}
.anatomy-labels-desktop .anatomy-label.pos-below{top:70%;}
/* Mobile labels: to the right of the vertical thread */
.anatomy-labels-mobile .anatomy-label{
  font-size:22px;
  left:38%;
  transform:translateY(-50%);
}
#anatomyPath,
#anatomyPathMobile{
  stroke-dashoffset:var(--anatomy-dash, 2000);
  transition:stroke-dashoffset .15s linear;
}
.anatomy-caption{
  font-family:'Amiri',serif;
  font-size:clamp(1.1rem,2vw,1.4rem);
  line-height:1.8;
  color:rgba(255,255,255,.75);
  max-width:560px;
  margin:0 auto;
  transition-delay:2.5s !important;
}

/* ─────── SCENE 8 OBSERVATION ─────── */
.scene-observation{
  background:var(--ink);
  text-align:center;
}
.scene-observation .stage{text-align:center}
.quote{
  font-family:'Amiri',serif;
  color:#fff;
}
.quote p{
  font-size:clamp(1.6rem,3.5vw,2.6rem);
  line-height:1.6;
  margin-bottom:28px;
  font-weight:400;
}
.quote p span{
  display:block;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .9s var(--slow),transform .9s var(--slow);
}
.scene-observation.in-view .quote p span{
  opacity:1;transform:translateY(0);
}
.emph-block{
  color:var(--gold) !important;
  font-weight:700;
  font-size:1.15em !important;
  margin-top:8px !important;
}
.quote-list span{
  color:rgba(255,255,255,.7);
  font-size:.95em;
  line-height:1.8;
}
.quote-coda{
  margin-top:48px !important;
  color:var(--gold) !important;
  font-weight:700;
  letter-spacing:.02em;
}

/* ─────── SCENE 9 WANT ─────── */
.scene-want{background:var(--paper);color:var(--ink);text-align:center}
.scene-want .kicker{color:var(--gold-soft)}
.paragraph-line{
  font-family:'Amiri',serif;
  font-size:clamp(1.6rem,3.3vw,2.4rem);
  font-weight:400;
  line-height:1.7;
  margin-bottom:36px;
}
.paragraph-line .hl{
  display:block;
  color:var(--ink);
  opacity:0;
  transform:translateY(14px);
  transition:opacity .8s var(--slow),transform .8s var(--slow);
}
.scene-want.in-view .paragraph-line .hl{opacity:1;transform:translateY(0)}
.scene-want.in-view .paragraph-line .hl:nth-of-type(2){transition-delay:.3s}
.scene-want.in-view .paragraph-line .hl:nth-of-type(3){transition-delay:.6s;color:var(--gold-soft);font-weight:700}

/* ─────── SCENE 10 ASK ─────── */
.scene-ask{
  background:var(--ink);
  text-align:center;
}
.scene-ask .stage{text-align:center}
.ask-line{
  font-family:'Amiri',serif;
  font-size:clamp(2.4rem,6vw,4.6rem);
  font-weight:700;
  line-height:1.2;
  margin-bottom:28px;
  color:#fff;
}
.ask-sub{
  font-size:1.05rem;
  color:var(--muted-d);
  line-height:1.9;
  max-width:540px;
  margin:0 auto;
}

/* ─────── SCENE 11 CONTACT ─────── */
.scene-contact{
  background:
    radial-gradient(ellipse at 50% 30%,rgba(201,161,74,.08) 0%,transparent 60%),
    var(--ink);
  text-align:center;
}
.contact-h{
  font-family:'Amiri',serif;
  font-size:clamp(2.4rem,5vw,3.8rem);
  font-weight:700;
  margin-bottom:48px;
  color:#fff;
}
.contact-rows{
  display:flex;flex-direction:column;gap:14px;
  margin-bottom:48px;
}
.contact-row{
  display:flex;align-items:center;
  gap:16px;
  padding:22px 28px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
  transition:all .4s var(--ease);
  text-align:right;
}
.contact-row:hover{
  background:rgba(201,161,74,.06);
  border-color:var(--gold);
  transform:translateX(-6px);
}
.cr-label{
  font-size:.72rem;
  letter-spacing:.25em;
  color:var(--gold);
  font-weight:600;
  min-width:60px;
}
.cr-val{
  flex:1;
  font-size:1.05rem;
  color:#fff;
  font-weight:500;
  font-family:'Inter','IBM Plex Sans Arabic',sans-serif;
}
.cr-arrow{
  color:var(--gold);
  font-size:1.2rem;
  opacity:.5;
  transition:opacity .3s var(--ease),transform .3s var(--ease);
}
.contact-row:hover .cr-arrow{
  opacity:1;
  transform:translateX(-4px);
}
.sig{
  font-family:'Amiri',serif;
  color:var(--muted-d);
  font-size:.95rem;
  line-height:1.8;
}
.sig span{
  font-size:.75rem;
  letter-spacing:.15em;
  opacity:.7;
}

/* MOBILE */
@media (max-width:760px){
  .dots{left:14px;gap:10px}
  .dot{width:6px;height:6px}
  .cover-grid{
    grid-template-columns:1fr;
    gap:36px;
    text-align:center;
  }
  .cover-name h1{text-align:center;font-size:clamp(2.6rem,12vw,4.2rem)}
  .cover-meta{justify-content:center}
  .cover-photo{
    max-width:240px;
    margin:0 auto;
    order:-1;
  }
  .cover-photo img{aspect-ratio:1/1.1}
  .ident-stack{font-size:clamp(1.4rem,6vw,2rem)}
  .big-line{font-size:clamp(1.6rem,6vw,2.2rem)}
  .ask-line{font-size:clamp(2rem,9vw,3rem)}
  .contact-h{font-size:clamp(2rem,8vw,2.8rem)}
  .anatomy-canvas{margin-bottom:40px;max-width:360px}
  .anatomy-stage-mobile{max-width:360px;}
  .anatomy-svg-mobile .node circle{stroke-width:1.75;}
  .contact-row{padding:18px 20px;flex-wrap:wrap}
  .cr-val{font-size:.92rem;word-break:break-all;flex-basis:100%;order:3;margin-top:6px}
  .cr-label{order:1}
  .cr-arrow{order:2;margin-right:auto}
  .examples-grid{grid-template-columns:1fr;gap:0}
  .ex-card{padding:32px 24px;border-bottom:1px solid var(--line-dark)}
  .ex-card:last-child{border-bottom:none}
  .examples-h{margin-bottom:36px;font-size:clamp(1.6rem,6.5vw,2.2rem)}
  .examples-coda{font-size:1rem;line-height:1.85}
  .scene-examples{padding-top:80px;padding-bottom:80px}
  .quote p{font-size:clamp(1.4rem,5vw,1.8rem)}
  .paragraph-line{font-size:clamp(1.4rem,5vw,1.8rem)}
  .line{font-size:clamp(1.4rem,5vw,1.9rem)}
  .scene{padding:80px 20px}
  .path-row{gap:16px;padding:20px 2px}
  .path-when{min-width:48px;font-size:.74rem}
  .path-role{font-size:1.1rem}
  .path-org{font-size:.88rem}
  .figs{margin-top:40px}
  .fig-cell{min-width:0;flex-basis:33.33%;padding:16px 6px;border-inline-start:none;border-top:1px solid var(--line)}
  .figs{border-top:none}
  .fig-num{font-size:1.25rem}
  .fig-cap{font-size:.68rem}
  .figs-note{font-size:.62rem;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}

/* Arabic display headings: keep Amiri but enable OpenType mark features
   for cleaner diacritic (tanween/shadda) positioning. */
.cover-name h1,
.big-line,
.line,
.paragraph-line,
.ask-line,
.contact-h,
.examples-h,
.quote p,
.anatomy-caption,
.kicker{
  font-family:'Amiri',serif;
  font-feature-settings:"mark" 1,"mkmk" 1,"kern" 1,"calt" 1;
  text-rendering:optimizeLegibility;
  font-variant-ligatures:contextual;
  -webkit-font-smoothing:antialiased;
}