/* C164 candidate only. Blue #064a9d is provisional, not an official brand token. */
/* v2 retains imagery on all 12 previously photographic pages. */
.hr-hero.hero{height:480px;min-height:0;background:#fff;isolation:isolate}
.hr-hero.hero:after{display:none!important}
.hr-hero .city{position:absolute;left:46%;top:0;bottom:auto;width:54%;height:100%;object-fit:cover;object-position:50% 50%;opacity:1;z-index:-2}
.hr-hero .hero-content{width:1200px;max-width:calc(100% - 96px);margin:0 auto;padding:27px 0 48px;position:relative;z-index:2}
.hr-hero .hero-content>h1,.hr-hero .hero-lead{max-width:43%}
.hr-hero .hero-eyebrow{color:#064a9d;margin:63px 0 18px;font-size:13px;letter-spacing:.14em}
.hr-hero.hero h1{font-size:clamp(38px,4.05vw,58px);line-height:1.48;letter-spacing:.025em}
.hr-hero .hero-lead{font-size:20px;line-height:1.95;margin-top:25px}
.hr-hero .motif{display:none}
.hr-hero.hr-plain{height:auto;min-height:310px;background:#f2f6f8}
.hr-hero.hr-plain .city{display:none}
.hr-hero.hr-plain .hero-content>h1,.hr-hero.hr-plain .hero-lead{max-width:900px}
.hr-hero.hr-plain .hero-content{padding-bottom:52px}
.hr-hero.hr-plain .hero-eyebrow{margin-top:45px}
.hr-hero.hr-plain .motif{display:block;width:1400px;height:auto;left:auto;right:-400px;bottom:-610px;opacity:.065;z-index:-1}
.hr-hero.hr-plain .hero-lead{font-size:18px;max-width:760px}
@media(max-width:1100px){.hr-hero.hero{height:435px}.hr-hero .hero-content{max-width:calc(100% - 64px)}.hr-hero .hero-eyebrow{margin-top:53px}.hr-hero .hero-lead{font-size:18px}.hr-hero.hr-plain{height:auto;min-height:285px}}
@media(max-width:800px){.hr-hero.hero{height:auto;padding-bottom:0}.hr-hero .hero-content{max-width:calc(100% - 64px);width:auto;padding-bottom:34px}.hr-hero .hero-content>h1,.hr-hero .hero-lead{max-width:100%}.hr-hero .hero-eyebrow{margin-top:30px}.hr-hero .city{position:relative;left:0;top:auto;width:100%;height:285px;display:block;z-index:0}.hr-hero .hero-content{order:0}.hr-hero{display:flex;flex-direction:column}.hr-hero .city{order:1}.hr-hero.hr-plain{display:block;min-height:0}.hr-hero.hr-plain .hero-content{padding-bottom:38px}.hr-hero.hr-plain .hero-eyebrow{margin-top:30px}}
@media(max-width:600px){.hr-hero .hero-content{max-width:calc(100% - 48px);width:calc(100% - 48px);padding-top:18px;padding-bottom:28px}.hr-hero.hero h1{font-size:36px;line-height:1.55}.hr-hero .hero-eyebrow{font-size:11px;margin:26px 0 12px}.hr-hero .hero-lead{font-size:17px;line-height:1.9;margin-top:16px}.hr-hero .city{height:230px;object-position:50% 50%}.hr-hero.hr-plain .hero-lead{font-size:16px}.hr-hero.hr-plain .motif{width:950px;right:-430px;bottom:-420px}.hr-hero.hr-plain .hero-content{padding-bottom:34px}}
@media(max-width:375px){.hr-hero.hero h1{font-size:32px}.hr-hero .hero-lead{font-size:16px}}
/* Tablet gets a taller image so model roofs and bases remain visible. */
@media(min-width:601px) and (max-width:800px){.hr-hero .city{height:460px}.hr-hero .hero-content{width:calc(100% - 64px)}}
.hr-C04-GC.hero h1{font-size:43px}.hr-C04-GC .hero-lead{font-size:17px;line-height:1.9}.hr-C04-GC .hero-eyebrow{margin-top:40px}
.hr-C03 .city{object-position:62% center}
@media(min-width:801px) and (max-width:1100px){.hr-C04-GC.hero h1{font-size:35px}.hr-C04-GC .hero-lead{font-size:16px}.hr-C04-GC .hero-eyebrow{margin-top:36px}}
@media(max-width:600px){.hr-C04-GC.hero h1{font-size:32px}.hr-C04-GC .hero-eyebrow{margin-top:26px}.hr-C04-GC .hero-lead{font-size:16px}}
@media(max-width:375px){.hr-C04-GC.hero h1{font-size:29px}}

/* v3: fade only the image boundary; original image remains unmodified. */
.hr-hero .city{mask-image:linear-gradient(to right,transparent 0%,#000 24%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%)}
@media(max-width:800px){.hr-hero .city{mask-image:linear-gradient(to bottom,transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%)}}

/* v4: photo extends beneath the whitespace, with a broad gradual blend. */
@media(min-width:801px){.hr-hero .city{left:28%;width:72%;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.4) 24%,#000 46%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.4) 24%,#000 46%)}}

/* Existing logo-derived source is reused without reshaping. Colors are provisional. */
.hr-hero .motif{display:block;position:absolute;width:1900px;max-width:none;height:auto;left:-650px;right:auto;bottom:-650px;opacity:.2;z-index:1;pointer-events:none}
.tone-curve h1{color:#064a9d}.tone-curve .hero-eyebrow{color:#064a9d}
.tone-blue.hero{background:#064a9d;color:white}
.tone-blue .crumb{color:#e2ebf8}.tone-blue .hero-eyebrow{color:#f1d276}.tone-blue h1,.tone-blue .hero-lead{color:white}.tone-blue .motif{opacity:.13}
@media(max-width:800px){.hr-hero .motif{width:1200px;left:-500px;bottom:-270px;opacity:.18}.tone-blue .motif{opacity:.1}}
@media(max-width:600px){.hr-hero .motif{width:950px;left:-450px;bottom:-260px}}

/* White portions of the original motif do not wash out the photo. */
.hr-hero .motif{mix-blend-mode:multiply}
/* Sampled from supplied TOP image 1 hero English lettering; not an official token. */
.hr-hero.tone-curve .hero-eyebrow{color:#d3ac2f}

/* User correction: restore original title navy and blue eyebrow. */
.hr-hero.tone-curve h1{color:#19354e}
.hr-hero.tone-curve .hero-eyebrow{color:#064a9d}

/* Restore F01 adopted heading sizes; other pages unchanged. */
.hr-F01.hero h1{font-size:84px}
@media(max-width:1279px){.hr-F01.hero h1{font-size:74px}}
@media(max-width:600px){.hr-F01.hero h1{font-size:46px}}

.hr-B01.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-B01.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-B01.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-B01.hero h1{font-size:46px}}
.hr-B02.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-B02.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-B02.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-B02.hero h1{font-size:46px}}
.hr-B02.hero h1{font-size:72px}
@media (max-width: 980px){.hr-B02.hero h1{font-size:62px}}
@media (max-width: 600px){.hr-B02.hero h1{font-size:39px}}
.hr-B03.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-B03.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-B03.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-B03.hero h1{font-size:46px}}
.hr-B03.hero h1{font-size:72px}
@media (max-width: 980px){.hr-B03.hero h1{font-size:62px}}
@media (max-width: 600px){.hr-B03.hero h1{font-size:39px}}
.hr-F01.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-F01.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-F01.hero h1{font-size:46px}}
.hr-R01.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-R01.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-R01.hero h1{font-size:46px}}
.hr-C01.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-C01.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-C01.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-C01.hero h1{font-size:46px}}
.hr-C02.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-C02.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-C02.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-C02.hero h1{font-size:46px}}
.hr-C02.hero h1{font-size:72px}
@media (max-width: 1279px){.hr-C02.hero h1{font-size:62px}}
@media (max-width: 980px){.hr-C02.hero h1{font-size:58px}}
@media (max-width: 600px){.hr-C02.hero h1{font-size:38px}}
.hr-C03.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-C03.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-C03.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-C03.hero h1{font-size:46px}}
.hr-C03.hero h1{font-size:72px}
@media (max-width: 1279px){.hr-C03.hero h1{font-size:62px}}
@media (max-width: 980px){.hr-C03.hero h1{font-size:58px}}
@media (max-width: 600px){.hr-C03.hero h1{font-size:38px}}
.hr-C04-IP.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-C04-IP.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-C04-IP.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-C04-IP.hero h1{font-size:46px}}
.hr-C04-IP.hero h1{font-size:72px}
@media (max-width: 1279px){.hr-C04-IP.hero h1{font-size:62px}}
@media (max-width: 980px){.hr-C04-IP.hero h1{font-size:58px}}
@media (max-width: 600px){.hr-C04-IP.hero h1{font-size:44px}}
.hr-C04-GC.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-C04-GC.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-C04-GC.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-C04-GC.hero h1{font-size:46px}}
.hr-C04-GC.hero h1{font-size:58px}
@media (max-width: 1279px){.hr-C04-GC.hero h1{font-size:52px}}
@media (max-width: 980px){.hr-C04-GC.hero h1{font-size:49px}}
@media (max-width: 600px){.hr-C04-GC.hero h1{font-size:31px}}
.hr-C05.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-C05.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-C05.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-C05.hero h1{font-size:46px}}
.hr-C05.hero h1{font-size:58px}
@media (max-width: 1279px){.hr-C05.hero h1{font-size:52px}}
@media (max-width: 980px){.hr-C05.hero h1{font-size:49px}}
@media (max-width: 600px){.hr-C05.hero h1{font-size:38px}}
.hr-E01.hero h1{font-size:84px}
@media (max-width: 1279px){.hr-E01.hero h1{font-size:74px}}
@media (max-width: 600px){.hr-E01.hero h1{font-size:46px}}
@media (max-width: 600px){.hr-E01.hero h1{font-size:46px}}
.hr-E01.hero h1{font-size:58px}
@media (max-width: 1279px){.hr-E01.hero h1{font-size:52px}}
@media (max-width: 980px){.hr-E01.hero h1{font-size:49px}}
@media (max-width: 600px){.hr-E01.hero h1{font-size:38px}}
@media (max-width: 600px){.hr-E01.hero h1{font-size:clamp(26px, 7.7vw, 38px)}}
/* Retain adopted heading sizes without narrow-column word breaks. */
@media(min-width:801px){.hr-hero.hero h1{max-width:100%;width:max-content}}