/* ============================================================
   בֶּקַע / CLEAVE — Vibe Code News by nVision AI · round 12 · Fable-A
   Machined graphite-steel ground · one cold-jade accent · RTL logical only
   ============================================================ */

:root{
  /* ground */
  --g950:#0b0e10;
  --g900:#0f1215;
  --g850:#13171b;
  --g800:#161b1f;
  --g700:#1d2328;
  --g600:#242b31;
  --g500:#2d353c;
  --hair:#333d45;
  --hair-soft:#252d33;
  /* text */
  --bone:#e9ece9;
  --mist:#a7b1b4;
  --dim:#6e7a80;
  /* the one accent — cold jade */
  --jade:#2ee6a0;
  --jade-deep:#17936a;
  --jade-04:rgba(46,230,160,.04);
  --jade-08:rgba(46,230,160,.08);
  --jade-14:rgba(46,230,160,.14);
  --jade-25:rgba(46,230,160,.25);
  --jade-45:rgba(46,230,160,.45);
  /* type */
  --f-ui:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-ed:"David Libre","Times New Roman",serif;
  --f-mono:"Fira Code",ui-monospace,"SF Mono",Menlo,monospace;
  /* layout */
  --gutter:clamp(1.1rem,4.5vw,4.5rem);
  --maxw:1280px;
  /* slab geometry — halves shift by % of their own width (mobile-safe) */
  --shift-pct:56%;
  /* slab-open scalar (JS-driven) */
  --open:0;
  --rx:0deg;
  --ry:0deg;
  /* half "away-from-center" signs (dir-aware) */
  --as:-1;
  --ae:1;
}
[dir="rtl"]{--as:1;--ae:-1;}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:clip;}
html.rm{scroll-behavior:auto;}

body{
  font-family:var(--f-ui);
  background:
    radial-gradient(1200px 700px at 50% -10%, #151a1e 0%, transparent 60%),
    var(--g900);
  color:var(--bone);
  line-height:1.6;
  min-height:100vh;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
/* faint machined grain over the whole ground */
body::before{
  content:"";
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.008) 3px 4px);
}
body > *{position:relative;z-index:1;}

::selection{background:var(--jade-25);color:var(--bone);}
a{color:inherit;text-decoration:none;}
img,svg{max-inline-size:100%;display:block;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}

.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

.wrap{max-inline-size:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);}

/* ---------- engraved / stamped text utilities ---------- */
.engrave{
  color:#0d1113;
  text-shadow:0 1px 0 rgba(233,236,233,.10);
  letter-spacing:.02em;
}
.stamp{
  font-family:var(--f-mono);
  font-size:.68rem;
  letter-spacing:.22em;
  color:var(--dim);
  text-transform:uppercase;
}

/* ---------- the seam (signature hairline) ---------- */
.seam{
  position:relative;
  block-size:1px;border:0;
  background:linear-gradient(90deg,transparent,var(--hair) 18%,var(--hair) 82%,transparent);
}
.seam::after{
  content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;
  inline-size:0;block-size:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--jade),transparent);
  box-shadow:0 0 12px var(--jade-45);
  transition:inline-size 1.1s cubic-bezier(.22,1,.36,1);
}
[dir="rtl"] .seam::after{transform:translateX(50%);}
.in .seam::after,.seam.in::after{inline-size:62%;}
body.flare .seam::after{animation:seamflare 2.2s ease-in-out;}
@keyframes seamflare{
  0%,100%{box-shadow:0 0 12px var(--jade-45);}
  38%{box-shadow:0 0 26px var(--jade-45),0 0 60px var(--jade-25);inline-size:96%;}
}

/* ============================================================
   TOP BAR
   ============================================================ */
.bar{
  position:sticky;inset-block-start:0;z-index:60;
  background:linear-gradient(180deg,rgba(15,18,21,.94),rgba(15,18,21,.86));
  backdrop-filter:blur(10px);
  border-block-end:1px solid var(--hair-soft);
}
.bar__in{
  max-inline-size:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);
  display:flex;align-items:center;gap:clamp(.8rem,2.5vw,2.2rem);
  min-block-size:64px;flex-wrap:wrap;padding-block:.55rem;
}
.bar__mark{display:flex;flex-direction:column;line-height:1.05;}
.bar__mark b{
  font-weight:900;font-size:1.02rem;letter-spacing:.12em;
  color:var(--bone);
}
.bar__mark i{
  font-style:normal;font-family:var(--f-mono);font-size:.58rem;
  letter-spacing:.3em;color:var(--dim);margin-block-start:.2rem;
}
.bar__mark:hover b{text-shadow:0 0 18px var(--jade-25);}
.bar__nav{display:flex;gap:clamp(.6rem,2vw,1.6rem);margin-inline-start:auto;}
.bar__nav a{
  position:relative;font-weight:500;font-size:.92rem;color:var(--mist);
  padding-block:.35rem;transition:color .3s,transform .3s;
}
.bar__nav a::after{
  content:"";position:absolute;inset-block-end:0;inset-inline-start:50%;
  inline-size:0;block-size:2px;background:var(--jade);
  transform:translateX(-50%);transition:inline-size .35s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 10px var(--jade-45);
}
[dir="rtl"] .bar__nav a::after{transform:translateX(50%);}
.bar__nav a:hover{color:var(--bone);transform:translateY(-1px);}
.bar__nav a:hover::after,.bar__nav a[aria-current="page"]::after{inline-size:100%;}
.bar__nav a[aria-current="page"]{color:var(--bone);}
.bar__live{
  display:flex;align-items:center;gap:.55rem;
  font-family:var(--f-mono);font-size:.8rem;color:var(--mist);
  border:1px solid var(--hair-soft);border-radius:999px;
  padding:.3rem .8rem;background:var(--g850);
}
.live-dot{
  inline-size:7px;block-size:7px;border-radius:50%;
  background:var(--jade);box-shadow:0 0 8px var(--jade-45);
  animation:pulse 2.6s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.78);}}
.bar__links{display:flex;gap:.5rem;}
.chip-link{
  font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;
  border:1px solid var(--hair);border-radius:8px;
  padding:.38rem .7rem;color:var(--mist);
  background:linear-gradient(180deg,var(--g700),var(--g800));
  transition:transform .3s,border-color .3s,color .3s,box-shadow .3s;
}
.chip-link:hover{
  transform:translateY(-2px);color:var(--bone);border-color:var(--jade-45);
  box-shadow:0 6px 16px rgba(0,0,0,.4),0 0 0 1px var(--jade-14);
}

/* ============================================================
   HERO — the kept object
   ============================================================ */
.hero{
  position:relative;
  max-inline-size:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);
  padding-block:clamp(2.5rem,6vh,5rem) clamp(2rem,5vh,4rem);
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;gap:clamp(2rem,5vw,4.5rem);
  min-block-size:88vh;
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;min-block-size:auto;gap:3rem;}
}
.hero__copy{position:relative;z-index:3;}
.hero__kicker{
  display:flex;align-items:center;gap:.7rem;
  font-family:var(--f-mono);font-size:.72rem;letter-spacing:.28em;
  color:var(--jade);margin-block-end:1.4rem;
}
.hero__kicker::after{
  content:"";flex:1;block-size:1px;max-inline-size:120px;
  background:linear-gradient(90deg,var(--jade-45),transparent);
}
[dir="rtl"] .hero__kicker::after{background:linear-gradient(-90deg,var(--jade-45),transparent);}
.hero h1{
  font-weight:900;
  font-size:clamp(2.3rem,5.2vw,4.1rem);
  line-height:1.12;letter-spacing:-.01em;
  margin-block-end:1.3rem;
}
.hero h1 em{
  font-style:normal;color:transparent;
  -webkit-text-stroke:1.5px var(--mist);
}
.hero__dek{
  font-family:var(--f-ed);
  font-size:clamp(1.05rem,1.6vw,1.24rem);
  line-height:1.9;color:var(--mist);
  max-inline-size:34rem;margin-block-end:2rem;
}
.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;}
.btn{
  position:relative;display:inline-flex;align-items:center;gap:.6rem;
  font-weight:600;font-size:.95rem;
  padding:.78rem 1.5rem;border-radius:12px;
  border:1px solid var(--hair);
  background:linear-gradient(180deg,var(--g600),var(--g800));
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 -1px 0 rgba(0,0,0,.5) inset,0 8px 20px rgba(0,0,0,.35);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;
}
.btn::before{ /* specular sweep */
  content:"";position:absolute;inset-block:0;inline-size:36%;
  inset-inline-start:-45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);
  transition:inset-inline-start .7s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.btn:hover{transform:translateY(-2px);border-color:var(--jade-45);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 -1px 0 rgba(0,0,0,.5) inset,0 14px 30px rgba(0,0,0,.45),0 0 0 1px var(--jade-14);}
.btn:hover::before{inset-inline-start:110%;}
.btn:active{transform:translateY(0);}
.btn--jade{border-color:var(--jade-45);background:linear-gradient(180deg,#1c3a30,#12271f);}
.btn--jade:hover{border-color:var(--jade);}
.btn .btn__dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--jade);box-shadow:0 0 8px var(--jade-45);}
.btn--ghost{background:transparent;box-shadow:none;border-color:var(--hair-soft);color:var(--mist);}
.btn--ghost:hover{color:var(--bone);}

/* ---------- the slab ---------- */
.kept-scene{
  perspective:1500px;
  display:grid;place-items:center;
  padding-block:1rem;
}
.kept{
  position:relative;
  inline-size:min(620px,94vw);
  block-size:clamp(430px,58vw,500px);
}
@media(min-width:981px){
  .kept{inline-size:min(620px,46vw);}
}
.kept{
  transform:rotateX(var(--rx)) rotateY(var(--ry));
  transform-style:preserve-3d;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.kept.dragging{cursor:grabbing;}
/* floor shadow */
.kept::after{
  content:"";position:absolute;inset-inline:6%;inset-block-end:-34px;
  block-size:44px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent 70%);
  transform:scaleX(calc(1 + var(--open)*.22));
  filter:blur(6px);
  pointer-events:none;
}
/* the glowing core seam behind everything */
.kept__glow{
  position:absolute;inset-block:4%;inset-inline-start:calc(50% - 1px);
  inline-size:2px;border-radius:2px;
  background:linear-gradient(180deg,transparent,var(--jade) 20%,var(--jade) 80%,transparent);
  box-shadow:0 0 24px var(--jade-45),0 0 70px var(--jade-25);
  opacity:calc(.35 + (1 - min(var(--open),1))*.65);
  animation:breathe 4.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes breathe{0%,100%{filter:brightness(1);}50%{filter:brightness(1.5);}}

/* interior core */
.kept__core{
  position:absolute;inset-block:10px;
  inset-inline-start:calc(50% - min(160px,26vw));
  inline-size:min(320px,52vw);
  display:flex;flex-direction:column;gap:.6rem;
  transform:scale(calc(.94 + min(var(--open),1)*.06));
  opacity:calc(.35 + min(var(--open),1)*.65);
  z-index:1;
}

/* halves */
.kept__half{
  position:absolute;inset-block:0;inline-size:50%;
  overflow:hidden;z-index:2;
  background:linear-gradient(155deg,#262d33,#1a2025 55%,#151a1f);
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 -1px 0 rgba(0,0,0,.55) inset,
    0 24px 60px rgba(0,0,0,.55);
}
.kept__half--s{
  inset-inline-start:0;
  border-start-start-radius:18px;border-end-start-radius:18px;
  transform:translateX(calc(var(--open) * var(--shift-pct) * var(--as))) rotateY(calc(var(--open) * 7deg * var(--as)));
}
.kept__half--e{
  inset-inline-end:0;
  border-start-end-radius:18px;border-end-end-radius:18px;
  transform:translateX(calc(var(--open) * var(--shift-pct) * var(--ae))) rotateY(calc(var(--open) * 7deg * var(--ae)));
}
@media(max-width:640px){
  :root{--shift-pct:74%;}
  .kept__core{
    inline-size:min(320px,68vw);
    inset-inline-start:calc(50% - min(160px,34vw));
  }
}
/* milling texture on faces */
.kept__half::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.014) 7px 8px),
    radial-gradient(420px 300px at 30% 12%,rgba(255,255,255,.05),transparent 60%);
}
/* the cut edge — milled cross-section + jade rim */
.kept__half--s::after,.kept__half--e::after{
  content:"";position:absolute;inset-block:0;inline-size:10px;pointer-events:none;
  background:repeating-linear-gradient(180deg,#0b0e11 0 4px,#1b2126 4px 8px);
}
.kept__half--s::after{
  inset-inline-end:0;
  box-shadow:calc(-2px * var(--as)) 0 14px var(--jade-25) inset;
  border-inline-start:1px solid rgba(46,230,160,.35);
}
.kept__half--e::after{
  inset-inline-start:0;
  box-shadow:calc(-2px * var(--ae)) 0 14px var(--jade-25) inset;
  border-inline-end:1px solid rgba(46,230,160,.35);
}
/* knurled grip strips on outer edges */
.kept__grip{
  position:absolute;inset-block:16%;inline-size:14px;
  background:repeating-linear-gradient(45deg,#2a3138 0 3px,#171c21 3px 6px);
  border-radius:8px;
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.05) inset;
}
.kept__half--s .kept__grip{inset-inline-start:7px;}
.kept__half--e .kept__grip{inset-inline-end:7px;}

/* engraved plate spanning both halves */
.kept__plate{
  position:absolute;inset-block:0;inline-size:200%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;
  pointer-events:none;
}
.kept__half--s .kept__plate{inset-inline-start:0;}
.kept__half--e .kept__plate{inset-inline-start:-100%;}
.kept__plate .stamp{letter-spacing:.34em;}
.kept__word{
  font-weight:900;font-size:clamp(2.6rem,7.2vw,4.4rem);
  line-height:.98;text-align:center;letter-spacing:.04em;
  color:#0d1113;text-shadow:0 1px 0 rgba(233,236,233,.09);
}
.kept__word span{display:block;}
.kept__serial{
  font-family:var(--f-mono);font-size:.64rem;letter-spacing:.3em;color:#3c464d;
}
.kept__screws{position:absolute;inset:14px;pointer-events:none;}
.kept__screws i{
  position:absolute;inline-size:9px;block-size:9px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#39424a,#12161a 70%);
  box-shadow:0 1px 1px rgba(255,255,255,.05),0 0 0 1px rgba(0,0,0,.5);
}
.kept__screws i::after{
  content:"";position:absolute;inset-block-start:4px;inset-inline:1px;
  block-size:1px;background:#0a0d0f;transform:rotate(38deg);
}
.kept__screws i:nth-child(1){inset-block-start:0;inset-inline-start:0;}
.kept__screws i:nth-child(2){inset-block-start:0;inset-inline-end:0;}
.kept__screws i:nth-child(3){inset-block-end:0;inset-inline-start:0;}
.kept__screws i:nth-child(4){inset-block-end:0;inset-inline-end:0;}

/* ---------- the chat inside the core ---------- */
.chat{
  flex:1;display:flex;flex-direction:column;min-block-size:0;
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(0,0,0,.55);
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 18px 44px rgba(0,0,0,.5);
  background:var(--chat-bg,#0b141a);
}
.chat[data-skin="wa"]{--chat-bg:#0b141a;--chat-head:#1f2c34;--chat-bub:#202c33;--chat-acc:#00a884;--chat-urg:#25d366;}
.chat[data-skin="tg"]{--chat-bg:#0e1621;--chat-head:#17212b;--chat-bub:#182533;--chat-acc:#5eb5f7;--chat-urg:#5eb5f7;}
.chat[data-skin="wa"] .chat__body{
  background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1.6px);
  background-size:22px 22px;
}
.chat__head{
  display:flex;align-items:center;gap:.65rem;
  padding:.62rem .85rem;background:var(--chat-head);
  border-block-end:1px solid rgba(0,0,0,.35);
}
.chat__avatar{
  inline-size:34px;block-size:34px;border-radius:50%;
  display:grid;place-items:center;flex:none;
  font-weight:900;font-size:.95rem;color:#08110d;
  background:linear-gradient(140deg,var(--chat-acc),#0f6b52);
}
.chat[data-skin="tg"] .chat__avatar{background:linear-gradient(140deg,#5eb5f7,#2a6da8);color:#071019;}
.chat__who{display:flex;flex-direction:column;line-height:1.2;min-inline-size:0;}
.chat__who b{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat__who small{font-size:.68rem;color:rgba(233,236,233,.55);}
.chat__live{
  margin-inline-start:auto;display:flex;align-items:center;gap:.4rem;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;color:var(--chat-urg);
}
.chat__body{
  flex:1;min-block-size:0;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;
  padding:.8rem .75rem;
}
.msg{
  align-self:flex-start;max-inline-size:92%;
  background:var(--chat-bub);
  border-radius:12px;border-start-start-radius:4px;
  padding:.5rem .7rem .4rem;
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  transform:translateY(0);
  animation:msg-in .55s cubic-bezier(.2,1.4,.4,1);
}
@keyframes msg-in{
  0%{opacity:0;transform:translateY(16px) scale(.96);}
  70%{opacity:1;transform:translateY(-2px) scale(1.005);}
  100%{opacity:1;transform:translateY(0) scale(1);}
}
.msg__tag{
  display:inline-block;font-family:var(--f-mono);font-size:.58rem;
  letter-spacing:.12em;color:var(--chat-acc);margin-block-end:.18rem;
}
.msg--urgent .msg__tag{color:var(--chat-urg);}
.msg--urgent{box-shadow:0 1px 2px rgba(0,0,0,.4),inset 2px 0 0 var(--chat-urg);}
[dir="rtl"] .msg--urgent{box-shadow:0 1px 2px rgba(0,0,0,.4),inset -2px 0 0 var(--chat-urg);}
.msg p{font-size:.82rem;line-height:1.5;}
.msg__time{
  display:block;text-align:end;
  font-family:var(--f-mono);font-size:.58rem;color:rgba(233,236,233,.4);
  margin-block-start:.15rem;
}
.typing{display:flex;gap:4px;align-self:flex-start;padding:.55rem .8rem;border-radius:12px;background:var(--chat-bub);}
.typing i{inline-size:6px;block-size:6px;border-radius:50%;background:rgba(233,236,233,.5);animation:typ 1.2s ease-in-out infinite;}
.typing i:nth-child(2){animation-delay:.15s;}
.typing i:nth-child(3){animation-delay:.3s;}
@keyframes typ{0%,100%{opacity:.25;transform:translateY(0);}50%{opacity:1;transform:translateY(-3px);}}
.chat__foot{
  padding:.6rem .75rem;background:var(--chat-head);
  border-block-start:1px solid rgba(0,0,0,.35);
}
.chat__cta{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  inline-size:100%;padding:.62rem .8rem;border-radius:10px;
  font-weight:700;font-size:.88rem;color:#07130e;
  background:linear-gradient(180deg,var(--chat-acc),#0e8464);
  box-shadow:0 6px 16px rgba(0,0,0,.4);
  transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s;
}
.chat[data-skin="tg"] .chat__cta{background:linear-gradient(180deg,#5eb5f7,#2f7dc0);color:#071019;}
.chat__cta:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 12px 26px rgba(0,0,0,.5);}
/* skin toggle — machined switch */
.core__bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;}
.skin-switch{
  display:flex;border-radius:10px;overflow:hidden;
  border:1px solid var(--hair);
  background:var(--g850);
  box-shadow:0 -1px 0 rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.04) inset;
}
.skin-switch button{
  font-family:var(--f-mono);font-size:.66rem;letter-spacing:.06em;
  padding:.42rem .8rem;color:var(--dim);
  transition:color .3s,background .3s,transform .2s;
}
.skin-switch button:hover{color:var(--bone);transform:translateY(-1px);}
.skin-switch button[aria-pressed="true"]{
  color:var(--bone);
  background:linear-gradient(180deg,var(--g600),var(--g700));
  box-shadow:0 0 0 1px var(--jade-25) inset;
}
.core__alt{font-family:var(--f-mono);font-size:.64rem;color:var(--dim);}
.core__alt a{color:var(--mist);border-block-end:1px solid var(--hair);transition:color .3s,border-color .3s;}
.core__alt a:hover{color:var(--jade);border-color:var(--jade-45);}

/* ============================================================
   TICKER
   ============================================================ */
.ticker{
  border-block:1px solid var(--hair-soft);
  background:var(--g850);
  overflow:hidden;position:relative;
}
.ticker::before,.ticker::after{
  content:"";position:absolute;inset-block:0;inline-size:70px;z-index:2;pointer-events:none;
}
.ticker::before{inset-inline-start:0;background:linear-gradient(90deg,var(--g850),transparent);}
.ticker::after{inset-inline-end:0;background:linear-gradient(-90deg,var(--g850),transparent);}
[dir="rtl"] .ticker::before{background:linear-gradient(-90deg,var(--g850),transparent);}
[dir="rtl"] .ticker::after{background:linear-gradient(90deg,var(--g850),transparent);}
.ticker__track{
  display:flex;align-items:center;gap:0;
  inline-size:max-content;
  animation:tick 56s linear infinite;
  padding-block:.65rem;
}
[dir="rtl"] .ticker__track{animation-name:tick-rtl;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes tick-rtl{from{transform:translateX(0);}to{transform:translateX(50%);}}
.ticker:hover .ticker__track{animation-play-state:paused;}
.tick-item{
  display:inline-flex;align-items:center;gap:.7rem;
  padding-inline:1.4rem;white-space:nowrap;font-size:.86rem;color:var(--mist);
}
.tick-item time{font-family:var(--f-mono);font-size:.72rem;color:var(--jade);}
.tick-item::after{content:"◆";font-size:.5rem;color:var(--hair);margin-inline-start:1.4rem;}

/* ============================================================
   SECTIONS / REVEAL (bidirectional)
   ============================================================ */
.sec{padding-block:clamp(3rem,8vh,5.5rem);}
.sec-head{
  display:flex;align-items:flex-end;gap:1.4rem;flex-wrap:wrap;
  margin-block-end:2rem;
}
.sec-head__txt{flex:1;min-inline-size:16rem;}
.sec-head .stamp{color:var(--jade);margin-block-end:.5rem;display:block;}
.sec-head h2{font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;}
.sec-head__link{
  font-family:var(--f-mono);font-size:.76rem;color:var(--mist);
  display:inline-flex;align-items:center;gap:.5rem;
  border-block-end:1px solid var(--hair);padding-block-end:.25rem;
  transition:color .3s,border-color .3s,gap .3s;
}
.sec-head__link:hover{color:var(--jade);border-color:var(--jade-45);gap:.9rem;}

/* reveal primitives — enter AND exit, driven by .in toggling */
.rev{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.18,1.1,.3,1.06);
  transition-delay:var(--d,0s);
}
.in .rev,.rev.in{opacity:1;transform:none;}
.rev--start{transform:translateX(calc(34px * var(--as)));}
.rev--end{transform:translateX(calc(34px * var(--ae)));}

/* ============================================================
   NEWS ROWS (home)
   ============================================================ */
.rows{border-block-start:1px solid var(--hair-soft);}
.row{
  position:relative;
  display:grid;
  grid-template-columns:5.2rem 1.1rem minmax(0,1fr) auto;
  align-items:baseline;gap:1.1rem;
  padding-block:1.05rem;padding-inline:.4rem;
  border-block-end:1px solid var(--hair-soft);
  transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s;
}
.row:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.014),transparent);}
.row__time{font-family:var(--f-mono);font-size:.78rem;color:var(--dim);transition:color .3s;}
.row:hover .row__time{color:var(--jade);}
.row__mark{position:relative;inline-size:9px;block-size:9px;border-radius:50%;background:var(--g500);align-self:center;}
.row--breaking .row__mark{background:var(--jade);box-shadow:0 0 10px var(--jade-45);}
.row--breaking .row__mark::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1px solid var(--jade-45);animation:ring 2.4s ease-out infinite;
}
@keyframes ring{0%{transform:scale(.5);opacity:1;}100%{transform:scale(1.7);opacity:0;}}
.row--high .row__mark{background:var(--mist);}
.row__main{min-inline-size:0;}
.row__main h3{
  position:relative;display:inline;
  font-weight:600;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.45;
}
.row__main h3::after{ /* crack seam grows under headline on hover */
  content:"";position:absolute;inset-block-end:-4px;inset-inline-start:0;
  inline-size:0;block-size:1px;
  background:linear-gradient(90deg,var(--jade),transparent);
  box-shadow:0 0 8px var(--jade-45);
  transition:inline-size .5s cubic-bezier(.22,1,.36,1);
}
[dir="rtl"] .row__main h3::after{background:linear-gradient(-90deg,var(--jade),transparent);}
.row:hover .row__main h3::after{inline-size:100%;}
.row__dek{
  font-family:var(--f-ed);font-size:.92rem;color:var(--dim);
  margin-block-start:.35rem;max-inline-size:44rem;
  transition:color .4s,transform .4s;
}
.row:hover .row__dek{color:var(--mist);transform:translateX(calc(-4px * var(--ae)));}
.row__cat{
  font-family:var(--f-mono);font-size:.64rem;letter-spacing:.16em;color:var(--dim);
  border:1px solid var(--hair-soft);border-radius:6px;padding:.24rem .55rem;
  transition:color .3s,border-color .3s;
  align-self:center;
}
.row:hover .row__cat{color:var(--mist);border-color:var(--hair);}
/* idle light-pass — the traveling jade edge; bottom row keeps it */
.row.lit{background:linear-gradient(90deg,var(--jade-08),transparent 45%);}
[dir="rtl"] .row.lit{background:linear-gradient(-90deg,var(--jade-08),transparent 45%);}
.row.lit .row__time{color:var(--jade);}
/* narrow screens: meta line above, headline gets the full width */
@media(max-width:760px){
  .row{
    grid-template-columns:auto 9px minmax(0,1fr);
    grid-template-areas:"time mark cat" "main main main";
    row-gap:.45rem;align-items:center;
  }
  .row__time{grid-area:time;}
  .row__mark{grid-area:mark;}
  .row__cat{grid-area:cat;justify-self:end;}
  .row__main{grid-area:main;}
}

/* ============================================================
   STATS BAND
   ============================================================ */
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--hair-soft);
  border-block:1px solid var(--hair-soft);
}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr);}}
.stat{
  background:var(--g850);
  padding:1.6rem 1.2rem;text-align:center;
  transition:background .4s,transform .4s;
}
.stat:hover{background:var(--g800);transform:translateY(-3px);}
.stat b{
  display:block;font-family:var(--f-mono);font-weight:600;
  font-size:clamp(1.7rem,3.4vw,2.5rem);color:var(--jade);
  letter-spacing:-.02em;
}
.stat span{font-size:.8rem;color:var(--dim);margin-block-start:.3rem;display:block;}

/* ============================================================
   PLATES (articles)
   ============================================================ */
.plates{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem;
}
@media(max-width:980px){.plates{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.plates{grid-template-columns:1fr;}}
.plate{
  position:relative;overflow:hidden;
  grid-column:span 2;
  border-radius:14px;
  border:1px solid var(--hair-soft);
  background:linear-gradient(155deg,var(--g700),var(--g850) 70%);
  padding:1.5rem 1.4rem 1.3rem;
  min-block-size:15.5rem;
  display:flex;flex-direction:column;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 26px rgba(0,0,0,.35);
  transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .45s,box-shadow .45s;
}
@media(max-width:980px){.plate{grid-column:span 1;}}
.plate:hover{
  transform:translateY(-5px) rotateX(1.6deg);
  border-color:var(--hair);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 22px 44px rgba(0,0,0,.5),0 0 0 1px var(--jade-08);
}
/* the crack: a hairline seam splits the plate on hover */
.plate::before{
  content:"";position:absolute;inset-inline:0;inset-block-start:58%;
  block-size:1px;transform:scaleX(0);
  background:linear-gradient(90deg,transparent,var(--jade-45),transparent);
  box-shadow:0 0 10px var(--jade-25);
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.plate:hover::before{transform:scaleX(1);}
.plate__idx{
  position:absolute;inset-block-end:-1.4rem;inset-inline-end:.4rem;
  font-family:var(--f-mono);font-weight:600;font-size:6.4rem;line-height:1;
  color:rgba(255,255,255,.028);pointer-events:none;
  transition:color .5s,transform .5s;
}
.plate:hover .plate__idx{color:var(--jade-08);transform:translateY(-6px);}
.plate__cat{
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;color:var(--jade);
  margin-block-end:.8rem;
}
.plate h3{font-weight:700;font-size:1.18rem;line-height:1.4;margin-block-end:.6rem;}
.plate p{
  font-family:var(--f-ed);font-size:.92rem;line-height:1.75;color:var(--dim);
  flex:1;
  transition:color .4s;
}
.plate:hover p{color:var(--mist);}
.plate__meta{
  display:flex;gap:1rem;margin-block-start:1rem;
  font-family:var(--f-mono);font-size:.66rem;color:var(--dim);
}
.plate--wide{grid-column:span 3;}
@media(max-width:980px){.plate--wide{grid-column:span 2;}}
@media(max-width:600px){.plate--wide{grid-column:span 1;}}

/* ============================================================
   QUOTE SLAB (cleave-swap cycle)
   ============================================================ */
.quote-slab{
  position:relative;overflow:hidden;
  border-radius:16px;border:1px solid var(--hair-soft);
  background:linear-gradient(155deg,var(--g800),var(--g850));
  padding:clamp(2rem,5vw,3.2rem);
  text-align:center;
}
.quote-slab::before,.quote-slab::after{ /* the covers */
  content:"";position:absolute;inset-block:0;inline-size:51%;z-index:2;
  background:linear-gradient(155deg,#262d33,#181d22);
  transition:transform .6s cubic-bezier(.6,.05,.3,1);
  pointer-events:none;
}
.quote-slab::before{inset-inline-start:0;transform:translateX(calc(-102% * var(--ae)));border-inline-end:1px solid var(--jade-25);}
.quote-slab::after{inset-inline-end:0;transform:translateX(calc(-102% * var(--as)));border-inline-start:1px solid var(--jade-25);}
.quote-slab.closed::before{transform:translateX(0);}
.quote-slab.closed::after{transform:translateX(0);}
.quote-slab blockquote{
  font-family:var(--f-ed);font-size:clamp(1.15rem,2.4vw,1.7rem);
  line-height:1.7;max-inline-size:46rem;margin-inline:auto;
  direction:ltr;
}
.quote-slab blockquote::before{content:"”";color:var(--jade);font-size:1.6em;line-height:0;vertical-align:-.3em;margin-inline-end:.15em;}
.quote-slab figcaption{
  margin-block-start:1.1rem;font-family:var(--f-mono);font-size:.72rem;color:var(--dim);
  letter-spacing:.08em;direction:ltr;
}
.quote-slab figcaption b{color:var(--mist);font-weight:500;}

/* ============================================================
   SUBSCRIBE BAND
   ============================================================ */
.sub-band{
  border-radius:16px;border:1px solid var(--hair-soft);
  background:
    radial-gradient(600px 200px at 50% 120%,var(--jade-08),transparent 70%),
    linear-gradient(155deg,var(--g800),var(--g850));
  padding:clamp(2rem,5vw,3rem);
  display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
}
.sub-band h2{font-weight:800;font-size:clamp(1.3rem,2.6vw,1.9rem);margin-block-end:.4rem;}
.sub-band p{font-family:var(--f-ed);color:var(--mist);max-inline-size:30rem;}
.sub-band__cta{display:flex;gap:.8rem;flex-wrap:wrap;}

/* ============================================================
   NEWS PAGE — the day, machined into billets
   ============================================================ */
.newsgrid{
  display:grid;grid-template-columns:56px minmax(0,1fr);
  gap:clamp(1.2rem,3vw,2.6rem);
  align-items:start;
}
@media(max-width:760px){.newsgrid{grid-template-columns:26px minmax(0,1fr);}}
/* the time gauge — sits BESIDE the text (never over it) */
.gauge{
  position:sticky;inset-block-start:96px;
  block-size:calc(100vh - 140px);
  display:flex;flex-direction:column;align-items:center;
}
.gauge__track{
  position:relative;flex:1;inline-size:3px;border-radius:3px;
  background:var(--g600);
}
.gauge__fill{
  position:absolute;inset-block-start:0;inset-inline:0;
  block-size:calc(var(--p,0) * 100%);
  border-radius:3px;
  background:linear-gradient(180deg,var(--jade),var(--jade-deep));
  box-shadow:0 0 12px var(--jade-25);
}
.gauge__cursor{
  position:absolute;inset-inline-start:50%;
  inset-block-start:calc(var(--p,0) * 100%);
  transform:translate(-50%,-50%);
  inline-size:11px;block-size:11px;border-radius:50%;
  background:var(--jade);box-shadow:0 0 14px var(--jade-45);
}
[dir="rtl"] .gauge__cursor{transform:translate(50%,-50%);}
.gauge__tick{
  position:absolute;inset-inline-start:calc(50% + 10px);
  transform:translateY(-50%);
  font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;
  color:var(--dim);white-space:nowrap;
  writing-mode:vertical-rl;
  transition:color .3s;
}
[dir="rtl"] .gauge__tick{inset-inline-start:auto;inset-inline-end:calc(50% + 10px);}
.gauge__tick:hover,.gauge__tick.on{color:var(--jade);}
@media(max-width:760px){.gauge__tick{display:none;}}

/* now-plate */
.now-plate{
  border-radius:16px;border:1px solid var(--hair-soft);
  background:linear-gradient(155deg,var(--g700),var(--g850));
  padding:clamp(1.4rem,3.5vw,2.2rem);
  display:flex;align-items:center;gap:clamp(1rem,3vw,2.4rem);flex-wrap:wrap;
  margin-block-end:2.4rem;
  box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.now-plate__clock{
  font-family:var(--f-mono);font-weight:600;
  font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.02em;color:var(--bone);
}
.now-plate__meta{flex:1;min-inline-size:14rem;}
.now-plate__meta .stamp{color:var(--jade);display:flex;align-items:center;gap:.5rem;margin-block-end:.4rem;}
.now-plate__meta p{font-family:var(--f-ed);color:var(--mist);font-size:1.02rem;}

/* category chips */
.chips{display:flex;gap:.55rem;flex-wrap:wrap;margin-block-end:2.2rem;}
.chip{
  font-size:.8rem;font-weight:500;color:var(--mist);
  border:1px solid var(--hair-soft);border-radius:999px;
  padding:.4rem 1rem;
  background:var(--g850);
  transition:transform .3s,color .3s,border-color .3s,box-shadow .3s;
}
.chip:hover{transform:translateY(-2px);color:var(--bone);border-color:var(--hair);}
.chip[aria-pressed="true"]{
  color:var(--jade);border-color:var(--jade-45);
  box-shadow:0 0 0 1px var(--jade-14),0 0 16px var(--jade-08);
}
.chip small{font-family:var(--f-mono);font-size:.62rem;color:var(--dim);margin-inline-start:.35rem;}

/* billets — one machined mass per day; openness is continuous (JS sets --open) */
.billet{
  position:relative;
  border-radius:14px;
  border:1px solid var(--hair-soft);
  background:linear-gradient(160deg,var(--g800),var(--g850) 75%);
  margin-block-end:1.6rem;
  padding:1.3rem clamp(1rem,3vw,1.8rem) .6rem;
  box-shadow:0 1px 0 rgba(255,255,255,calc(.02 + var(--open,0)*.03)) inset,
             0 calc(6px + var(--open,0)*14px) calc(18px + var(--open,0)*22px) rgba(0,0,0,calc(.25 + var(--open,0)*.25));
  transition:border-color .5s;
}
.billet__head{
  display:flex;align-items:baseline;gap:1rem;
  padding-block-end:1rem;
}
.billet__head h2{
  font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);
  color:var(--bone);
}
.billet__count{
  font-family:var(--f-mono);font-size:.66rem;color:var(--dim);
  border:1px solid var(--hair-soft);border-radius:6px;padding:.2rem .5rem;
}
.billet__seam{
  flex:1;block-size:1px;align-self:center;
  background:linear-gradient(90deg,var(--hair-soft),transparent);
  position:relative;overflow:visible;
}
[dir="rtl"] .billet__seam{background:linear-gradient(-90deg,var(--hair-soft),transparent);}
.billet__seam::after{
  content:"";position:absolute;inset-block-start:0;inset-inline-start:0;
  block-size:1px;inline-size:calc(var(--open,0) * 100%);
  background:linear-gradient(90deg,var(--jade),transparent);
  box-shadow:0 0 10px var(--jade-25);
}
[dir="rtl"] .billet__seam::after{background:linear-gradient(-90deg,var(--jade),transparent);}
.billet .row{
  border-block-end-color:var(--hair-soft);
  opacity:calc(.62 + var(--open,0)*.38);
  transform:translateY(calc((1 - var(--open,0)) * 12px));
  transition:none;
}
.billet .row:hover{transform:translateY(calc((1 - var(--open,0)) * 12px - 2px));}
.billet .row:last-child{border-block-end:0;}
.billet .row__dek{
  opacity:calc(var(--open,0) * 1);
}
.billet__src{
  font-family:var(--f-mono);font-size:.6rem;color:var(--dim);letter-spacing:.1em;
  align-self:center;
}

/* plain feed link plate */
.feed-note{
  text-align:center;margin-block:3rem;
}
.feed-note a{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--f-mono);font-size:.8rem;color:var(--mist);
  border:1px dashed var(--hair);border-radius:10px;padding:.7rem 1.4rem;
  transition:color .3s,border-color .3s,transform .3s;
}
.feed-note a:hover{color:var(--jade);border-color:var(--jade-45);transform:translateY(-2px);}

/* ============================================================
   ARTICLES PAGE
   ============================================================ */
.feature{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:0;
  border-radius:18px;border:1px solid var(--hair-soft);
  margin-block-end:2.6rem;
  background:linear-gradient(155deg,var(--g700),var(--g850));
  box-shadow:0 20px 50px rgba(0,0,0,.4);
}
@media(max-width:860px){.feature{grid-template-columns:1fr;}}
.feature__main{padding:clamp(1.6rem,4vw,3rem);}
.feature__main .plate__cat{margin-block-end:1rem;}
.feature__main h2{font-weight:900;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.25;margin-block-end:1rem;}
.feature__main p{font-family:var(--f-ed);font-size:1.05rem;line-height:1.9;color:var(--mist);max-inline-size:34rem;}
.feature__side{
  position:relative;
  border-inline-start:1px solid var(--hair-soft);
  background:
    repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.012) 7px 8px),
    linear-gradient(200deg,var(--g600),var(--g800));
  display:flex;flex-direction:column;justify-content:center;gap:1.1rem;
  padding:clamp(1.6rem,4vw,2.6rem);
}
@media(max-width:860px){.feature__side{border-inline-start:0;border-block-start:1px solid var(--hair-soft);}}
.feature__side li{
  list-style:none;display:flex;gap:.7rem;align-items:baseline;
  font-size:.9rem;color:var(--mist);line-height:1.6;
}
.feature__side li::before{
  content:"—";color:var(--jade);font-family:var(--f-mono);flex:none;
}
.feature__go{
  margin-block-start:.6rem;align-self:flex-start;
  font-family:var(--f-mono);font-size:.76rem;color:var(--jade);
  display:inline-flex;gap:.5rem;align-items:center;
  border-block-end:1px solid var(--jade-25);padding-block-end:.25rem;
  transition:gap .3s,border-color .3s;
}
.feature:hover .feature__go{gap:.9rem;border-color:var(--jade);}
.feature::before{ /* feature crack */
  content:"";position:absolute;inset-block:0;inset-inline-start:57.5%;
  inline-size:1px;transform:scaleY(0);
  background:linear-gradient(180deg,transparent,var(--jade-45),transparent);
  transition:transform .7s cubic-bezier(.22,1,.36,1);
  z-index:1;pointer-events:none;
}
.feature:hover::before{transform:scaleY(1);}
@media(max-width:860px){.feature::before{display:none;}}

/* ============================================================
   ARTICLE PAGE
   ============================================================ */
.artgrid{
  display:grid;grid-template-columns:34px minmax(0,1fr);
  gap:clamp(1.2rem,3.5vw,3rem);
  align-items:start;
  max-inline-size:min(60rem,100%);
  margin-inline:auto;
}
@media(max-width:640px){.artgrid{grid-template-columns:16px minmax(0,1fr);}}
/* reading gauge — beside the text */
.rgauge{
  position:sticky;inset-block-start:110px;
  block-size:calc(100vh - 170px);
  display:flex;justify-content:center;
}
.rgauge__track{position:relative;inline-size:3px;border-radius:3px;background:var(--g600);}
.rgauge__fill{
  position:absolute;inset-block-start:0;inset-inline:0;border-radius:3px;
  block-size:calc(var(--p,0) * 100%);
  background:linear-gradient(180deg,var(--jade),var(--jade-deep));
  box-shadow:0 0 12px var(--jade-25);
}
.art-head{margin-block-end:2.4rem;}
.art-head .stamp{color:var(--jade);display:block;margin-block-end:1rem;}
.art-head h1{
  font-weight:900;font-size:clamp(1.9rem,4.6vw,3.3rem);
  line-height:1.2;letter-spacing:-.01em;margin-block-end:1.2rem;
}
.art-head__ex{
  font-family:var(--f-ed);font-size:clamp(1.05rem,2vw,1.3rem);
  line-height:1.9;color:var(--mist);max-inline-size:38rem;
}
.art-meta{
  display:flex;gap:1.6rem;flex-wrap:wrap;
  margin-block:1.6rem 0;
  font-family:var(--f-mono);font-size:.72rem;color:var(--dim);
}
.art-meta b{color:var(--mist);font-weight:500;}
.tldr{
  position:relative;
  border-radius:14px;border:1px solid var(--hair-soft);
  background:linear-gradient(155deg,var(--g700),var(--g850));
  padding:1.4rem 1.5rem;
  margin-block:2.4rem;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 26px rgba(0,0,0,.3);
}
.tldr .stamp{color:var(--jade);display:block;margin-block-end:.5rem;}
.tldr p{font-family:var(--f-ed);font-size:1.05rem;line-height:1.8;color:var(--bone);}
.art-body p{
  font-family:var(--f-ed);
  font-size:1.13rem;line-height:2.05;color:#cdd4d2;
  margin-block-end:1.7rem;
  max-inline-size:44rem;
}
.art-body p:first-of-type{font-size:1.24rem;color:var(--bone);}
.art-body p strong{color:var(--bone);}
/* takeaways — three split plates */
.takes{margin-block:3rem;}
.takes h2{font-weight:800;font-size:1.3rem;margin-block-end:1.4rem;display:flex;align-items:center;gap:.8rem;}
.takes h2::after{content:"";flex:1;block-size:1px;background:linear-gradient(90deg,var(--hair),transparent);}
[dir="rtl"] .takes h2::after{background:linear-gradient(-90deg,var(--hair),transparent);}
.take{
  position:relative;display:flex;gap:1.2rem;align-items:baseline;
  border:1px solid var(--hair-soft);border-radius:12px;
  background:linear-gradient(155deg,var(--g800),var(--g850));
  padding:1.1rem 1.3rem;margin-block-end:.8rem;
  overflow:hidden;
  transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s;
}
.take:hover{transform:translateX(calc(-5px * var(--ae)));border-color:var(--hair);}
.take::before{
  content:"";position:absolute;inset-block:0;inset-inline-start:0;
  inline-size:2px;background:var(--jade);opacity:0;transition:opacity .4s;
  box-shadow:0 0 10px var(--jade-45);
}
.take:hover::before{opacity:1;}
.take b{font-family:var(--f-mono);font-size:1.1rem;color:var(--jade);flex:none;}
.take p{font-size:.98rem;color:var(--mist);line-height:1.7;}
/* sources */
.sources{margin-block:3rem;}
.sources h2{font-weight:800;font-size:1.15rem;margin-block-end:1rem;}
.sources a{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.85rem .4rem;border-block-end:1px solid var(--hair-soft);
  font-size:.92rem;color:var(--mist);
  transition:color .3s,padding-inline-start .3s,background .3s;
}
.sources a:hover{color:var(--bone);padding-inline-start:.9rem;background:linear-gradient(90deg,var(--jade-04),transparent);}
[dir="rtl"] .sources a:hover{background:linear-gradient(-90deg,var(--jade-04),transparent);}
.sources a span{font-family:var(--f-mono);font-size:.66rem;color:var(--dim);direction:ltr;}
/* next plate */
.next-plate{
  display:block;position:relative;overflow:hidden;
  border-radius:16px;border:1px solid var(--hair-soft);
  background:linear-gradient(155deg,var(--g700),var(--g850));
  padding:clamp(1.6rem,4vw,2.4rem);
  margin-block:3rem;
  transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .45s,box-shadow .45s;
}
.next-plate:hover{transform:translateY(-4px);border-color:var(--hair);box-shadow:0 20px 44px rgba(0,0,0,.45),0 0 0 1px var(--jade-08);}
.next-plate .stamp{color:var(--jade);display:block;margin-block-end:.7rem;}
.next-plate h3{font-weight:800;font-size:clamp(1.25rem,2.6vw,1.8rem);line-height:1.35;}
.next-plate::before{
  content:"";position:absolute;inset-inline:0;inset-block-start:0;
  block-size:1px;transform:scaleX(0);
  background:linear-gradient(90deg,transparent,var(--jade),transparent);
  box-shadow:0 0 12px var(--jade-45);
  transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.next-plate:hover::before{transform:scaleX(1);}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{
  margin-block-start:4rem;
  border-block-start:1px solid var(--hair-soft);
  background:linear-gradient(180deg,var(--g850),var(--g950));
}
.foot__in{
  max-inline-size:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);
  padding-block:3rem 2.2rem;
  display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;justify-content:space-between;
}
.foot__brand b{font-weight:900;font-size:1.15rem;letter-spacing:.1em;display:block;}
.foot__brand p{font-family:var(--f-ed);font-size:.9rem;color:var(--dim);margin-block-start:.6rem;max-inline-size:22rem;line-height:1.8;}
.foot nav{display:flex;flex-direction:column;gap:.55rem;}
.foot nav a{font-size:.88rem;color:var(--mist);transition:color .3s,transform .3s;display:inline-block;}
.foot nav a:hover{color:var(--jade);transform:translateX(calc(-3px * var(--ae)));}
.foot__serial{
  inline-size:100%;margin-block-start:1rem;padding-block-start:1.4rem;
  border-block-start:1px solid var(--hair-soft);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.22em;color:#4a555c;
}
.foot__serial a{color:var(--dim);transition:color .3s;}
.foot__serial a:hover{color:var(--jade);}

/* page head (news/articles) */
.page-head{padding-block:clamp(2.2rem,6vh,3.6rem) 1rem;}
.page-head .stamp{color:var(--jade);display:block;margin-block-end:.8rem;}
.page-head h1{font-weight:900;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.15;margin-block-end:.8rem;}
.page-head p{font-family:var(--f-ed);font-size:1.08rem;color:var(--mist);max-inline-size:36rem;line-height:1.9;}

/* noscript banner */
.noscript-note{
  display:block;text-align:center;padding:1rem;
  background:var(--g700);border-block-end:1px solid var(--hair);
  font-size:.9rem;
}
.noscript-note a{color:var(--jade);border-block-end:1px solid var(--jade-45);}

/* ============================================================
   REDUCED MOTION — a designed, still, fully-open state
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}
html.rm *,html.rm *::before,html.rm *::after{
  animation:none !important;
  transition:none !important;
}
html.rm .kept{--open:1;--rx:0deg;--ry:0deg;cursor:default;}
html.rm .rev{opacity:1;transform:none;}
html.rm .seam::after{inline-size:62%;}
html.rm .ticker__track{animation:none !important;flex-wrap:wrap;inline-size:100%;padding-inline:var(--gutter);}
html.rm .ticker{max-block-size:none;}
html.rm .billet{--open:1;}
html.rm .billet .row{opacity:1;transform:none;}
html.rm .live-dot{animation:none;}
html.rm .kept__glow{animation:none;opacity:.5;}
html.rm .quote-slab::before,html.rm .quote-slab::after{display:none;}