/* Homepage editorial layouts. Secondary stories remain compact. */
body.jue-site .jue-hero .jue-hero-story{min-width:0;background:#fff;border:1px solid #bdcadc;border-radius:9px;overflow:hidden}
body.jue-site .jue-hero .jue-hero-photo{display:block;overflow:hidden;background:#edf2f6}
body.jue-site .jue-hero .jue-hero-photo .jue-photo{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;filter:var(--jue-image-treatment,none)}
body.jue-site .jue-hero .jue-hero-copy{position:relative;padding:20px 24px;min-width:0}
body.jue-site .jue-hero .jue-hero-story h2{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.02em;margin:10px 0 12px;overflow-wrap:anywhere}
body.jue-site .jue-hero .jue-hero-story h2 a{color:#16263f;text-decoration:none}
body.jue-site .jue-hero .jue-hero-story h2 a:hover{color:var(--jue-blue)}
body.jue-site .jue-hero .jue-hero-story h2 a:focus-visible{outline:2px solid var(--jue-blue);outline-offset:4px}
body.jue-site .jue-hero .jue-meta{font-size:11px;color:#64748b}
body.jue-site .jue-hero .jue-hero-main h2,
body.jue-site .jue-hero .jue-hero-main h2 a,
body.jue-site .jue-hero.jue-hero-current .jue-card-lead h3,
body.jue-site .jue-hero.jue-hero-current .jue-card-lead h3 a{font-family:var(--hero-font,inherit);font-size:var(--hero-size,40px)!important;font-weight:var(--hero-weight,600);line-height:1.2;letter-spacing:-.025em;text-align:var(--hero-align,left)}
body.jue-site .jue-hero .jue-hero-main .jue-hero-copy{text-align:var(--hero-align,left)}
body.jue-site .jue-hero .jue-hero-title-strip{background:#fff;color:#111;border:1px solid #111;box-shadow:0 2px 0 #111;padding:1px 7px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.5}
body.jue-site .jue-hero-poster .jue-hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:16px}
body.jue-site .jue-hero-poster .jue-hero-main{grid-column:1;grid-row:1/span 4;align-self:start}
body.jue-site .jue-hero-poster .jue-hero-secondary{grid-column:2;display:grid;grid-template-columns:32% minmax(0,1fr);align-items:center}
body.jue-site .jue-hero-poster .jue-hero-secondary .jue-hero-photo{margin:12px 0 12px 12px;border-radius:5px}
body.jue-site .jue-hero-poster .jue-hero-secondary .jue-hero-photo .jue-photo{aspect-ratio:1}
body.jue-site .jue-hero-poster .jue-hero-secondary .jue-hero-copy{padding:14px}
body.jue-site .jue-hero-central .jue-hero-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr) minmax(180px,1fr);gap:18px;align-items:start}
body.jue-site .jue-hero-central .jue-hero-main{grid-column:2;grid-row:1/span 2}
body.jue-site .jue-hero-central .jue-hero-secondary:nth-child(2){grid-column:1;grid-row:1}
body.jue-site .jue-hero-central .jue-hero-secondary:nth-child(3){grid-column:1;grid-row:2}
body.jue-site .jue-hero-central .jue-hero-secondary:nth-child(4){grid-column:3;grid-row:1}
body.jue-site .jue-hero-central .jue-hero-secondary:nth-child(5){grid-column:3;grid-row:2}
body.jue-site .jue-hero-central .jue-hero-secondary .jue-hero-copy{padding:14px 16px}
body.jue-site .jue-hero-central .jue-hero-secondary h2{font-size:18px}
body.jue-site .jue-hero-panorama .jue-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.jue-site .jue-hero-panorama .jue-hero-main{grid-column:1/-1;display:grid;position:relative;min-height:320px;background:#15263e}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-photo,
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{grid-column:1;grid-row:1}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-photo .jue-photo{aspect-ratio:2.8;max-height:560px;min-height:320px}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{align-self:end;z-index:1;padding:70px 38px 32px;background:linear-gradient(transparent,rgba(5,15,30,.94));color:#fff}
body.jue-site .jue-hero-panorama .jue-hero-main h2{max-width:1000px;margin:14px auto}
body.jue-site .jue-hero-panorama .jue-hero-main h2 a,
body.jue-site .jue-hero-panorama .jue-hero-main .jue-meta{color:#fff}
body.jue-site .jue-hero-panorama .jue-hero-secondary .jue-hero-photo{display:none}
body.jue-site .jue-hero-panorama .jue-hero-secondary .jue-hero-copy{padding:16px 18px}
body.jue-site .jue-hero .jue-hero-main:only-child{grid-column:1/-1;grid-row:auto;width:100%}
body.jue-site .jue-hero .jue-hero-secondary:not(:has(.jue-hero-photo)){display:block}
@media(max-width:1100px){
body.jue-site .jue-hero-central .jue-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.jue-site .jue-hero-central .jue-hero-main{grid-column:1/-1;grid-row:1}
body.jue-site .jue-hero-central .jue-hero-secondary:nth-child(n){grid-column:auto;grid-row:auto}
body.jue-site .jue-hero-panorama .jue-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.jue-site .jue-hero-poster .jue-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}
}
@media(max-width:800px){
body.jue-site .jue-hero-poster .jue-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.jue-site .jue-hero-poster .jue-hero-main{grid-column:1/-1;grid-row:1}
body.jue-site .jue-hero-poster .jue-hero-secondary{grid-column:auto}
body.jue-site .jue-hero .jue-hero-main h2,body.jue-site .jue-hero .jue-hero-main h2 a,
body.jue-site .jue-hero.jue-hero-current .jue-card-lead h3,body.jue-site .jue-hero.jue-hero-current .jue-card-lead h3 a{font-size:var(--hero-mobile-size,28px)!important}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{padding:65px 24px 24px}
}
@media(max-width:560px){
body.jue-site .jue-hero:not(.jue-hero-current) .jue-hero-grid{grid-template-columns:minmax(0,1fr);gap:14px}
body.jue-site .jue-hero .jue-hero-copy{padding:18px}
body.jue-site .jue-hero-central .jue-hero-secondary:nth-child(n){display:grid;grid-template-columns:30% minmax(0,1fr);align-items:center}
body.jue-site .jue-hero-central .jue-hero-secondary .jue-hero-photo{margin:12px 0 12px 12px;border-radius:5px}
body.jue-site .jue-hero-central .jue-hero-secondary .jue-photo{aspect-ratio:1}
body.jue-site .jue-hero .jue-hero-secondary h2{font-size:18px}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-photo .jue-photo{min-height:360px;aspect-ratio:1}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{padding:60px 20px 24px}
}

@media(min-width:1101px){body.jue-site .jue-hero-central:is(.jue-hero-count-2,.jue-hero-count-3) .jue-hero-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}body.jue-site .jue-hero-central:is(.jue-hero-count-2,.jue-hero-count-3) .jue-hero-main{grid-column:1}body.jue-site .jue-hero-central:is(.jue-hero-count-2,.jue-hero-count-3) .jue-hero-secondary:nth-child(n){grid-column:2;grid-row:auto}}

/* Taller panoramic image and a shared alignment for its editorial content. */
body.jue-site .jue-hero-panorama .jue-hero-main{min-height:clamp(480px,45vw,680px)}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-photo{position:absolute;inset:0}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-photo .jue-photo{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover}
body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{width:100%;padding:100px 42px 36px;text-align:var(--hero-align,left)}
body.jue-site .jue-hero-panorama .jue-hero-main h2{max-width:none;width:100%;margin:14px 0 16px}
@media(max-width:800px){body.jue-site .jue-hero-panorama .jue-hero-main{min-height:480px}body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{padding:90px 28px 28px}}
@media(max-width:560px){body.jue-site .jue-hero-panorama .jue-hero-main{min-height:clamp(420px,118vw,520px)}body.jue-site .jue-hero-panorama .jue-hero-main .jue-hero-copy{padding:80px 22px 26px}}

/* On wide screens the central feature fills the two lateral rows. */
@media(min-width:1101px){
body.jue-site .jue-hero-central .jue-hero-main{align-self:stretch;display:flex;flex-direction:column}
body.jue-site .jue-hero-central .jue-hero-main .jue-hero-photo{flex:1;position:relative;min-height:340px}
body.jue-site .jue-hero-central .jue-hero-main .jue-hero-photo .jue-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
body.jue-site .jue-hero-central .jue-hero-main .jue-hero-copy{flex:none}
body.jue-site .jue-hero-central .jue-hero-main:only-child .jue-hero-photo{min-height:480px}
}

/* Global magazine mode covers every story in every homepage hero. */
body.jue-site .jue-hero .jue-hero-story.jue-hero-magazine h2,body.jue-site .jue-hero .jue-hero-story.jue-hero-magazine h2 a{font-family:Oswald,"Arial Narrow",Impact,sans-serif;font-weight:600;line-height:1.5;letter-spacing:-.015em}
body.jue-site .jue-hero .jue-hero-main.jue-hero-magazine h2,body.jue-site .jue-hero .jue-hero-main.jue-hero-magazine h2 a{font-family:var(--hero-font,Oswald),"Arial Narrow",sans-serif;font-weight:var(--hero-weight,600)}
body.jue-site .jue-hero.jue-hero-current .jue-card-lead.jue-card-magazine h3,body.jue-site .jue-hero.jue-hero-current .jue-card-lead.jue-card-magazine h3 a{line-height:1.5}
body.jue-site .jue-hero .jue-hero-title-strip{font-family:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.jue-site .jue-hero .jue-card.jue-card-magazine .jue-title-strip{background:#fff;color:#111;border:1px solid #111;box-shadow:0 2px 0 #111;padding:1px 7px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
