/* Scoped to Canvas photo heroes; the supplied homepage keeps its original art. */
.hero.photo-hero{background:#102a36;color:#fff;isolation:isolate;height:740px;min-height:740px}
.photo-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.photo-hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%)}
.hero.photo-hero:after{z-index:-1;background:linear-gradient(90deg,rgba(5,22,31,.88),rgba(5,22,31,.65) 37%,rgba(5,22,31,.1) 78%),linear-gradient(0deg,rgba(5,22,31,.65),transparent 45%)}
.photo-hero .hero-content{padding-top:168px;max-width:910px}
.hero.photo-hero h1{font-size:clamp(52px,5.8vw,84px);letter-spacing:-3.5px;margin:28px 0 22px}
.hero.photo-hero h1 span{color:#d1e9ef}
.hero.photo-hero .eyebrow,.hero.photo-hero p,.photo-hero .hero-bottom{color:#e1edf1}
.hero.photo-hero p{max-width:460px;line-height:1.7}
.photo-hero .hero-actions .textlink{color:#fff}
.photo-hero .hero-note{background:#15354166;border:1px solid #ffffff55;box-shadow:0 20px 60px #0002;color:#e2edf0;backdrop-filter:blur(24px);bottom:105px;max-width:250px}
.photo-hero .hero-note b{color:#fff}
.photo-hero .hero-bottom{z-index:2;letter-spacing:1.5px}
.photo-hero--portrait .photo-hero-media{left:47%}
.hero.photo-hero--portrait:after{background:linear-gradient(90deg,#102a36 25%,#102a36 47%,#102a3611 78%),linear-gradient(0deg,#102a36bb,transparent 40%)}
@media(min-width:1600px){.photo-hero .hero-content{padding-left:8%}}
@media(max-width:1100px){.photo-hero .hero-note{right:5%;max-width:205px}.photo-hero .hero-content{max-width:780px}.hero.photo-hero h1{font-size:64px}}
@media(max-width:760px){
 .hero.photo-hero{height:820px;min-height:820px}
 .photo-hero-media img{object-position:var(--photo-mobile-position,60% 50%)}
 .hero.photo-hero:after{background:linear-gradient(180deg,#061b27b8 0%,#061b27a8 42%,#061b2722 72%,#061b27b8 100%)}
 .photo-hero .hero-content{padding:132px 7% 0;max-width:100%}
 .hero.photo-hero h1{font-size:clamp(41px,11vw,60px);letter-spacing:-2px;line-height:1.08;margin:23px 0}
 .hero.photo-hero p{font-size:14px;max-width:340px;line-height:1.65}
 .photo-hero .hero-actions{gap:16px;align-items:center;flex-wrap:wrap}
 .photo-hero .hero-actions .textlink{font-size:11px;max-width:140px}
 .photo-hero .hero-note{display:none}
 .photo-hero .hero-bottom{bottom:25px}
 .photo-hero--portrait .photo-hero-media{left:0;top:270px}
 .hero.photo-hero--portrait:after{background:linear-gradient(180deg,#102a36 0%,#102a36 27%,#102a36ba 50%,#102a3600 78%,#102a36aa 100%)}
}