@font-face{font-family:Karantina;src:url('./assets/fonts/Karantina-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root,html[data-theme=dark]{--accent:#c91b15;--accent-hover:#a91410;--gold:#ede9df;--font-display:Karantina,Heebo,sans-serif;--nmap-red:#c91b15}
html[data-theme=dark]{--bg:#0e0e10;--ink:#ede9df}
body h1,body h2,body h3,body h4,.brand strong{font-family:Karantina,Heebo,sans-serif!important;font-weight:700!important;font-style:normal;letter-spacing:0!important}
.brand strong{font-size:43px;line-height:.94;transform:none!important}.brand-red{color:#c91b15}.brand-dot{display:none}.brand small{margin-top:8px}
.cinematic-title h1{font-family:Karantina,Heebo,sans-serif!important;font-weight:700;font-size:clamp(140px,21vw,300px);line-height:.88;letter-spacing:0!important;word-spacing:.06em;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;color:#ede9df!important;text-shadow:none;-webkit-text-stroke:0!important;background:none!important;-webkit-text-fill-color:#ede9df}
.cinematic-title h1 .title-outline{color:#c91b15!important;-webkit-text-fill-color:#c91b15!important;-webkit-text-stroke:0!important;mask:none!important;background:none!important}.cinematic-title h1 .title-outline::after,.cinematic-title h1::after{display:none!important}.title-dot{display:none}.cinematic-title h1 .title-break{display:inline}.cinematic-title{transform:none!important}.cinematic-subtitle{font-family:Karantina,Heebo,sans-serif!important;font-size:42px;font-weight:700;transform:none;letter-spacing:.02em!important;color:#ede9df}
.cinematic-title::before{transform:none!important;background:#0e0e10f2!important;border:0!important}.cinematic-hero{background-color:#0e0e10}.archive-collage{background-color:#c91b15}.archive-stamp,.archive-stamp.second{background:#c91b15;color:#ede9df;border-color:#c91b15}.case-strip{border-color:#c91b15}.record-dot{background:#c91b15}
.section-heading h2 span,.opening-story h2 span,.archive-gateway h2 span,.timeline-main .tl-cover h1 span,.archive-library-hero h1 span{color:#c91b15!important}
.story-card{border-bottom-color:#c91b15}.story-body::after{background:#c91b15}.story-card h3{font-size:39px}.archive-thumb-label{border-top-color:#c91b15}
body .opening-story h2{font-size:clamp(68px,7.5vw,112px);line-height:.96}.opening-copy p:first-of-type{font-family:Karantina,Heebo,sans-serif;font-size:39px;line-height:1.12;font-weight:700}
body .section-heading h2{font-size:clamp(46px,5.5vw,78px);line-height:1}body .page-intro h1{font-size:clamp(52px,6.3vw,88px);line-height:1.05}body .scene-copy h3{font-size:clamp(70px,8vw,118px);line-height:.95}
body .senate-document-desk__copy h2{font-size:clamp(50px,5vw,72px);line-height:1.05}.senate-document-desk__open{background:#c91b15!important;border-color:#c91b15!important}.senate-document-desk__open:hover{background:#a91410!important}
.tl-cover h1,.archives-hero h1{transform:none!important}.scene-copy .eyebrow,.cinematic-kicker{color:#ede9df}.scene-open{border-color:#c91b15}
@media(max-width:750px){.brand strong{font-size:36px}.cinematic-title h1{font-size:clamp(110px,23vw,176px)}.cinematic-subtitle{font-size:32px}body .opening-story h2{font-size:65px}body .scene-copy h3{font-size:66px}body .section-heading h2{font-size:50px}.story-card h3{font-size:34px}body .page-intro h1{font-size:52px}}
@media(max-width:420px){.brand strong{font-size:33px}.cinematic-title h1{font-size:clamp(103px,29vw,124px)}.cinematic-subtitle{font-size:30px}body .opening-story h2{font-size:59px}body .scene-copy h3{font-size:57px}.story-card h3{font-size:31px}body .section-heading h2{font-size:44px}body .page-intro h1{font-size:47px}}

/* Hebrew reading order applies to layout as well as text. */
html[dir="rtl"] body{direction:rtl;text-align:start}
.story-card,.featured-dossier{direction:rtl}
.story-body,.scene-copy,.opening-story,.al-record-body,.tl-event{direction:rtl;text-align:start}
.chronology-scene{align-items:flex-start}
.chronology-rail{left:auto;right:22px;direction:rtl;width:max-content;max-width:calc(100vw - 120px);justify-content:flex-start;overflow:visible;order:0}
.chronology-rail::before{left:auto;right:25px}
.chronology-rail-label{left:auto;right:calc(100% + 19px);text-align:right}
.scene-image>span,.scene-image-document>span{inset-inline:32px auto;text-align:start}
.reader-brand{font-family:Karantina,Heebo,sans-serif;font-size:43px;font-weight:700;letter-spacing:0}
.reader-download,.timeline-main .tl-filter-buttons button[aria-pressed=true]{color:#ede9df}
.article-toc a.is-current{background:#c91b15;color:#ede9df;border-color:#c91b15}
html[data-theme=dark] .prose a,html[data-theme=dark] .eyebrow,html[data-theme=dark] .tl-event-meta>time,html[data-theme=dark] .tl-read-chapter{color:#e25450}
@media(max-width:1050px){.chronology-rail{right:13px}.chronology-rail::before{right:22px}}
@media(max-width:750px){
 .chronology-rail{left:auto;right:50%;transform:translateX(50%);flex-direction:row}
 .chronology-rail::before{left:24px;right:24px}
 .scene-image>span,.scene-image-document>span{inset-inline:24px}
}
@media(max-width:500px){.scene-image>span,.scene-image-document>span{inset-inline:18px}}

/* The opening line belongs to the same typographic identity as the title. */
.cinematic-kicker{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-family:Karantina,Heebo,sans-serif!important;font-weight:700;font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:0!important;color:#ede9df!important;background:#0e0e10e8;padding:10px 20px;margin-bottom:25px;text-shadow:none}
.cinematic-kicker .record-dot{width:7px;height:30px;background:#c91b15;border-radius:0;box-shadow:none;animation:none;flex:none}
@media(max-width:600px){.cinematic-kicker{font-size:31px;gap:10px;padding:9px 15px;margin-bottom:23px}.cinematic-kicker .record-dot{height:23px;width:5px}}
/* Keep the chronology introduction centered within the full chapter area. */
.chronology-preview > .section-heading{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px}
.chronology-preview > .section-heading > div{width:100%;text-align:center}
.chronology-preview > .section-heading h2,.chronology-preview > .section-heading .eyebrow{text-align:center}
.chronology-preview > .section-heading > .section-link{align-self:center;position:static;margin-inline:auto}
/* Brand polish: keep archive metrics legible in the angular display face. */
.archive-snapshot b {
  letter-spacing: .12em;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
  .archive-snapshot b { letter-spacing: .09em; }
}

/* Editorial collage hero: torn paper, hard red fields, monochrome archive cutouts. */
.home-page .cinematic-hero {
  min-height: 690px;
  background: #0b0b0d;
  overflow: hidden;
  isolation: isolate;
}
.home-page .archive-collage {
  background:
    linear-gradient(166deg, transparent 0 14%, #cf1e18 14.2% 23%, transparent 23.2% 100%),
    linear-gradient(345deg, transparent 0 66%, #cf1e18 66.2% 76%, transparent 76.2% 100%),
    radial-gradient(circle at 74% 34%, #b71b17 0 1px, transparent 1.5px) 0 0 / 10px 10px,
    #0b0b0d;
}
.home-page .archive-collage::before {
  inset: -12% -5% -18% 37%;
  transform: rotate(-7deg);
  clip-path: polygon(7% 0, 100% 5%, 94% 91%, 63% 100%, 0 88%, 4% 51%);
  background:
    linear-gradient(#eee6d5d9,#eee6d5d9),
    repeating-linear-gradient(7deg,#0000 0 8px,#1112 8px 9px);
  opacity: .2;
}
.home-page .archive-collage::after {
  background:
    linear-gradient(90deg,#09090b45 0 18%,transparent 44% 78%,#09090b75 100%),
    linear-gradient(0deg,#09090bf5 0 8%,transparent 34% 78%,#09090b6e 100%);
}
.home-page .collage-paper {
  border: 0;
  padding: 0;
  background: #e9e0cf;
  clip-path: polygon(4% 1%,97% 0,100% 94%,91% 100%,4% 97%,0 8%);
  filter: grayscale(1) sepia(.16) contrast(1.08) drop-shadow(12px 14px 0 #cf1e18a8) drop-shadow(0 16px 22px #0009);
  opacity: .55;
}
.home-page .collage-paper::before { display:none; }
.home-page .collage-protest {
  inset: auto 18% -6% -4%;
  height: 46%;
  width: 58%;
  border: 0;
  clip-path: polygon(0 12%,9% 6%,18% 10%,27% 3%,36% 8%,46% 1%,58% 7%,70% 2%,80% 9%,90% 4%,100% 12%,96% 100%,2% 96%);
  filter: grayscale(1) contrast(1.25) brightness(.62) drop-shadow(0 -9px 0 #efe6d4);
  opacity: .78;
}
.home-page .collage-protest img { width:100%; height:100%; object-fit:cover; }
.home-page .collage-portrait {
  border: 0;
  background: transparent;
  box-shadow: none;
  clip-path: polygon(7% 0,94% 3%,100% 13%,96% 29%,100% 47%,94% 64%,100% 83%,90% 100%,8% 97%,0 84%,4% 67%,0 49%,5% 32%,0 13%);
  filter: grayscale(1) contrast(1.28) drop-shadow(9px 7px 0 #e8dfcf) drop-shadow(15px 13px 0 #c91b15);
}
.home-page .collage-portrait img { filter:grayscale(1) contrast(1.12); }
.home-page .portrait-barak { left:3%; top:13%; width:19%; height:55%; transform:rotate(-5deg); }
.home-page .portrait-ronen { left:20%; top:4%; width:17%; height:47%; transform:rotate(4deg); }
.home-page .portrait-eisenkot { right:4%; top:8%; width:21%; height:59%; transform:rotate(5deg); }
.home-page .portrait-mag { right:21%; top:1%; width:16%; height:46%; transform:rotate(-4deg); }
.home-page .cinematic-title {
  width:min(900px,92%);
  padding:40px 54px 34px;
  transform:translateY(0) rotate(-1deg);
}
.home-page .cinematic-title::before {
  inset:14% -3% 18%;
  background:#0b0b0de8;
  border-block:7px solid #c91b15;
  clip-path:polygon(2% 5%,98% 0,100% 91%,4% 100%,0 18%);
  transform:rotate(-1deg);
}
.home-page .cinematic-title h1 {
  color:#eee8dc;
  text-shadow:5px 5px 0 #0a0a0c;
}
.home-page .cinematic-title h1 .title-outline {
  color:#d61f18;
  text-shadow:4px 4px 0 #050505;
}
.home-page .cinematic-kicker,
.home-page .cinematic-subtitle { color:#eee8dc; }
.home-page .hero-explore { background:#d51f18; color:#f2ebdf; border-color:#d51f18; }
.home-page .archive-stamp { display:none; }

@media(max-width:800px){
  .home-page .portrait-barak{left:-8%;width:31%;height:46%;top:16%}
  .home-page .portrait-ronen{left:18%;width:25%;height:39%;top:3%}
  .home-page .portrait-eisenkot{right:-7%;width:32%;height:49%;top:14%}
  .home-page .portrait-mag{right:20%;width:24%;height:38%;top:1%}
  .home-page .collage-protest{width:82%;left:8%;right:auto;height:38%;bottom:-2%}
  .home-page .cinematic-title{padding-inline:30px}
}