/* Approved panoramic hero shared by English and Italian teens pages. */
/* Desktop outpainted photograph: keep copy within the clear left area. */
@media(min-width:761px){
 .teen-page .teen-hero.teen-hero-extended h1{font-size:clamp(40px,4.5vw,68px)}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-lead{max-width:min(560px,46vw)}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-actions{max-width:46vw;flex-wrap:wrap}
 .teen-page .teen-hero.teen-hero-extended{height:auto;min-height:0;aspect-ratio:2302 / 724}
 .teen-page .teen-hero.teen-hero-extended picture img{object-fit:contain;object-position:center}
}
/* Preserve the whole panoramic photograph. Stack copy below it on tablets
   rather than crop the subjects or squeeze the text. Mobile remains unchanged. */
/* Owner-approved alignment: match the 88% / 1180px reason columns below. */
@media(min-width:1200px){
 .teen-page .teen-hero.teen-hero-extended .teen-hero-copy{width:88%;max-width:1180px}
 .teen-page .teen-hero.teen-hero-extended h1{font-size:clamp(40px,3.9vw,64px)}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-lead{max-width:40vw;font-size:clamp(15px,1.1vw,18px);line-height:1.55}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-actions{max-width:43vw;margin-top:24px;gap:8px}
 .teen-page .teen-hero.teen-hero-extended .teen-btn{padding:12px 16px}
}
/* A compact, quiet facts panel for the desktop hero. */
@media(min-width:1200px){
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof{right:3vw;bottom:18px;width:410px;grid-template-columns:110px 120px 180px;padding:14px 0;border:1px solid rgba(255,255,255,.65);border-radius:12px;background:rgba(250,248,242,.96);box-shadow:0 4px 18px rgba(17,61,82,.08)}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof>div{padding:0 16px;border-left:1px solid rgba(71,116,91,.17);display:flex;flex-direction:column;justify-content:center;gap:5px}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof>div:first-child{border-left:0}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof b{font-size:25px;line-height:1;letter-spacing:-.025em}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof span{display:block;font:400 11px/1.4 'DM Sans',sans-serif;text-transform:none;letter-spacing:0;color:#526660}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof .irish-teen-proof b{font:600 12px/1.3 'DM Sans',sans-serif;letter-spacing:0;margin:0}
}
@media(min-width:761px) and (max-width:1199px){
 .teen-page .teen-hero.teen-hero-extended{aspect-ratio:auto;padding-top:calc(100vw * 724 / 2302);background:var(--teen-cream)}
 .teen-page .teen-hero.teen-hero-extended>picture{height:calc(100vw * 724 / 2302)}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-shade{display:none}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-copy{position:relative;left:auto;top:auto;transform:none;width:auto;padding:32px 36px;color:var(--teen-navy)}
 .teen-page .teen-hero.teen-hero-extended .teen-kicker{color:#397052}
 .teen-page .teen-hero.teen-hero-extended h1 em{color:#47745b}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-lead{max-width:720px;color:var(--teen-navy)}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-actions{max-width:none}
 .teen-page .teen-hero.teen-hero-extended .teen-btn.catalogue{color:var(--teen-navy);border-color:#47745b}
 .teen-page .teen-hero.teen-hero-extended .teen-hero-proof{position:relative;inset:auto;width:100%;grid-template-columns:repeat(3,1fr)}
}