/* A photographic narrative, not a timeline gallery. 2026-10-11. */
html[data-rx-page="home"] .editorial-story{background:#f8f6ef;color:#1e393d;padding:clamp(74px,9vw,130px) 0 0}
.editorial-story .eyebrow{font:600 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#97573d}
.editorial-story .story-prologue{max-width:800px;margin:0 auto 40px;text-align:center}
.editorial-story .story-prologue .eyebrow{justify-content:center}
.editorial-story .story-prologue .eyebrow:before{display:none}
.editorial-story .story-prologue h2{font:400 clamp(44px,6.5vw,92px)/.99 var(--serif);letter-spacing:-.055em;margin:18px 0 22px;text-wrap:balance}
.editorial-story .story-prologue p:not(.eyebrow){font:400 clamp(18px,1.85vw,24px)/1.6 var(--serif);color:#455f61;max-width:710px;margin:0 auto}
.editorial-story .photo-opening{display:grid;grid-template-columns:1.05fr 1fr .9fr;gap:14px;align-items:stretch}
.editorial-story .photo-opening figure{margin:0!important;min-width:0;background:#e8e7e0;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0;border:0}
.editorial-story .photo-opening img{width:100%;height:clamp(220px,28vw,390px);object-fit:cover;object-position:50% 33%;filter:saturate(.85)}
.editorial-story .photo-opening figure:nth-child(2) img{object-position:50% 20%}
.editorial-story .photo-opening figure:nth-child(3) img{object-position:50% 37%}
.editorial-story .photo-opening h3{font:400 clamp(20px,2vw,28px)/1.15 var(--serif);margin:19px 20px 3px;color:#183a3c}
.editorial-story .photo-opening p{font:500 10px/1.65 var(--mono);letter-spacing:.02em;margin:3px 20px 22px!important;color:#60716d;text-transform:uppercase}
.editorial-story .story-rewind{padding:clamp(75px,10vw,135px) 0;text-align:center;max-width:780px;margin:auto}
.editorial-story .story-rewind span{font:500 11px var(--mono);letter-spacing:.15em;color:#965039;text-transform:uppercase}
.editorial-story .story-rewind h3{font:400 clamp(42px,6vw,77px)/1.06 var(--serif);letter-spacing:-.05em;margin:18px 0}
.editorial-story .story-rewind p{font:400 clamp(18px,2vw,25px)/1.55 var(--serif);color:#586d6b;margin:0 auto;max-width:650px}
.editorial-story .story-childhood{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;margin-bottom:clamp(70px,9vw,120px)}
.editorial-story .story-childhood-images{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:stretch}
.editorial-story figure.story-photo{margin:0;min-width:0}
.editorial-story .story-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#e7e6df;display:block}
.editorial-story .story-childhood-images figure:nth-child(2){margin-top:38px}
.editorial-story .story-childhood-images figure:nth-child(2) img{aspect-ratio:3/4}
.editorial-story .story-photo figcaption{font:500 10px/1.6 var(--mono);color:#657572;letter-spacing:.025em;margin-top:12px}
.editorial-story .story-prose h3{font:400 clamp(40px,4.5vw,66px)/1.04 var(--serif);letter-spacing:-.045em;margin:16px 0 25px;color:#193c41}
.editorial-story .story-prose p{font:400 16px/1.9 var(--sans);color:#344f52;margin:0 0 19px;max-width:62ch}
.editorial-story .story-prose a{color:#9c5039;text-decoration:underline;text-underline-offset:4px}
.editorial-story .story-anatomy{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,6vw,95px);align-items:center;padding:clamp(45px,6vw,88px) 0;border-top:1px solid #cbd1c8;border-bottom:1px solid #cbd1c8}
.editorial-story .anatomy-marker{background:#e6ebe4;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,50px);border-left:4px solid #9c5b41}
.editorial-story .anatomy-marker strong{display:block;font:400 clamp(86px,12vw,180px)/.8 var(--serif);letter-spacing:-.06em;color:#b6c5b8}
.editorial-story .anatomy-marker p{font:400 clamp(20px,2.3vw,32px)/1.2 var(--serif);margin:0;max-width:480px;color:#274649}
.editorial-story .anatomy-marker small{font:500 10px/1.5 var(--mono);color:#506763;letter-spacing:.04em}
.editorial-story .story-bridge{max-width:780px;text-align:center;margin:clamp(80px,10vw,130px) auto clamp(50px,7vw,80px)}
.editorial-story .story-bridge h3{font:400 clamp(35px,4.5vw,62px)/1.08 var(--serif);letter-spacing:-.04em;margin:20px 0}
.editorial-story .story-bridge p{font:400 clamp(17px,1.8vw,21px)/1.7 var(--serif);color:#486164;margin:0}
.editorial-story .story-research-trail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.editorial-story .trail-scene{padding:0 0 26px;border-top:2px solid #a3b8af;min-width:0}
.editorial-story .trail-scene img{width:100%;height:clamp(200px,23vw,310px);object-fit:cover;margin:25px 0 20px;background:#e9ede6}
.editorial-story .trail-scene .chapter-num{font:600 11px/1.4 var(--mono);color:#a05c43;letter-spacing:.06em}
.editorial-story .trail-scene h4{font:400 clamp(26px,2.55vw,37px)/1.15 var(--serif);letter-spacing:-.03em;margin:10px 0 12px}
.editorial-story .trail-scene p{font:400 14px/1.83 var(--sans);color:#425d5e;margin:0}
.editorial-story .trail-scene a{font-weight:600;color:#975039;text-underline-offset:4px;text-decoration:underline}
.editorial-story .story-arrival{background:#17383b;color:#f8f5ec;margin-top:clamp(85px,10vw,130px);padding:clamp(62px,8vw,116px) 0}
.editorial-story .arrival-inner{display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(30px,6vw,90px);align-items:start}
.editorial-story .story-arrival .eyebrow{color:#e0a887}
.editorial-story .story-arrival h3{font:400 clamp(45px,5.2vw,76px)/1.02 var(--serif);letter-spacing:-.04em;color:#fff;margin:18px 0 25px}
.editorial-story .story-arrival h3 em{font-weight:400;color:#e2ab89}
.editorial-story .story-arrival p{font:400 16px/1.9 var(--sans);color:#e1e7e3;margin:0 0 20px}
.editorial-story .arrival-path{padding:18px 0 8px;border-top:1px solid #617b79;margin-top:23px;font:500 11px/2 var(--mono);color:#cedcd4;letter-spacing:.03em}
.editorial-story .arrival-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}
.editorial-story .arrival-links a{font-size:13px;font-weight:700;color:#f5f6ed;text-underline-offset:6px;text-decoration:underline}
.editorial-story .arrival-links a:hover{color:#e4ad8c}
@media(max-width:850px){.editorial-story .story-childhood{grid-template-columns:1fr}.editorial-story .story-childhood-images{max-width:650px}.editorial-story .story-anatomy{grid-template-columns:1fr}.editorial-story .anatomy-marker{min-height:220px}.editorial-story .story-research-trail{grid-template-columns:1fr 1fr}.editorial-story .arrival-inner{grid-template-columns:1fr}}
@media(max-width:650px){html[data-rx-page="home"] .editorial-story{padding-top:70px}.editorial-story .photo-opening{grid-template-columns:1fr 1fr;gap:10px}.editorial-story .photo-opening figure:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto;align-items:end}.editorial-story .photo-opening figure:nth-child(3) img{grid-row:1/3;height:180px}.editorial-story .photo-opening img{height:215px}.editorial-story .photo-opening h3{font-size:22px;margin:15px 12px 0}.editorial-story .photo-opening p{font-size:9px;margin:6px 12px 15px!important}.editorial-story .story-rewind{padding:70px 0}.editorial-story .story-childhood-images{gap:9px}.editorial-story .story-childhood-images figure:nth-child(2){margin-top:20px}.editorial-story .story-anatomy{padding-block:48px}.editorial-story .story-research-trail{grid-template-columns:1fr;gap:32px}.editorial-story .trail-scene img{height:auto;aspect-ratio:3/2}.editorial-story .story-arrival{margin-top:70px}.editorial-story .story-arrival p{font-size:15px}.editorial-story .arrival-links{gap:16px}}
@media(max-width:380px){.editorial-story .photo-opening{grid-template-columns:1fr}.editorial-story .photo-opening figure:nth-child(3){grid-column:1;display:flex}.editorial-story .photo-opening figure:nth-child(3) img{height:230px;width:100%}}
html[lang="ar"] .editorial-story .story-research-trail,html[lang="ar"] .editorial-story .story-childhood,html[lang="ar"] .editorial-story .story-anatomy,html[lang="ar"] .editorial-story .arrival-inner{direction:rtl}
@media(prefers-reduced-motion:reduce){.editorial-story *{scroll-behavior:auto}}


/* 2026-10-11 | Live-site contrast repair.
   Older .story rules and the photographic narrative were using opposite
   foreground/background assumptions. Explicitly pair every dark surface
   with legible warm type, and preserve the light photographic cards. */
html[data-rx-page="home"] section.story.editorial-story,
section.story.editorial-story {
  background:#17363B;
  color:#F7F4EC;
}
section.story.editorial-story .story-prologue h2,
section.story.editorial-story .story-rewind h3,
section.story.editorial-story .story-bridge h3,
section.story.editorial-story .story-prose h3,
section.story.editorial-story .trail-scene h4 {
  color:#F7F4EC;
}
section.story.editorial-story .eyebrow,
section.story.editorial-story .story-rewind span,
section.story.editorial-story .trail-scene .chapter-num {
  color:#F1BA99;
}
section.story.editorial-story .story-prologue p:not(.eyebrow),
section.story.editorial-story .story-rewind p,
section.story.editorial-story .story-bridge p {
  color:#E3EAE5;
}
section.story.editorial-story .story-prose p,
section.story.editorial-story .trail-scene p,
section.story.editorial-story .story-photo figcaption {
  color:#D5E2DD;
}
section.story.editorial-story .story-prose a,
section.story.editorial-story .trail-scene a {
  color:#F0BE9C;
  text-decoration-color:currentColor;
}
section.story.editorial-story .story-anatomy {
  border-color:#55767A;
}
section.story.editorial-story .trail-scene {
  border-top-color:#9BB6AD;
}
section.story.editorial-story .photo-opening figure {
  background:#F5F2E9;
  color:#17363B;
}
section.story.editorial-story .photo-opening h3 {color:#17363B;}
section.story.editorial-story .photo-opening p {color:#4A6062;}
section.story.editorial-story .anatomy-marker {
  background:#E8EDE6;
  color:#17363B;
}
section.story.editorial-story .anatomy-marker p {color:#274649;}
section.story.editorial-story .anatomy-marker small {color:#405E5D;}
section.story.editorial-story .story-arrival {
  background:#102C33;
  color:#F7F4EC;
}
section.story.editorial-story .story-arrival .eyebrow {color:#F1BA99;}
section.story.editorial-story .story-arrival p {color:#E1E9E4;}

/* Mobile masthead: keep secondary identity and navigation readable. */
@media(max-width:760px) {
  html[data-rx-page="home"] .header {
    background:#F6F4ED;
    color:#17343B;
  }
  html[data-rx-page="home"] .header .brandline {color:#385459;}
  html[data-rx-page="home"] .header .menu {
    color:#17343B;
    background:#FFFCF6;
    border-color:#B8CBC4;
  }
  html[data-rx-page="home"] .header .navlinks.open {
    background:#FFFCF6;
    color:#17343B;
  }
}


/* 2026-10-11 | Correct the pale 2011 anatomy inset and its adjacent image cards.
   A global `.story p, .story h3` !important rule was rendering pale text
   on pale cards. Scope light type to dark surfaces, and deliberately override
   it only within the light panels. Do not alter source photographs. */
html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker {
  background:#F2F1E9 !important;
  color:#1C3A3E !important;
  border-left:4px solid #B56F52;
  box-shadow:0 12px 35px rgba(4,21,24,.14);
  padding:clamp(28px,3.1vw,44px);
  min-height:340px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0;
}
html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker small {
  order:-1;
  display:block;
  position:static;
  z-index:1;
  color:#385A5D !important;
  font:600 11px/1.5 var(--mono,"DM Mono",monospace);
  letter-spacing:.10em;
  text-transform:uppercase;
  margin:0 0 clamp(21px,2.5vw,35px);
}
html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker strong {
  display:block;
  position:static;
  color:#365F60 !important;
  font:400 clamp(78px,8.7vw,136px)/.89 var(--serif,"Newsreader",Georgia,serif);
  letter-spacing:-.055em;
  margin:0 0 clamp(17px,2.1vw,28px);
  opacity:1;
}
html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker p {
  color:#234245 !important;
  font:400 clamp(22px,2.0vw,29px)/1.32 var(--serif,"Newsreader",Georgia,serif);
  letter-spacing:-.012em;
  margin:0;
  max-width:27ch;
  opacity:1;
}
html[data-rx-page="home"] section.story.editorial-story .photo-opening figure {
  background:#F5F2E9 !important;
  color:#19383C !important;
}
html[data-rx-page="home"] section.story.editorial-story .photo-opening figure h3 {
  color:#19383C !important;
}
html[data-rx-page="home"] section.story.editorial-story .photo-opening figure p {
  color:#39595B !important;
}
html[data-rx-page="home"] section.story.editorial-story .photo-opening figure figcaption {
  color:#39595B !important;
}
@media(max-width:650px) {
  html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker {
    min-height:0;
    padding:28px 25px 31px;
  }
  html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker strong {
    font-size:clamp(75px,19vw,110px);
  }
  html[data-rx-page="home"] section.story.editorial-story .story-anatomy .anatomy-marker p {
    font-size:clamp(21px,5.3vw,27px);
  }
}


/* 2026-10-12 | Early photographic triptych: restore desktop proportions.
   Legacy .archiveitem:nth-child(3) placed the final photo across the
   entire row; the narrative grid had intended three equal editorial cards.
   Scope to tablet/desktop, leaving the approved mobile layout untouched. */
@media (min-width:651px) {
  html[data-rx-page="home"] section.story.editorial-story .photo-opening {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(12px,1.5vw,18px);
    align-items:stretch;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem {
    min-width:0;
    width:100%;
    margin:0!important;
    padding:0;
    overflow:hidden;
    border:1px solid #d7d9cf;
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem > img {
    display:block;
    width:100%;
    height:clamp(255px,28vw,345px);
    flex:0 0 auto;
    object-fit:cover;
  }
  /* On intermediate widths, treat the last photograph as a deliberate
     horizontal feature rather than an oversized uncropped banner. */
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    grid-template-rows:auto;
    align-items:center;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) > img {
    grid-column:1;
    grid-row:1;
    width:100%;
    height:clamp(255px,28vw,330px);
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) > div {
    grid-column:2;
    grid-row:1;
    width:100%;
    padding:24px clamp(22px,3vw,44px);
  }
}
@media (min-width:1000px) {
  html[data-rx-page="home"] section.story.editorial-story .photo-opening {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) {
    grid-column:auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem > img,
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) > img {
    grid-column:auto;
    grid-row:auto;
    width:100%;
    height:clamp(255px,23vw,345px);
    object-fit:cover;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) > div {
    grid-column:auto;
    grid-row:auto;
    padding:0;
    width:auto;
  }
}


/* 2026-10-12 · Microphone photograph, desktop editorial mosaic.
   Keep the full original 2015 photograph visible at its natural proportion.
   The two supporting archive photos sit alongside it; phones <=760px
   retain the existing approved layout. */
@media (min-width:761px) {
  html[data-rx-page="home"] section.story.editorial-story .photo-opening {
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:clamp(13px,1.5vw,20px);
    align-items:stretch;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(1) {
    grid-column:1;grid-row:1;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(2) {
    grid-column:1;grid-row:2;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(-n+2) {
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:0;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(-n+2) > img {
    width:100%;
    height:clamp(138px,18vw,265px);
    flex:0 0 auto;
    object-fit:cover;
    object-position:center 34%;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(2) > img {
    object-position:center 26%;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) {
    grid-column:2;
    grid-row:1 / span 2;
    display:flex;
    flex-direction:column;
    gap:0;
    min-width:0;
    min-height:0;
    align-items:stretch;
    justify-content:flex-start;
    background:#f5f2e9;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) > img {
    grid-column:auto;
    grid-row:auto;
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:771 / 713;
    object-fit:contain;
    object-position:center;
    flex:0 0 auto;
    background:#183339;
    filter:none;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) > div {
    grid-column:auto;
    grid-row:auto;
    display:block;
    flex:0 0 auto;
    align-self:stretch;
    width:auto;
    padding:0;
  }
  html[data-rx-page="home"] section.story.editorial-story .photo-opening > figure.archiveitem:nth-child(3) h3 {
    margin-top:19px;
  }
}