.hero{min-height:460px;padding-right:48%;align-items:center}.hero>div:first-child{width:100%}.hero h1{font-size:clamp(30px,3.1vw,48px)}.hero .art{display:none}.banner-photos{position:absolute;inset:0 0 0 auto;width:45%;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#1e655c;z-index:0;overflow:hidden}.banner-photos img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 64%;display:block}.banner-photos img+img{object-position:50% 65%}.banner-photos:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16645c66,transparent 22%);pointer-events:none}.hero:before{display:none}.hero:after{right:auto;left:-100px;bottom:-280px}.banner-photos img{transition:transform .6s}.banner-photos:hover img{transform:scale(1.025)}@media(min-width:1500px){.hero{min-height:510px}.banner-photos{width:47%}.hero{padding-right:51%}}@media(max-width:1100px){.hero{padding:32px 48% 32px 30px;min-height:440px}.hero h1{font-size:33px}.hero-actions{gap:8px}.hero-actions button{font-size:11px;padding:11px 14px}}@media(max-width:650px){.hero{padding:30px 24px 0;display:block;min-height:0}.hero h1{font-size:35px}.hero>div:first-child{max-width:none}.hero #intro{max-width:none}.banner-photos{position:relative;width:calc(100% + 48px);height:auto;aspect-ratio:1.35;inset:auto;margin:28px -24px 0;gap:4px}.banner-photos img{height:100%;object-position:center 65%}.banner-photos:after{background:linear-gradient(180deg,#16645c25,transparent 25%)}.hero:after{display:none}}@media(prefers-reduced-motion:reduce){.banner-photos img{transition:none}.banner-photos:hover img{transform:none}}@media print{.banner-photos{display:none}}
/* One photograph at a time, without cropping the original composition. */
.hero{min-height:480px;padding-right:49%}.banner-photos{display:block;width:45%;background:#123f3b;isolation:isolate}.banner-photos img,.banner-photos img+img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:none;padding:0 0 48px;transform:none!important}.banner-photos img[hidden]{display:none!important}.banner-photos:after{display:none}.banner-controls{position:absolute;bottom:10px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.banner-controls>button{border-radius:50%;width:32px;height:32px;padding:0;background:#ffffff20;color:white;font-size:24px;line-height:1}.banner-dots{display:flex;gap:9px}.banner-dot{width:8px;height:8px;padding:0;border-radius:50%;background:#ffffff50}.banner-dot.selected{background:#f1cc9e;width:22px;border-radius:8px}@media(min-width:1500px){.hero{min-height:530px;padding-right:50%}.banner-photos{width:46%}}@media(max-width:1100px){.hero{padding-right:49%;min-height:460px}.banner-photos{width:45%}}@media(max-width:650px){.hero{padding:30px 24px 0;min-height:0}.banner-photos{width:calc(100% + 48px);height:auto;aspect-ratio:0.88;max-height:none;margin-top:26px}.banner-photos img{padding-bottom:48px}.banner-controls{bottom:9px}}
/* Full-width photographic banner with text overlay. */
.hero{aspect-ratio:16/9;min-height:0;max-height:540px;padding:clamp(22px,4vw,48px);display:flex;align-items:center;background:#164b45}.hero>div:first-child{max-width:620px;width:72%;z-index:2}.hero .banner-photos{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;margin:0;background:#164b45;z-index:-1}.banner-photos img,.banner-photos img+img{padding:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}.hero .banner-photos:after{display:block;content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,35,32,.82),rgba(7,35,32,.48) 57%,rgba(7,35,32,.12)),linear-gradient(0deg,rgba(7,35,32,.28),transparent 35%);pointer-events:none}.hero:after{display:none}.hero h1{font-size:clamp(28px,3.6vw,52px);text-shadow:0 2px 14px #0003}.hero #intro{color:#f0f5ed;text-shadow:0 1px 8px #0005}.hero .kicker{color:#e1eccb}.hero .banner-controls{left:auto;right:22px;bottom:16px;width:130px;z-index:3;pointer-events:auto}.hero .hero-actions button.secondary{background:#143f3a60}.hero .art{display:none}@media(max-width:900px){.hero{padding:28px;max-height:none}.hero>div:first-child{width:85%}.hero h1{font-size:clamp(26px,4.2vw,42px)}}@media(max-width:600px){.hero{aspect-ratio:16/9;padding:18px;display:flex;border-radius:18px}.hero>div:first-child{width:100%;max-width:none}.hero .kicker{font-size:8px;margin:0 0 8px;letter-spacing:.12em}.hero h1{font-size:clamp(21px,5.3vw,30px);letter-spacing:-.8px;margin:0 0 8px;max-width:90%}.hero #intro{font-size:11px;line-height:1.45;margin:0 0 12px;max-width:92%}.hero-actions{gap:6px}.hero-actions button{font-size:9px;padding:8px 11px}.hero .banner-controls{width:100px;right:12px;bottom:9px}.banner-controls>button{width:24px;height:24px;font-size:19px}.banner-dots{gap:6px}.banner-dot{width:6px;height:6px}.banner-dot.selected{width:16px}.hero .banner-photos:after{background:linear-gradient(90deg,#092e29cc,#092e2970),linear-gradient(0deg,#092e2933,transparent)}.banner-photos img,.banner-photos img+img{object-position:center 65%}}@media(max-width:380px){.hero{padding:14px}.hero #intro{display:none}.hero h1{margin-bottom:12px}.hero .banner-controls{bottom:6px}.hero-actions button{font-size:8px;padding:7px 9px}}
