/* Homepage photo preview; all selectors scoped to the homepage. */
body[data-page="home"] .home-hero{display:grid;grid-template-columns:1fr;grid-template-areas:"opening" "facts";background:var(--paper);isolation:isolate}
body[data-page="home"] .home-hero .hero-photo{grid-area:opening;min-height:640px;position:relative;margin:0;z-index:0;aspect-ratio:auto}
body[data-page="home"] .home-hero .hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}
body[data-page="home"] .home-hero .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,34,44,.86),rgba(10,34,44,.65) 37%,rgba(10,34,44,.13) 74%)}
body[data-page="home"] .home-hero .hero-copy{grid-area:opening;position:relative;z-index:1;width:100%;max-width:760px;padding:64px 48px 64px max(32px,calc((100vw - 1200px)/2));align-self:center;color:white}
body[data-page="home"] .home-hero h1,body[data-page="home"] .home-hero h1 em,body[data-page="home"] .home-hero .eyebrow,body[data-page="home"] .home-hero .hero-intro,body[data-page="home"] .home-hero .text-link,body[data-page="home"] .home-hero .hero-credibility,body[data-page="home"] .home-hero .hero-credibility a{color:white}
body[data-page="home"] .home-hero h1{font-size:clamp(2.8rem,4.1vw,4.3rem);max-width:620px}
body[data-page="home"] .home-hero .hero-intro{max-width:480px}
body[data-page="home"] .home-hero .hero-actions .button{background:white;border-color:white;color:var(--navy)}
body[data-page="home"] .home-hero .hero-actions .button:hover{background:var(--pale)}
body[data-page="home"] .home-hero .hero-credibility{border-color:#ffffff55;max-width:480px}
body[data-page="home"] .home-hero .hero-facts{grid-area:facts;position:relative;background:var(--paper)}
@media(min-width:1600px){body[data-page="home"] .home-hero .hero-copy{max-width:calc((100vw - 1200px)/2 + 650px)}}
@media(max-width:800px){
 body[data-page="home"] .home-hero{grid-template-areas:"photo" "copy" "facts"}
 body[data-page="home"] .home-hero .hero-photo{grid-area:photo;min-height:0;height:clamp(210px,60vw,350px)}
 body[data-page="home"] .home-hero .hero-photo img{object-position:58% 58%}
 body[data-page="home"] .home-hero .hero-photo::after{display:none}
 body[data-page="home"] .home-hero .hero-copy{grid-area:copy;max-width:none;padding:32px 24px 30px;color:var(--ink)}
 body[data-page="home"] .home-hero h1{font-size:clamp(2.45rem,8.3vw,3.9rem);color:var(--navy)}
 body[data-page="home"] .home-hero h1 em,body[data-page="home"] .home-hero .eyebrow,body[data-page="home"] .home-hero .text-link,body[data-page="home"] .home-hero .hero-credibility a{color:var(--blue)}
 body[data-page="home"] .home-hero .eyebrow{font-size:10px;margin-bottom:16px}
 body[data-page="home"] .home-hero .hero-intro,body[data-page="home"] .home-hero .hero-credibility{color:var(--muted)}
 body[data-page="home"] .home-hero .hero-tagline{margin-top:20px}
 body[data-page="home"] .home-hero .hero-actions{gap:12px 20px;margin-top:24px}
 body[data-page="home"] .home-hero .hero-actions .button{background:var(--navy);border-color:var(--navy);color:white}
 body[data-page="home"] .home-hero .hero-credibility{border-color:var(--line);margin-top:22px}
}
