/* A compact, image-led home hero. */
.hero .wrap{grid-template-columns:.92fr 1.08fr;gap:48px;padding-block:54px;min-height:530px;align-items:center}
.hero h1{font-size:clamp(2.3rem,3.7vw,3.35rem);line-height:1.15;max-width:620px}
.hero p.hero-intro{font-size:1.0625rem;line-height:1.8;color:#d5e4ec;margin:24px 0 26px;max-width:570px}
.hero-slider{min-width:0;position:relative}
.hero-slides{position:relative;aspect-ratio:1.5;isolation:isolate;touch-action:pan-y;overflow:hidden;border-radius:4px;box-shadow:0 18px 42px #0003;background:#123447}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#06172418 70%,#0617249c 100%);pointer-events:none}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide figcaption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:22px 26px}
.hero-slide h2{font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.3;margin:0;color:#fff;letter-spacing:-.015em;text-shadow:0 1px 5px #0008}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:4px;min-height:52px;padding-top:4px}
.slider-controls[hidden],.slider-play [hidden]{display:none}
.slider-selectors{display:flex;gap:0}
.slider-controls button{position:relative;width:44px;min-width:44px;min-height:44px;padding:0;color:#d5e3ea;border:0;background:transparent;border-radius:50%;font-size:1.05rem;line-height:1.4}
.slider-select span{font-size:0}
.slider-select::after{position:absolute;content:"";width:6px;height:6px;border-radius:50%;left:19px;top:19px;background:#7793a3;transition:background .2s}
.slider-select[aria-pressed=true]::after{background:#e1bb7d;width:22px;left:11px;border-radius:5px}
.slider-controls button:hover{background:#ffffff10;color:white}
.slider-controls button:focus-visible{outline:2px solid #efd09d;outline-offset:1px}
.slider-controls .slider-play{margin-left:8px;order:3}
.slider-direction{display:contents}
.slider-direction [data-prev]{order:-1}
.slider-direction [data-next]{order:2}
.slider-direction svg{display:block;width:18px;height:18px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6}
html:not(:lang(en)) .hero h1{line-height:1.35}
html:not(:lang(en)) .hero-slide h2{line-height:1.45}
@media(max-width:1100px) and (min-width:901px){.hero .wrap{gap:30px}.hero h1{font-size:2.7rem}.hero-slide figcaption{padding:18px}}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:26px;padding-block:42px;min-height:0}.hero h1{max-width:700px}.hero-slider{width:100%;max-width:740px}.hero p.hero-intro{max-width:680px}.hero-slides{aspect-ratio:1.5}}
@media(max-width:520px){.hero h1{font-size:clamp(2rem,8.5vw,2.55rem)}.hero .wrap{padding-block:34px;gap:24px}.hero p.hero-intro{font-size:1rem;margin-block:20px 24px}.hero-slide figcaption{padding:14px 16px}.hero-slide h2{font-size:1.15rem}.hero-slides{aspect-ratio:1.4}}
@media(prefers-reduced-motion:reduce){.hero-slide,.slider-select::after{transition:none}}
