/* PREVIOUSLY V5 — new full homepage composition, opt-in.
 * FIRST: cinematic centered hero. SECOND: three-lane marquee.
 * THIRD: real-time "Right Now" — no longer over/next to the hero.
 * FOURTH: existing animated Explore rail, Latest + Chart editorial,
 * member invite and optional deeper discovery.
 * No data and no links deleted. CSS loaded AFTER current home styles.
 * All text uses Anton/Inter; Marathon reserved for brand wordmark.
 */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5{
  --pv5-bg:#0C121B;--pv5-card:#141F2C;--pv5-gold:#F2BC68;
  --pv5-muted:#A4B3C2;--pv5-border:#263A4C;
  background:var(--pv5-bg);color:#F4F6FB;overflow-x:clip;
}
/* Cancel the retired 66/34 hero/doorway split without touching feed DOM. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero{
  display:flex;flex-direction:column;align-items:stretch;gap:0;
  box-sizing:border-box;width:min(1440px,calc(100% - 48px));
  max-width:none;margin:clamp(20px,2.5vw,38px) auto 0;padding:0;
  min-width:0;position:relative;
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-lead-overline{
  display:flex;align-items:center;gap:14px;min-width:0;
  margin-bottom:13px;color:var(--pv5-muted);
  font:800 10px/1.4 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em
}
.pv5-lead-overline .pv5-lead-number{color:var(--pv5-gold)}
.pv5-lead-overline .pv5-lead-rule{height:1px;background:var(--pv5-border);flex:1}
.pv5-lead-overline .pv5-lead-section{letter-spacing:.09em}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero{
  grid-column:auto;grid-row:auto;min-width:0;width:100%;
  min-height:clamp(800px,97svh,940px);margin:0;align-self:center;
  border:1px solid #273C50;border-radius:3px;
  position:relative;display:flex;flex-direction:column;
  justify-content:flex-end;overflow:hidden
}
/* The baked image and live in-browser article swappers retain exact image,
 * headline, actions and credits; presentation is the only change. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero::before{
  -webkit-mask-image:none;mask-image:none;
  background:linear-gradient(180deg,
    rgba(5,9,15,.12) 0%,rgba(5,9,15,.09) 28%,
    rgba(5,9,15,.35) 47%,rgba(5,9,15,.75) 66%,
    rgba(5,9,15,.95) 100%)
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-txt{
  align-self:center;display:flex;flex-direction:column;align-items:center;
  width:min(100%,1120px);max-width:1120px;min-width:0;
  padding:14px clamp(20px,4vw,64px) 20px;
  margin:0 auto;text-align:center;background:none;box-sizing:border-box;
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .kicker{
  align-self:center;margin-inline:auto;text-align:center;
  background:var(--pv5-gold);color:#0C121B;
  font:800 11px/1.3 Inter,Arial,sans-serif;letter-spacing:.18em;
  padding:3px 8px;text-transform:uppercase
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero h1{
  font-family:Anton,Inter,Arial,sans-serif;font-weight:850;
  font-size:clamp(24px,2.05vw,30px);line-height:1.04;
  max-width:46ch;text-wrap:balance;letter-spacing:-.016em;
  margin:16px auto 13px;text-align:center
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .dek{
  font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:500;
  font-size:clamp(14px,1.55vw,15.5px);line-height:1.55;
  max-width:68ch;text-align:center;margin:3px auto 0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .byline,
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-cta{
  align-self:center;justify-content:center;text-align:center
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-cta{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:21px;
}
/* Keep photo credit outside the photo, aligned to the centered frame. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero:has(>.hp-hero-credit){
  margin-bottom:30px;
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>.hp-hero-credit{
  padding:0;left:0;right:0;text-align:left;top:calc(100% + 8px)
}
/* Actual department MARQUEE uses original three links/images/data — not
 * generic cards or repeated fake stats. Its position after the hero
 * and above the live section is enforced in V5 browser QA. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec{
  box-sizing:border-box;max-width:1440px;margin:clamp(24px,3.5vw,54px) auto 0;
  padding:0 24px;min-width:0
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .secttl{
  border-top:1px solid var(--pv5-border);padding-top:20px;
  margin:0 0 19px;align-items:flex-end
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .secttl h2{
  font-family:Anton,Inter,Arial,sans-serif;font-size:clamp(26px,3vw,38px);
  color:#F5F7FB;letter-spacing:.01em;line-height:1.05
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .doors{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card{
  min-width:0;border:1px solid var(--pv5-border);background:#0E1723;
  border-radius:3px;overflow:hidden;box-shadow:none;transition:border-color .15s ease
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .art{
  height:clamp(190px,19vw,310px)
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .art .scrim{
  background:linear-gradient(180deg,transparent 28%,rgba(6,11,19,.92) 100%)
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .cap{
  left:20px;bottom:17px;right:14px
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .cap h3{
  font-family:Anton,Inter,Arial,sans-serif;font-size:clamp(27px,3.1vw,44px);
  letter-spacing:.015em;line-height:1.07;font-weight:850;color:white
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .door-body{
  padding:16px 19px 18px;min-height:94px;
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .door-body p{
  font-size:13px;color:#B3C1D0
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card:hover{border-color:var(--pv5-gold)}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card:focus-visible{
  outline:2px solid var(--pv5-gold);outline-offset:3px
}
/* LIVE RIGHT NOW: authentic feed/rail; no longer inside the hero or ahead
 * of the marquee. No changes to status rules, actions or live scores. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpNow.pv5-now-rehomed{
  box-sizing:border-box;display:block;position:relative;grid-area:auto;
  width:min(1392px,calc(100% - 48px));max-width:none;min-width:0;
  margin:26px auto 0;padding:20px 22px;border:1px solid var(--pv5-border);
  border-radius:3px;background:#121E2D;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* The original animated Explore rail follows live content as an extra
 * discovery surface, instead of occupying 34% of the hero. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpRail.pv5-rail-rehomed{
  box-sizing:border-box;position:relative;grid-area:auto;min-width:0;
  width:min(1392px,calc(100% - 48px));max-width:none;
  margin:20px auto 0;height:auto;align-self:stretch
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpYours{
  max-width:1392px;margin:19px auto 0
}
/* Editorial is a composed feature + ranked discovery, not another 1000px
 * vertical stack. Preserve existing art/card click actions and feed JS. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial{
  box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  align-items:start;gap:20px;max-width:1440px;padding:0 24px;
  margin:clamp(28px,4vw,50px) auto 0;min-width:0
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial>#hpDesk,
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial>#hpChart{
  box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;padding:0
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial>#hpDesk #hpLatestList{
  grid-template-columns:minmax(0,1fr);gap:15px;background:#141F2C;
  box-shadow:none;border-radius:3px;padding:18px
}
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial>#hpChart
  #hpChartTv:not([hidden]),
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial>#hpChart
  #hpChartMovies:not([hidden]){
  display:block
}
@media(max-width:1023px){
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero{
   width:calc(100% - 32px);margin-top:16px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero{
   min-height:clamp(760px,96svh,900px)
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-txt{
   padding:14px 20px 20px;max-width:1120px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero h1{
   font-size:clamp(24px,2.05vw,30px);max-width:46ch
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec{
   padding:0 16px;margin-top:28px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .art{
   height:clamp(145px,23vw,205px)
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpNow.pv5-now-rehomed{
   width:calc(100% - 32px);margin-top:20px;padding:15px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpRail.pv5-rail-rehomed{
   width:calc(100% - 32px)
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial{
   grid-template-columns:minmax(0,1fr);padding:0 16px;gap:28px
 }
}
/* HERO SCALE — short-viewport guard (hero3, 2026-10-23; restored as
 * hero4, see the note at the foot of this sheet): at >=701px wide and
 * <=840px tall — the Chromebook class — the headline steps down again
 * and the dek caps at one line. Type must scale with viewport HEIGHT,
 * not only width; without this block a short laptop window re-inflates
 * the copy block until it swallows the photo. */
@media(min-width:701px) and (max-height:840px){
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero h1{
   font-size:clamp(23px,1.95vw,27px)
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .dek{
   -webkit-line-clamp:1
 }
}
@media(max-width:700px){
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero{
   min-height:clamp(430px,73svh,610px)
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero h1{
   font-size:clamp(31px,9vw,46px);letter-spacing:-.012em
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .dek{
   font-size:13.5px;line-height:1.45
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .doors{
   grid-template-columns:1fr;gap:11px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card{
   display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);
   align-items:stretch;min-height:126px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .art{
   height:100%;min-height:126px;max-height:178px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .cap{
   left:11px;bottom:12px;right:6px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .cap h3{
   font-size:clamp(14px,4.1vw,22px)
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .door-body{
   min-width:0;min-height:0;padding:11px 12px;align-self:center
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .door-body p{
   font-size:11.5px;line-height:1.35
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .door-body .go{
   font-size:11px;margin-top:8px
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-lead-overline{
   font-size:9px
 }
 .pv5-lead-overline .pv5-lead-section{display:none}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card{
   transition:none
 }
}

/* Respect producer fail-closed hidden state: a moved module must NEVER
 * become visible merely because the theme gives it a display value. */
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpNow.pv5-now-rehomed[hidden],
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 #hpRail.pv5-rail-rehomed[hidden],
html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-editorial>[hidden]{
  display:none!important
}


/* V5 mobile readability correction: a bright sports photo must not erase
 * the white headline. Keep the original photograph and text, but add a
 * deep gradient *behind* the complete mobile text zone. The desktop
 * centered lead already has its full-surface caption scrim. */
@media(max-width:1023px){
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5
 .hp-hero>section.hero .hp-lead-txt{
   background:linear-gradient(180deg,
     rgba(6,11,19,0) 0%,
     rgba(6,11,19,.62) 20%,
     rgba(6,11,19,.89) 44%,
     rgba(6,11,19,.97) 100%);
 }
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5
 .hp-hero>section.hero .hp-lead-txt h1,
 html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5
 .hp-hero>section.hero .hp-lead-txt .dek{
   text-shadow:0 2px 14px rgba(0,0,0,.8);
 }
}


/* ==========================================================================
 * MOBILE EDITORIAL FLOW CANDIDATE — 2026-10-23
 *
 * Keep existing V5 desktop, photography, content and three-lane doors.
 * On handsets (<701px): an image-FIRST editorial cover, not a giant story
 * headline over the entire photo; readable compact headline and metadata;
 * the real Sports/Entertainment/Games doors come into view earlier.
 * Full headline/dek remain in the DOM for assistive tech and clickthrough.
 *
 * IMPORTANT: This is candidate code ONLY until the HTML owner updates the
 * real /css/pv-three-hub-home-v5.css?v= cache pin in the *same release*.
 * The owning homepage HTML is droplet-only outside the GitHub code lane.
 * ========================================================================== */
@media (max-width:700px){
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero{
    width:calc(100% - 28px);
    margin-top:10px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .pv5-lead-overline{
    margin-bottom:9px;
    font-size:9px;
    letter-spacing:.14em;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:clamp(205px,58vw,240px) auto;
    height:auto;
    min-height:0;
    justify-content:stretch;
    align-content:start;
    overflow:hidden;
    background:#141F2C;
    border:1px solid #263A4C;
  }
  /* Release the original image from desktop's absolute full-cover mode. */
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero figure.hp-lead-art{
    position:relative;
    inset:auto;
    order:0;
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    z-index:1;
    overflow:hidden;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero figure.hp-lead-art img{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    object-position:center 39%;
  }
  /* No heavy photographic darkwash: text now has a true solid backing. */
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero::before,
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero::after{
    content:none;
    display:none;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-txt{
    order:0;
    grid-column:1;
    grid-row:2;
    z-index:2;
    position:relative;
    box-sizing:border-box;
    width:100%;
    max-width:none;
    margin:0;
    padding:12px 17px 13px;
    background:#141F2C;
    text-align:left;
    align-items:flex-start;
    align-self:stretch;
    justify-content:flex-start;
    display:flex;
    flex-direction:column;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .kicker{
    align-self:flex-start;
    margin:0;
    padding:2px 7px;
    color:#F2BC68;
    background:#0C121B;
    font:800 10px/1.25 Inter,Arial,sans-serif;
    letter-spacing:.18em;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero h1{
    box-sizing:border-box;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    max-width:100%;
    margin:8px 0 6px;
    color:#EEF2F8;
    font-family:Inter,Arial,sans-serif;
    font-size:clamp(20px,5.5vw,24px);
    font-weight:800;
    letter-spacing:-.025em;
    line-height:1.19;
    text-align:left;
    text-wrap:pretty;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero h1 a{
    color:inherit;
    font:inherit;
    text-decoration:none;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .dek{
    align-self:stretch;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    line-clamp:1;
    overflow:hidden;
    width:100%;
    max-width:none;
    margin:0;
    font:450 12.5px/1.38 Inter,Arial,sans-serif;
    color:#A4B3C2;
    text-shadow:none;
    text-align:left;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .byline{
    align-self:stretch;
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    align-items:baseline;
    margin:9px 0 0;
    color:#8FA3B5;
    font:600 10px/1.4 Inter,Arial,sans-serif;
    text-align:left;
    letter-spacing:.025em;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .byline strong{
    color:#C7D0DA;
    font:700 11px/1.35 Inter,Arial,sans-serif;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-cta{
    width:100%;
    align-self:stretch;
    justify-content:flex-start;
    margin:9px 0 0;
    padding:0;
    gap:10px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-cta .hp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    width:auto;
    min-width:125px;
    padding:9px 15px;
    border-radius:2px;
    background:#F2BC68;
    color:#0C121B;
    font:800 12px/1.3 Inter,Arial,sans-serif;
    letter-spacing:.01em;
    box-shadow:none;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-cta .hp-btn:hover{
    background:#F9D296;
  }
  /* Make the three real living destinations immediately follow the story,
     no new duplicate navigation or fake image cards. */
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec{
    margin-top:16px;
    padding:0 14px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .secttl{
    margin-bottom:11px;
    padding-top:11px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .secttl h2{
    font-size:23px;
    line-height:1.15;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .doors{
    gap:9px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card{
    min-height:113px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .art{
    min-height:113px;
    max-height:150px;
  }
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-doors-sec .door-card .door-body{
    padding:10px 12px;
  }
  /* Longer article headlines can never push photo to unbounded height;
     text remains semantically complete and follows to the full story. */
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-txt h1,
  html[data-theme="d3"] body.pv-home.b-scope.pv3-home-v5 .hp-hero>section.hero .hp-lead-txt .dek{
    text-shadow:none;
  }
}

/* ==========================================================================
 * HERO SCALE RESTORE — hero4 (2026-10-23)
 * The hero3 scale pass (stamp 20261023hero3) was applied to the droplet
 * webroot copy of this sheet only. This file also lives in the
 * previously-code repo (seed snapshot, 2026-10-22), and the code-lane
 * puller mirrors the repo's webroot/css over the webroot on every main
 * advance — the 21:51Z apply for PR #76 silently restored the pre-hero3
 * bytes (md5 d78c7604) under the hero3 pin, and the giant centered
 * headline returned (owner Chromebook photo, 15:41 PT). This restore
 * re-applies the hero3 values IN THE REPO, so the puller's source IS
 * the fixed sheet. Pre-hero3 values (rollback): stage
 * clamp(505px,70svh,780px) / <=1023px clamp(470px,76svh,680px); copy
 * padding 150px ... clamp(40px,5vw,66px), width 980px; h1
 * clamp(40px,5.8vw,88px), max-width 18ch; dek max 19px, no line clamp;
 * kicker color-only rule; phone rows clamp(175px,48vw,206px), phone
 * h1 clamp 3 lines, phone dek clamp 2 lines; no short-viewport guard.
 * One residual fixed in the same pass: the <=1023px breakpoint block
 * still carried the pre-hero3 copy padding (120px top) and headline
 * (clamp(33px,7vw,56px) / 20ch) — hero3 raised that band's stage but
 * never swept its copy rules, leaving a 57%-copy composition at
 * ~1000px-wide windows. Hero4 harmonizes the block to the hero3
 * values (padding 14px 20px 20px, max-width 1120px; h1
 * clamp(24px,2.05vw,30px) / 46ch). Phone spacing tightened to the
 * hero3 measures (copy block 201px at 412px wide).
 * ========================================================================== */