/* Signal 1.4: one component, one set of rules; no bitmap colour-key masks. */
.hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(85px,.23fr);
  gap:24px;
  align-items:center;
  padding:64px var(--gutter) 46px;
  min-height:465px;
  position:relative;
}
.hero-copy { position:relative; z-index:2; min-width:0; }
.hero-copy .eyebrow {display:flex;align-items:center;gap:20px;color:var(--muted);margin-bottom:26px;}
.edition-mark {white-space:nowrap;font-size:10px;letter-spacing:.06em;padding-inline-end:17px;border-inline-end:1px solid var(--rule);}
.hero h1 {font-size:clamp(48px,5.1vw,82px);line-height:1.01;letter-spacing:-.047em;max-width:540px;}
.hero-deck {font-size:18px;line-height:1.55;max-width:360px;color:var(--muted);margin-top:25px;}
.hero .round-link {margin-top:29px;}
.hero-art {min-width:0;width:100%;position:relative;}
.signal-object {position:relative;isolation:isolate;}
.signal-svg {width:100%;height:auto;overflow:visible;display:block;aspect-ratio:1020/414;}
.signal-orbits {color:var(--muted);}
.signal-extrusion {opacity:.95;}
.signal-caption {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:5px 3% 0;}
.signal-caption span {font:400 9px/1.65 var(--sans);letter-spacing:.045em;text-transform:uppercase;color:var(--muted);text-align:center;overflow-wrap:anywhere;}
.signal-caption b {display:block;font-size:11px;letter-spacing:.12em;font-weight:400;color:var(--ink);margin-bottom:7px;}
.hero-margin {padding-inline-start:20px;border-inline-start:1px solid var(--rule);font:400 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.hero-margin span {display:block;max-width:112px;}
.hero-margin i {display:block;width:27px;height:1px;background:var(--muted);margin-block:24px;}
.hero-margin em {display:block;font:italic 18px/1.4 var(--serif);letter-spacing:0;text-transform:none;}
/* The silhouette does not depend on the selected theme or on the darkness of its material. */
:root[data-theme=light] .signal-extrusion {fill:#202b29;}
:root[data-theme=light] .signal-svg {filter:drop-shadow(0 14px 12px #16281b1c);}
/* Topic ribbon retains the five explicit colour/text associations. */
.universe-bands {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--rule);}
.universe {position:relative;isolation:isolate;display:flex;flex-direction:column;padding:23px 20px;min-height:150px;overflow:hidden;background:#0b100f;color:#f1eee6;border-inline-end:1px solid #66756966;}
.universe:last-child {border-inline-end:0;}
.universe img {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2;opacity:.8;}
.universe::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#080f0edb,#080f0e65 78%,#080f0e35);}
.universe .category-label {font-size:13px;gap:10px;}
.universe-description {font-size:12px;line-height:1.55;max-width:145px;margin:10px 34px 18px 19px;color:#eee;}
.universe .outline-arrow {position:absolute;inset-inline-end:16px;bottom:15px;}
.universe:hover,.universe:focus-visible {color:#fff;}
.universe:hover .outline-arrow {background:#f1eee6;color:#17201b;}
/* Lead story: padding belongs to its copy only. */
.lead-grid {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border-bottom:1px solid var(--rule);}
.lead-story {padding:0;position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:#080f0e;color:#f1eee6;border-inline-end:1px solid var(--rule);}
.lead-story .lead-image {position:absolute;inset-block:0;inset-inline-end:0;width:78%;height:100%;object-fit:cover;object-position:20% center;max-width:none;z-index:-3;opacity:.85;}
.lead-story::before {content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080f0ef7 0%,#080f0ecb 34%,#080f0e64 58%,#080f0e05 93%);}
.lead-story::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080f0ecf,transparent 33%,transparent 80%,#080f0e45);}
.lead-content {position:relative;z-index:1;padding:48px var(--gutter) 42px;}
.line-kicker {display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;line-height:1.5;margin-bottom:22px;}
.line-kicker .category-label {font-size:10px;letter-spacing:.08em;}
.lead-story h2 {font-size:clamp(39px,4.4vw,66px);letter-spacing:-.047em;line-height:1.02;max-width:540px;text-wrap:balance;}
.lead-story h2 a:hover {color:#fff;}
.lead-description {font-size:16px;line-height:1.65;max-width:390px;margin-top:24px;color:#e1e4df;}
.lead-story .round-link {color:#f1eee6;margin-block:26px 28px;}
.lead-story .round-icon {color:#17201b;background:#f1eee6;}
.lead-story .metadata {color:#cdd6cf;}
.editorial-note {font-size:10px;line-height:1.8;text-transform:uppercase;letter-spacing:.1em;max-width:235px;color:#ccd5ce;margin-top:30px;}
.editorial-note::before {content:'';display:block;width:23px;height:1px;background:#92a096;margin-bottom:15px;}
.other-stories {padding:30px 28px 22px;}
.other-stories .section-top {margin-bottom:15px;}
.other-stories .section-top .text-link {font-size:11px;white-space:nowrap;}
.story-row {display:grid;grid-template-columns:88px minmax(0,1fr) 28px;gap:14px;padding-block:19px;border-top:1px solid var(--rule);align-items:center;}
.story-row img {width:88px;height:70px;object-fit:cover;}
.story-row h3 {font-size:21px;line-height:1.13;letter-spacing:-.033em;text-wrap:pretty;}
.story-row:hover h3 {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;}
.story-row .category-label {font-size:9px;margin-bottom:6px;gap:7px;}
.story-row .dot {width:7px;height:7px;flex-basis:7px;}
.story-row .small {display:flex;align-items:center;gap:5px;font-size:11px;margin-top:7px;}
.story-row .small .icon {width:12px;height:12px;}
.story-row .outline-arrow {width:28px;height:28px;border-color:var(--rule);}
.story-row .outline-arrow .icon {width:15px;height:15px;}
/* The compact article rail uses two columns, not the wider homepage row. */
.source-sidebar .story-row {grid-template-columns:58px minmax(0,1fr);gap:12px;padding-block:17px;}
.source-sidebar .story-row img {width:58px;height:58px;}
.source-sidebar .story-row h3 {font-size:18px;line-height:1.2;letter-spacing:-.025em;}
.source-sidebar .story-row>.outline-arrow {display:none;}
/* No loop, no pointer parallax: short, replayable material reveal only. */
@media (prefers-reduced-motion:no-preference) {
  .signal-letter {opacity:1;}
  .signal-object.is-visible .signal-letter {animation:signal-arrive .7s cubic-bezier(.2,.65,.3,1) both;}
  .signal-object.is-visible .signal-letter-2 {animation-delay:.07s;}
  .signal-object.is-visible .signal-letter-3 {animation-delay:.14s;}
  .signal-object.is-visible .signal-letter-4 {animation-delay:.21s;}
  .signal-object.is-visible .signal-letter-5 {animation-delay:.28s;}
  .universe img {transition:opacity .3s ease;}
  .universe:hover img {opacity:1;}
}
@keyframes signal-arrive {from {opacity:.25;} to {opacity:1;}}
[dir=rtl] .signal-object {direction:ltr;}
[dir=rtl] .signal-caption {direction:rtl;}
[dir=rtl] .signal-caption span {text-transform:none;letter-spacing:0;font-size:11px;}
[dir=rtl] .lead-story::before {background:linear-gradient(270deg,#080f0ef7,#080f0ecb 34%,#080f0e64 58%,#080f0e05 93%);}
[dir=rtl] .hero h1 {line-height:1.3;letter-spacing:0;}
[dir=rtl] .lead-story h2 {line-height:1.3;letter-spacing:0;}
@media (max-width:1199px) {
  .hero {grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);padding-block:48px 40px;min-height:430px;gap:26px;}
  .hero-margin {display:none;}
  .hero h1 {font-size:clamp(44px,5.6vw,66px);}
  .signal-caption span {font-size:8px;}
  .universe {padding:22px 15px;min-height:155px;}
  .universe .category-label {font-size:12px;}
  .universe-description {margin-inline-start:0;font-size:11px;}
  .lead-grid {grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}
  .lead-content {padding:38px 32px;}
  .lead-story {min-height:625px;}
  .lead-story h2 {font-size:50px;}
  .other-stories {padding:26px 22px;}
  .story-row {grid-template-columns:72px minmax(0,1fr);gap:12px;padding-block:17px;}
  .story-row img {width:72px;height:66px;}
  .story-row h3 {font-size:20px;}
  .story-row>.outline-arrow {display:none;}
}
@media (max-width:899px) {
  .hero {padding-block:42px 32px;gap:22px;min-height:405px;}
  .hero h1 {font-size:clamp(42px,6vw,55px);}
  .hero-deck {font-size:16px;}
  .hero-copy .eyebrow {gap:10px;font-size:9px;}
  .edition-mark {font-size:9px;padding-inline-end:10px;}
  .signal-caption {gap:5px;margin-inline:0;}
  .signal-caption span {font-size:7px;letter-spacing:0;}
  .signal-caption b {font-size:10px;}
  .universe-bands {grid-template-columns:repeat(5,minmax(0,1fr));}
  .universe {min-height:135px;padding:18px 12px;}
  .universe-description {display:none;}
  .universe .category-label {font-size:10px;gap:7px;}
  .universe .outline-arrow {width:30px;height:30px;inset-inline-end:12px;bottom:16px;}
  .lead-grid {grid-template-columns:1fr;}
  .lead-story {border-inline-end:0;min-height:580px;}
  .lead-content {padding:40px var(--gutter);}
  .lead-story h2 {font-size:clamp(43px,7vw,58px);max-width:580px;}
  .lead-story .lead-image {width:70%;}
  .other-stories {padding:30px var(--gutter) 23px;}
  .story-row {grid-template-columns:100px minmax(0,1fr) 32px;gap:20px;padding-block:20px;}
  .story-row img {width:100px;height:73px;}
  .story-row h3 {font-size:25px;}
  .story-row>.outline-arrow {display:grid;}
}
@media (max-width:599px) {
  .hero {display:flex;flex-direction:column;align-items:stretch;padding:34px var(--gutter) 26px;gap:28px;min-height:0;}
  .hero-copy .eyebrow {margin-bottom:21px;font-size:10px;gap:16px;}
  .hero h1 {font-size:clamp(43px,11.7vw,65px);max-width:410px;line-height:1.02;}
  .hero-deck {font-size:16px;max-width:320px;margin-top:18px;}
  .hero .round-link {margin-top:22px;}
  .hero-art {margin:0;}
  .signal-svg {overflow:visible;}
  .signal-caption {margin-top:7px;gap:6px;}
  .signal-caption span {font-size:7px;line-height:1.6;letter-spacing:0;}
  .signal-caption b {font-size:10px;letter-spacing:.08em;margin-bottom:3px;}
  .universe-bands {grid-template-columns:1fr;}
  .universe {display:grid;grid-template-columns:110px minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:72px;padding:17px var(--gutter);border-inline-end:0;border-bottom:1px solid #66756955;}
  .universe:last-child {border-bottom:0;}
  .universe img {inset-inline-start:auto;width:68%;object-position:center;opacity:.65;}
  .universe::after {background:linear-gradient(90deg,#080f0ef2,#080f0e9c 50%,#080f0e35);}
  .universe .category-label {font-size:11px;gap:9px;}
  .universe-description {display:block;max-width:none;margin:0;font-size:11px;line-height:1.5;}
  .universe .outline-arrow {position:static;width:30px;height:30px;}
  .lead-story {min-height:0;}
  .lead-content {padding:37px var(--gutter) 33px;}
  .line-kicker {font-size:10px;gap:10px;margin-bottom:22px;}
  .line-kicker .category-label {font-size:9px;}
  .lead-story h2 {font-size:clamp(37px,10.2vw,53px);line-height:1.06;letter-spacing:-.04em;max-width:440px;}
  .lead-description {font-size:15px;line-height:1.7;max-width:345px;margin-top:22px;}
  .lead-story .lead-image {width:100%;height:100%;object-position:center;opacity:.65;}
  .lead-story::before {background:linear-gradient(90deg,#080f0ef2,#080f0eb8 56%,#080f0e7a);}
  .lead-story .round-link {margin-block:24px;}
  .editorial-note {max-width:235px;margin-top:27px;}
  .other-stories {padding:28px var(--gutter) 13px;}
  .other-stories .section-top {gap:12px;align-items:flex-start;}
  .other-stories .section-top .text-link {font-size:10px;white-space:normal;}
  .other-stories .section-top .small {font-size:12px;}
  .story-row {grid-template-columns:80px minmax(0,1fr);gap:13px;padding-block:19px;}
  .story-row img {width:80px;height:69px;}
  .story-row h3 {font-size:21px;}
  .story-row>.outline-arrow {display:none;}
  [dir=rtl] .lead-story::before {background:linear-gradient(270deg,#080f0ef2,#080f0eb8 56%,#080f0e7a);}
}
@media (max-width:359px) {
  .hero-copy .eyebrow {font-size:9px;}
  .signal-caption span {font-size:6px;}
  .universe {grid-template-columns:102px minmax(0,1fr) 28px;gap:6px;}
  .universe .category-label {font-size:10px;}
  .universe-description {font-size:10px;}
  .story-row {grid-template-columns:66px minmax(0,1fr);gap:12px;}
  .story-row img {width:66px;height:62px;}
  .story-row h3 {font-size:20px;}
}
@media print { .hero-art {width:50%;} .signal-letter {animation:none;} .lead-story {color:#111;background:#fff;} .lead-image,.lead-story::before,.lead-story::after {display:none;} .lead-description {color:#333;} }


/* Les5C 1.6.16: headline continuity on editorial surfaces. */
.hero {
  gap: clamp(24px, 3vw, 40px);
}
.hero h1,
.lead-story h2,
.story-row h3 {
  text-wrap: pretty;
}
.hero h1 {
  max-width: 680px;
}
.hero-deck {
  max-width: 440px;
}
.lead-story h2 {
  max-width: 620px;
}
@media (min-width: 1200px) {
  .hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.37fr) minmax(85px, .22fr);
  }
}