/* ==========================================================================
   תקשיבו למילים שלהם / Their Own Words
   Single dark theme. Radius 0, no shadows, no motion beyond 120ms colour.
   ========================================================================== */

:root{
  --ink:#0E0908;
  --paper:#F3F1EC;
  --red:#E10613;
  --red-press:#B8050F;
  --card:#161010;
  --card-hover:#1C1211;
  --portrait-bg:#2A2320;
  --paper-rgb:243,241,236;
  --ink-rgb:14,9,8;

  --line-12:rgba(var(--paper-rgb),.12);
  --line-15:rgba(var(--paper-rgb),.15);
  --line-20:rgba(var(--paper-rgb),.2);
  --line-25:rgba(var(--paper-rgb),.25);
  --line-30:rgba(var(--paper-rgb),.3);
  --line-35:rgba(var(--paper-rgb),.35);

  --font-body:'Heebo',system-ui,sans-serif;
  --font-display:'Karantina','Heebo',sans-serif;

  --hero-bg:radial-gradient(ellipse at 50% 30%,#2A1A16 0%,#0E0908 70%);
  --post-bg:radial-gradient(ellipse at 50% 40%,#2A1A16 0%,#0E0908 62%);
  --feat-bg:radial-gradient(ellipse at 50% 35%,#2A1A16 0%,#0E0908 62%);

  --grit:url("./assets/brand/grit.svg");
  --silhouette:url("./assets/brand/silhouette.svg");

  --t:color .12s,background-color .12s,border-color .12s;
}
html[data-root="../"]{--grit:url("../assets/brand/grit.svg");--silhouette:url("../assets/brand/silhouette.svg")}

html{background:var(--ink)}
body{background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.5}
a{color:var(--paper);text-decoration:none;transition:var(--t)}
a:hover{color:var(--red)}
p{text-wrap:pretty}
h1,h2,h3{font-family:var(--font-display);font-weight:700;text-wrap:balance}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] .display{font-family:'Anton','Heebo',sans-serif;font-weight:400;letter-spacing:.01em}
html[lang="en"] h1{text-transform:uppercase}
bdi{unicode-bidi:isolate}

/* Muted text helpers (alpha on the current surface) */
.m88{color:rgba(var(--paper-rgb),.88)}.m85{color:rgba(var(--paper-rgb),.85)}.m82{color:rgba(var(--paper-rgb),.82)}.m8{color:rgba(var(--paper-rgb),.8)}.m75{color:rgba(var(--paper-rgb),.75)}.m72{color:rgba(var(--paper-rgb),.72)}.m7{color:rgba(var(--paper-rgb),.7)}.m65{color:rgba(var(--paper-rgb),.65)}.m6{color:rgba(var(--paper-rgb),.6)}.m55{color:rgba(var(--paper-rgb),.55)}.m5{color:rgba(var(--paper-rgb),.5)}.m45{color:rgba(var(--paper-rgb),.45)}.m35{color:rgba(var(--paper-rgb),.35)}
.red{color:var(--red)}

/* --------------------------------------------------------------------------
   Skip link, loading, empty states
   -------------------------------------------------------------------------- */
.skip{position:fixed;top:-80px;inset-inline-start:16px;z-index:99;background:var(--red);color:var(--paper);padding:12px 16px;font-weight:700}
.skip:focus{top:16px;color:var(--paper)}
.loading{padding:40px 24px;font-size:15px;color:rgba(var(--paper-rgb),.6)}
.empty{max-width:720px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.empty h1{font-size:clamp(48px,7vw,84px);line-height:.95}
.empty p{font-size:18px;line-height:1.65;color:rgba(var(--paper-rgb),.82)}

/* --------------------------------------------------------------------------
   Header / nav / footer
   -------------------------------------------------------------------------- */
.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:rgba(var(--ink-rgb),.92);border-bottom:1px solid var(--line-12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.header__logo{display:flex;align-items:center;flex:none}
.header__logo img{height:44px;width:auto}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 22px;font-size:15px;font-weight:500}
.nav a{color:rgba(var(--paper-rgb),.7);min-height:32px;display:inline-flex;align-items:center}
.nav a:hover,.nav a.is-current{color:var(--paper)}
.nav a:hover{color:var(--red)}
.nav a.nav__act{color:var(--red)}
.lang{display:flex;border:1px solid var(--line-30);font-size:13px;font-weight:700;line-height:1.2}
.lang__on{padding:6px 12px;background:var(--red);color:var(--paper)}
.lang__off{padding:6px 12px;color:rgba(var(--paper-rgb),.85);min-height:0}
.lang__off:hover{color:var(--red)}

.footer{border-top:1px solid var(--line-12);padding:28px 24px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:13px;color:rgba(var(--paper-rgb),.55)}
.footer__note{max-width:720px}
.footer__links{display:flex;flex-wrap:wrap;gap:14px}
.footer__links a{color:rgba(var(--paper-rgb),.7)}
.footer__links a:hover{color:var(--red)}

/* --------------------------------------------------------------------------
   Shared primitives
   -------------------------------------------------------------------------- */
.grit{height:14px;width:120px;background:var(--red) var(--grit);flex:none}
.kicker{display:flex;align-items:center;gap:12px}
.kicker__label{font-family:var(--font-display);font-size:24px;letter-spacing:.04em;color:var(--red);line-height:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:700;line-height:1.2;transition:var(--t);cursor:pointer}
.btn--red{background:var(--red);color:var(--paper);border:0}
.btn--red:hover{background:var(--red-press);color:var(--paper)}
.btn--ghost{border:2px solid var(--line-35);color:var(--paper);font-weight:500;background:transparent}
.btn--ghost:hover{border-color:var(--red);color:var(--red)}
.btn--paper{border:2px solid var(--ink);color:var(--ink);background:transparent;padding:14px 24px;font-size:15px}
.btn--paper:hover{background:var(--ink);color:var(--paper)}
.btn--big{padding:16px 30px;font-size:17px}
.btn svg{width:16px;height:16px;flex:none}
.h2row{display:flex;align-items:baseline;gap:14px}
.h2row h2{font-size:44px;line-height:1}
.h2row__count{font-family:var(--font-display);font-size:26px;color:var(--red);line-height:1}
.h2row__rule{flex:1;height:2px;background:var(--red)}
.h2row__rule--soft{background:var(--line-30)}
.badge{padding:2px 8px;border:1px solid var(--line-30);color:var(--paper);font-size:inherit;line-height:1.5;white-space:nowrap}
.link-red{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:2px}
.link-red:hover{color:var(--red-press);border-color:var(--red-press)}
.link-u{color:rgba(var(--paper-rgb),.8);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.link-u:hover{color:var(--red)}
.card{background:var(--card);border:1px solid var(--line-12)}
.card__title{font-family:var(--font-display);font-size:22px;letter-spacing:.03em;color:var(--red);line-height:1.1}

/* Portrait */
.portrait{position:relative;width:100%;aspect-ratio:4/5;background:var(--portrait-bg) var(--silhouette) center 20%/cover no-repeat;filter:grayscale(1) contrast(1.1)}
.portrait--has{background-image:var(--img)}
.portrait__num{position:absolute;top:8px;inset-inline-start:8px;background:var(--red);color:var(--paper);font-family:var(--font-display);font-size:22px;line-height:1;padding:4px 8px}
html[lang="en"] .portrait__num{font-family:'Anton',sans-serif;font-size:18px;padding:5px 8px}

/* --------------------------------------------------------------------------
   Home: hero
   -------------------------------------------------------------------------- */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:56px 24px 44px;background:var(--hero-bg)}
.hero__logo{width:min(720px,100%);margin:-10px 0}
.hero__tag{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.05;text-wrap:balance}
html[lang="en"] .hero__tag{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(28px,3.6vw,40px);text-transform:uppercase;letter-spacing:.01em}
.hero__text{max-width:680px;font-size:18px;line-height:1.65;color:rgba(var(--paper-rgb),.82)}
.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.hero__counts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin-top:10px;font-family:var(--font-display);font-size:24px;letter-spacing:.02em;color:rgba(var(--paper-rgb),.85);line-height:1.2}
html[lang="en"] .hero__counts{font-family:'Anton',sans-serif;font-size:20px;letter-spacing:.03em}
.hero__counts .sep{color:rgba(var(--paper-rgb),.35)}
.hero__foot{font-size:13px;color:rgba(var(--paper-rgb),.5)}

/* Home: files */
.files{max-width:1240px;margin:0 auto;padding:24px 24px 72px}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 24px}
.chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-25);background:transparent;color:var(--paper);font-size:14px;font-weight:500;line-height:1.2;transition:var(--t)}
.chip:hover{border-color:var(--red)}
.chip[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
.chip__n{font-family:var(--font-display);font-size:18px;opacity:.8;line-height:1}
html[lang="en"] .chip__n{font-family:'Anton',sans-serif;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.card-p{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid rgba(var(--paper-rgb),.1);padding:10px;color:var(--paper);transition:var(--t)}
.card-p:hover{border-color:var(--red);background:var(--card-hover);color:var(--paper)}
.card-p__body{display:flex;flex-direction:column;gap:4px}
.card-p__name{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1}
html[lang="en"] .card-p__name{font-family:'Anton',sans-serif;font-weight:400;font-size:24px;line-height:1.05}
.card-p__role{font-size:13px;line-height:1.4;color:rgba(var(--paper-rgb),.7)}
.card-p__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:rgba(var(--paper-rgb),.6)}
.status{padding:2px 8px;border:1px solid rgba(var(--paper-rgb),.6);color:rgba(var(--paper-rgb),.6);line-height:1.5}
.status--red{border-color:var(--red);color:var(--red)}

/* --------------------------------------------------------------------------
   Home: Action (paper section)
   -------------------------------------------------------------------------- */
.act{background:var(--paper);color:var(--ink);padding:64px 24px 72px}
.act a{color:var(--ink)}
.act a:hover{color:var(--red)}
.act__in{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.act__head{display:flex;flex-direction:column;gap:14px;max-width:720px}
.act__head h2{font-size:clamp(56px,8vw,96px);line-height:.9}
.act__head p{font-size:19px;line-height:1.65;color:rgba(var(--ink-rgb),.8)}
.tg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);transition:var(--t)}
.act .tg{color:var(--paper)}
.act .tg:hover{background:var(--red);border-color:var(--red);color:var(--paper)}
.tg__text{display:flex;flex-direction:column;gap:6px}
.tg__title{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1}
.tg__sub{font-size:16px;opacity:.85}
.tg__cta{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700}
.tg__cta svg{width:28px;height:28px}
.act__block{display:flex;flex-direction:column;gap:20px}
.act__h3{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.act__h3 h3{font-size:40px;line-height:1}
.act__h3 span{font-size:14px;color:rgba(var(--ink-rgb),.6)}
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.feat__side{display:flex;flex-direction:column;gap:18px}
.feat__title{font-family:var(--font-display);font-weight:700;font-size:48px;line-height:.95;text-wrap:balance}
.feat__side p{font-size:16px;line-height:1.65;color:rgba(var(--ink-rgb),.8)}
.feat__btns{display:flex;flex-wrap:wrap;gap:10px}
.feat__note,.act__note{font-size:13px;line-height:1.5;color:rgba(var(--ink-rgb),.6)}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.post{display:flex;flex-direction:column;background:var(--ink);color:var(--paper);border:1px solid var(--ink);min-width:0}
.post__bar{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line-15)}
.post__btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;color:var(--paper);font-size:14px;font-weight:500;line-height:1.2;border-inline-end:1px solid var(--line-15);transition:var(--t)}
.post__btn:hover{background:var(--card-hover)}
.post__btn--red{background:var(--red);font-weight:700;border:0}
.post__btn--red:hover{background:var(--red-press)}
.post__btn svg{width:16px;height:16px;flex:none}
.more{align-self:center;padding:12px 28px;border:2px solid var(--ink);color:var(--ink);font-size:15px;font-weight:700;transition:var(--t)}
.more:hover{background:var(--ink);color:var(--paper)}
.posters{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.poster{display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--ink)}
.poster__static{aspect-ratio:1/1.414;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:var(--ink);border:1px solid rgba(var(--ink-rgb),.2);text-align:center;color:var(--paper)}
.poster__static img{width:88%}
.poster__static--red{background:var(--red)}
.poster__static-title{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1}
.poster__cap{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:var(--ink);text-align:start;width:100%;transition:var(--t)}
.poster__cap:hover,.poster:hover .poster__cap{color:var(--red)}
.poster__cap .red{color:var(--red)}

/* Artwork frames: authored at natural size, scaled to the frame */
.frame{position:relative;width:100%;overflow:hidden;background:var(--ink)}
.frame--post{aspect-ratio:1/1}
.frame--feat{aspect-ratio:1080/1350;border:1px solid rgba(var(--ink-rgb),.2)}
.frame--poster{aspect-ratio:1/1.414;border:1px solid rgba(var(--ink-rgb),.2)}
.art{position:absolute;top:0;inset-inline-start:0;transform:scale(var(--s,.3));transform-origin:top right;color:var(--paper);font-family:var(--font-body);display:flex;flex-direction:column;box-sizing:border-box}
.art .portrait{filter:grayscale(1) contrast(1.1)}
.art--post{width:1080px;height:1080px;background:var(--post-bg);padding:64px 72px 56px;gap:36px}
.art--feat{width:1080px;height:1350px;background:var(--feat-bg);padding:56px 64px 48px;gap:26px}
.art--poster{width:1240px;height:1754px;background:var(--ink);align-items:center;padding:100px 90px 90px;gap:52px;text-align:center}
.art__head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.art--feat .art__head{align-items:flex-end}
.art__logo{width:300px;height:auto}
.art--poster .art__logo{width:80%}
.art__idx{font-family:var(--font-display);font-size:32px;letter-spacing:.04em;color:var(--red);line-height:1}
.art--feat .art__idx{font-size:26px;letter-spacing:.05em}
.art__body{flex:1;display:flex;align-items:center;gap:44px;min-height:0}
.art__portrait{position:relative;flex:none;width:320px;height:400px;aspect-ratio:auto}
.art__portrait .portrait__num{top:14px;inset-inline-start:14px;font-size:34px;padding:6px 12px}
.art--poster .art__portrait{width:480px;height:600px}
.art--poster .art__portrait .portrait__num{top:18px;inset-inline-start:18px;font-size:44px;padding:8px 14px}
.art__col{display:flex;flex-direction:column;gap:26px;min-width:0;flex:1}
.art--poster .art__col{align-items:center;gap:24px;flex:1;justify-content:center;width:100%;min-height:0}
.art__quote{font-family:var(--font-display);font-weight:700;line-height:1.02;text-wrap:balance}
.art__who{display:flex;flex-direction:column;gap:6px}
.art__name{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1}
.art--poster .art__name{font-size:56px}
.art__role{font-size:26px;line-height:1.3;color:rgba(var(--paper-rgb),.72)}
.art--poster .art__role{font-size:30px}
.art__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:2px solid var(--line-20);padding-top:22px}
.art--feat .art__foot{padding-top:18px}
.art__src{display:flex;align-items:center;gap:14px;font-size:24px;color:rgba(var(--paper-rgb),.72);text-align:start}
.art--poster .art__src{gap:16px;font-size:26px}
.art--feat .art__src{font-size:20px}
.art__grit{width:64px;height:12px;background:var(--red) var(--grit);flex:none}
.art--poster .art__grit{width:80px}
.art__sign{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1;flex:none}
.art--feat .art__sign{font-size:30px}
.art__title{display:flex;flex-direction:column;gap:6px}
.art__title div{font-family:var(--font-display);font-weight:700;font-size:100px;line-height:.9}
.art__rows{flex:1;display:flex;flex-direction:column;gap:14px;min-height:0}
.art__row{flex:1;display:flex;gap:18px;align-items:stretch;background:rgba(22,16,16,.85);border:1px solid rgba(var(--paper-rgb),.1);padding:12px 14px;min-height:0}
.art__row .portrait{width:104px;flex:none;aspect-ratio:auto}
.art__row-col{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;flex:1}
.art__row-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.art__row-name{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1}
.art__row-role{font-size:16px;color:rgba(var(--paper-rgb),.65)}
.art__row-when{margin-inline-start:auto;font-family:var(--font-display);font-size:24px;letter-spacing:.03em;color:var(--red)}
.art__row-quote{font-family:var(--font-display);font-weight:700;line-height:1.02;text-wrap:balance}
.art__row-src{font-size:15px;line-height:1.35;color:rgba(var(--paper-rgb),.6)}

/* --------------------------------------------------------------------------
   Home: Contribute
   -------------------------------------------------------------------------- */
.contrib{padding:72px 24px 80px;background:var(--ink);border-top:2px solid var(--red)}
.contrib__in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;align-items:start}
.contrib__left{display:flex;flex-direction:column;gap:18px}
.contrib__left h2{font-size:clamp(56px,7vw,96px);line-height:.9}
.contrib__cta{display:flex;flex-direction:column;gap:10px;margin-top:6px;align-items:flex-start}
.contrib__note{font-size:13px;line-height:1.5;color:rgba(var(--paper-rgb),.55);max-width:360px}
.contrib__text{max-width:680px;font-size:18px;line-height:1.7;color:rgba(var(--paper-rgb),.88)}

/* --------------------------------------------------------------------------
   Contact
   -------------------------------------------------------------------------- */
.contact{max-width:1100px;margin:0 auto;padding:40px 24px 80px}
.contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}
.contact__left{display:flex;flex-direction:column;gap:22px}
.contact__left h1{font-size:clamp(56px,8vw,96px);line-height:.9}
.contact__intro{font-size:18px;line-height:1.7;color:rgba(var(--paper-rgb),.85)}
.contact__info{display:flex;flex-direction:column;gap:14px;padding:20px 22px;font-size:15px;line-height:1.6;color:rgba(var(--paper-rgb),.85)}
.contact__info>div{display:flex;flex-direction:column;gap:4px}
.contact__links{display:flex;flex-direction:column;gap:8px;font-size:15px;align-items:flex-start}
.contact__links a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.contact__links a:hover{color:var(--red)}
.form{display:flex;flex-direction:column;gap:18px;padding:28px}
.form__kinds{display:flex;flex-wrap:wrap;gap:8px}
.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:rgba(var(--paper-rgb),.75)}
.field input,.field textarea{padding:12px 14px;background:var(--ink);border:1px solid var(--line-20);color:var(--paper);font-size:16px;outline:none;width:100%;transition:var(--t)}
.field textarea{line-height:1.5;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--red)}
.field input[dir="ltr"]{text-align:left}
.check{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(var(--paper-rgb),.85);cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--red);margin:0;flex:none}
.form__submit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.form__note{font-size:13px;color:rgba(var(--paper-rgb),.55)}
.form__ok{padding:14px 16px;border:1px solid var(--red);font-size:15px;line-height:1.5}

/* --------------------------------------------------------------------------
   Person file
   -------------------------------------------------------------------------- */
.person{max-width:1140px;margin:0 auto;padding:32px 24px 80px}
.back{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:rgba(var(--paper-rgb),.7);min-height:44px}
.back:hover{color:var(--red)}
.person__grid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:40px;margin-top:24px;align-items:start}
.person__aside{display:flex;flex-direction:column;gap:14px}
.person__aside .portrait__num{top:12px;inset-inline-start:12px;font-size:28px;padding:5px 10px}
html[lang="en"] .person__aside .portrait__num{font-size:22px;padding:6px 10px}
.person__credit{font-size:12px;line-height:1.5;color:rgba(var(--paper-rgb),.5)}
.person__credit:hover{color:var(--red)}
.person__meta{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:rgba(var(--paper-rgb),.8)}
.person__meta span.k{color:rgba(var(--paper-rgb),.5)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{padding:3px 10px;border:1px solid var(--line-20);font-size:12px;color:rgba(var(--paper-rgb),.75)}
.person__art{display:flex;flex-direction:column;gap:24px;min-width:0}
.person__head{display:flex;flex-direction:column;gap:8px}
.person__head h1{font-size:clamp(48px,7vw,84px);line-height:.95}
html[lang="en"] .person__head h1{font-size:clamp(44px,6vw,76px);text-transform:none}
.person__role{font-size:18px;line-height:1.4;color:var(--red);font-weight:500}
.person__summary{font-size:20px;line-height:1.7}
.person__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.person__cards .card{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.person__cards .card p{font-size:14px;line-height:1.55;color:rgba(var(--paper-rgb),.85)}
.person__note{padding:16px 18px;font-size:14px;line-height:1.6;color:rgba(var(--paper-rgb),.8)}
.person__note a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.person__note a:hover{color:var(--red)}
.records{margin-top:16px}
html[lang="en"] .records{margin-top:8px}
html[lang="en"] .h2row h2{font-size:36px}
html[lang="en"] .h2row__count{font-family:'Anton',sans-serif;font-size:22px}
.ev{display:flex;flex-direction:column;gap:14px;padding:22px 0 26px;border-bottom:1px solid var(--line-15)}
.ev__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;color:rgba(var(--paper-rgb),.65)}
.ev__n{font-family:var(--font-display);font-size:20px;color:var(--red);line-height:1}
html[lang="en"] .ev__n{font-family:'Anton',sans-serif;font-size:18px}
.ev__title{font-size:32px;line-height:1.05}
.ev__quote{padding:20px 22px;background:var(--card);display:flex;flex-direction:column;gap:12px}
.ev__q{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1.05;text-wrap:pretty}
html[lang="en"] .ev__q{font-family:'Anton',sans-serif;font-weight:400;font-size:32px;line-height:1.1}
.ev__q-he{text-align:left;font-family:var(--font-body);font-weight:700;font-size:18px;line-height:1.4;color:rgba(var(--paper-rgb),.75)}
.ev__speaker{font-size:14px;color:rgba(var(--paper-rgb),.6)}
.ev__summary{font-size:17px;line-height:1.7}
.ev__title-he{text-align:right;font-size:15px;line-height:1.6;color:rgba(var(--paper-rgb),.7)}
.ev__detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;font-size:14px;line-height:1.55;color:rgba(var(--paper-rgb),.8)}
.ev__detail>div{display:flex;flex-direction:column;gap:4px}
.ev__label{font-size:12px;letter-spacing:.04em;color:var(--red);font-weight:700}
.ev__links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.gaps{display:flex;flex-direction:column;gap:10px;padding:20px 22px}
.gaps__title{font-family:var(--font-display);font-size:26px;letter-spacing:.02em;color:var(--red);line-height:1}
.gaps ul{padding-inline-start:18px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.55;color:rgba(var(--paper-rgb),.85)}
.profile-src{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;color:rgba(var(--paper-rgb),.6)}
.pn{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;border-top:2px solid var(--red)}
.pn a{display:flex;flex-direction:column;gap:4px;color:var(--paper);min-width:0}
.pn a:last-child{text-align:end}
.pn a:hover{color:var(--red)}
.pn__k{font-size:13px;color:rgba(var(--paper-rgb),.55)}
.pn__name{font-family:var(--font-display);font-size:30px;line-height:1}
html[lang="en"] .pn__name{font-family:'Anton',sans-serif;font-size:26px}

/* --------------------------------------------------------------------------
   Docs / Method (same shell)
   -------------------------------------------------------------------------- */
.page{max-width:1140px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:36px}
.page--narrow{max-width:1100px;gap:32px}
.page__intro{display:flex;flex-direction:column;gap:12px;max-width:720px}
.page__intro h1{font-size:clamp(56px,8vw,96px);line-height:.9}
html[lang="en"] .page__intro h1{font-size:clamp(48px,7vw,84px);line-height:.95}
.page__intro p{font-size:18px;line-height:1.65;color:rgba(var(--paper-rgb),.82)}
.page .h2row{margin-top:20px}
.page .h2row:first-of-type{margin-top:0}
.scope{max-width:720px;font-size:15px;line-height:1.6;color:rgba(var(--paper-rgb),.75)}
.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--line-15)}
.row__l{display:flex;flex-direction:column;gap:6px}
.row__r{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.6}
.row__title{font-size:30px;line-height:1.05}
.row__meta{font-size:13px;line-height:1.5;color:rgba(var(--paper-rgb),.6)}
.row__lim{font-size:13px;color:rgba(var(--paper-rgb),.6)}
.row__lim b,.row__status b{color:var(--red);font-weight:700}
.row__status{font-size:14px;color:rgba(var(--paper-rgb),.85)}
.row__links{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px}
.legal__num{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.legal__case{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;color:var(--red)}
.legal__title{font-size:26px;line-height:1.05}
.legal__ver{font-size:12px}
.badge--sm{font-size:12px}
.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.principle{padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.principle__t{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1}
html[lang="en"] .principle__t{font-family:'Anton',sans-serif;font-weight:400;font-size:24px}
.principle p{font-size:14px;line-height:1.6;color:rgba(var(--paper-rgb),.85)}
.row--corr{padding:18px 0}
.row--corr h3{font-size:28px;line-height:1.05}
.row--corr .note{font-size:13px;color:rgba(var(--paper-rgb),.6)}
.row--scr{padding:16px 0}
.scr__name{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1}
.scr__role{font-size:13px;color:rgba(var(--paper-rgb),.6)}
.scr__cls{align-self:flex-start;margin-top:4px}
.scr__dec{font-weight:700}
.row--scr .row__r{gap:6px}
.row--scr p{color:rgba(var(--paper-rgb),.8)}

/* --------------------------------------------------------------------------
   About (HE dark page) and EN paper section
   -------------------------------------------------------------------------- */
.about{max-width:1100px;margin:0 auto;padding:32px 24px 80px}
.about__grid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:48px;align-items:start}
.about__side{display:flex;flex-direction:column;gap:18px}
.about__side small{font-size:13px;color:rgba(var(--paper-rgb),.55)}
.about__art{display:flex;flex-direction:column;gap:28px;max-width:680px;min-width:0;font-size:19px;line-height:1.75}
.about__art h1{font-size:clamp(56px,8vw,96px);line-height:.9}
.about__pull{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1.05}
.about__art h2{margin:12px 0 -12px;font-size:44px;line-height:1;color:var(--red)}
.about__art a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.about__art a:hover{color:var(--red)}
.about__close{margin-top:16px;padding-top:24px;border-top:2px solid var(--red);font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1.05}

.about-en{background:var(--paper);color:var(--ink);padding:64px 24px 72px}
.about-en__in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;align-items:start}
.about-en__side{display:flex;flex-direction:column;gap:16px}
.about-en__side h2{font-size:clamp(48px,6vw,84px);line-height:.95;text-transform:uppercase}
.about-en__art{display:flex;flex-direction:column;gap:22px;font-size:18px;line-height:1.7;color:rgba(var(--ink-rgb),.88)}
.about-en__pull{font-family:'Anton',sans-serif;font-size:34px;line-height:1.05}
.about-en__art h3{margin:8px 0 -10px;font-size:32px;line-height:1;color:var(--red)}
.about-en__art a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.about-en__art a:hover{color:var(--red)}
.about-en__close{margin-top:12px;padding-top:22px;border-top:2px solid var(--red);font-family:'Anton',sans-serif;font-size:34px;line-height:1.05}

/* --------------------------------------------------------------------------
   Utility routes: document viewer, credits
   -------------------------------------------------------------------------- */
.viewer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.viewer__ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.viewer__ctl input{width:72px;padding:10px 12px;background:var(--ink);border:1px solid var(--line-20);color:var(--paper);font-size:16px;text-align:center;outline:none}
.viewer__ctl input:focus{border-color:var(--red)}
.viewer__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}
.viewer__page{background:var(--paper);border:1px solid var(--line-12)}
.viewer__page img{width:100%}
.viewer__ocr{margin-top:16px}
.viewer__ocr summary{cursor:pointer;font-size:14px;color:rgba(var(--paper-rgb),.75);padding:10px 0;min-height:44px;display:flex;align-items:center}
.viewer__ocr pre{white-space:pre-wrap;font-family:var(--font-body);font-size:14px;line-height:1.6;color:rgba(var(--paper-rgb),.8);padding:16px;background:var(--card);border:1px solid var(--line-12);margin-top:8px}
.viewer__aside{display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.6;color:rgba(var(--paper-rgb),.8)}
.viewer__aside h2{font-size:28px;line-height:1}
.toc{display:flex;flex-direction:column}
.toc a{padding:6px 0;border-bottom:1px solid var(--line-12);color:rgba(var(--paper-rgb),.8);min-height:36px;display:flex;align-items:center;gap:10px}
.toc a b{font-family:var(--font-display);font-weight:400;font-size:20px;color:var(--red);min-width:28px}
.credits{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.credit{display:flex;gap:14px;padding:14px;align-items:flex-start}
.credit .portrait{width:64px;flex:none}
.credit__b{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.5;color:rgba(var(--paper-rgb),.75);min-width:0}
.credit__name{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;color:var(--paper)}
.credit__links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1000px){
  .header{padding:12px 20px}
  .nav{gap:6px 16px;font-size:14px}
}
@media (max-width:800px){
  .feat,.contrib__in,.contact__grid,.person__grid,.about__grid,.about-en__in,.row,.viewer__grid{grid-template-columns:minmax(0,1fr)}
  .person__aside{max-width:320px}
  .h2row h2{font-size:36px}
  .act__h3 h3{font-size:32px}
  .tg__title{font-size:34px}
  .row{gap:10px}
  .pn__name{font-size:24px}
}
@media (max-width:600px){
  .header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}
  .nav{justify-content:flex-start;width:100%}
  .nav a{min-height:44px}
  .chip{min-height:44px}
  .lang__on,.lang__off{padding:10px 12px}
  .hero{padding:40px 16px 36px}
  .files,.act,.contrib,.contact,.person,.about,.page{padding-inline:16px}
  .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
  .card-p__name{font-size:26px}
  .posts{grid-template-columns:1fr}
  .posters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev__q{font-size:30px}
  .ev__title{font-size:28px}
  .btn{min-height:44px}
  .poster__cap{min-height:44px;align-items:center}
  .form{padding:20px 16px}
  .footer{flex-direction:column}
}