/* Museum Magazine's lead-and-rail composition, using Euro Magazine's own identity. */
.euro-front-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(265px,.9fr);gap:27px;align-items:start}
.euro-front-grid>.euro-hero{display:block;min-height:0;overflow:visible;background:transparent;color:var(--navy)}
.euro-front-grid>.euro-hero>img{position:static;width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:center 53%}
.euro-front-grid>.euro-hero:after{display:none}
.euro-front-grid .hero-image-link{inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:1.85}
.euro-front-grid .hero-copy{position:static;max-width:none;padding:19px 0 0;color:var(--navy);pointer-events:auto}
.euro-front-grid .hero-copy .eyebrow{display:block;width:max-content;max-width:100%;padding:0;background:none;color:var(--accent)}
.euro-front-grid .hero-copy h1{font-size:clamp(30px,3vw,42px);max-width:none;line-height:1.1;margin-bottom:12px}
.euro-front-grid .hero-copy p{max-width:65ch;font-size:16px;line-height:1.55;margin-bottom:12px}
.euro-front-grid .hero-copy .read{color:var(--navy)}
.euro-front-grid>.top-stories{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding-left:25px;border-left:1px solid var(--line)}
.euro-front-grid .top-stories .card{border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 0 18px;margin-bottom:18px}
.euro-front-grid .top-stories .card:last-child{margin-bottom:0}
.euro-front-grid .top-stories .card>a{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;align-items:start}
.euro-front-grid .top-stories img{width:105px;height:88px;aspect-ratio:auto;object-fit:cover}
.euro-front-grid .top-stories .copy{padding:0}
.euro-front-grid .top-stories h3{font-size:clamp(17px,1.5vw,21px);line-height:1.18;margin:0}
.euro-front-grid .top-stories .card p,.euro-front-grid .top-stories .read{display:none}
@media(max-width:800px){.euro-front-grid{grid-template-columns:1fr}.euro-front-grid>.top-stories{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.euro-front-grid>.euro-hero>img,.euro-front-grid .hero-image-link{aspect-ratio:1.6}}
@media(max-width:600px){.euro-front-grid>.euro-hero{min-height:0}.euro-front-grid>.euro-hero>img{object-position:center 53%}.euro-front-grid .hero-copy{padding:17px 0 0}.euro-front-grid .hero-copy h1{font-size:33px}.euro-front-grid .top-stories .card{padding:0 0 15px;margin-bottom:15px}.euro-front-grid .top-stories .card>a{grid-template-columns:100px minmax(0,1fr);gap:14px}.euro-front-grid .top-stories img{width:100px;height:85px}.euro-front-grid .top-stories h3{font-size:18px}}
/* Supersede the older mobile overlay hero for this layout only. */
@media(max-width:650px){
 body[data-front=true] .euro-front-grid>.euro-hero{height:auto!important;min-height:0!important;overflow:visible}
 body[data-front=true] .euro-front-grid>.euro-hero>img{position:static!important;height:auto!important;width:100%;aspect-ratio:1.6}
 body[data-front=true] .euro-front-grid .hero-copy{position:static!important;padding:17px 0 0!important;max-width:none!important}
 body[data-front=true] .euro-front-grid .hero-copy h1{font-size:30px!important;max-width:none!important;line-height:1.12!important;text-wrap:normal}
 body[data-front=true] .euro-front-grid .hero-copy p,body[data-front=true] .euro-front-grid .hero-copy .read{display:block!important}
}
