/* Slides share a grid track, keeping the banner height stable. */
.hero-carousel{display:grid;grid-template-columns:minmax(0,1fr)}
.hero-carousel:before{display:none}
.hero-carousel .hero-slide{grid-area:1/1;position:relative;isolation:isolate;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s .6s}
.hero-carousel .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s ease,visibility 0s}
.hero-slide:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#164766ed 0%,#236889bb 38%,#28769745 67%,transparent)}
.hero-slide-apartments:before{background:linear-gradient(90deg,#244b30f5 0%,#367420cc 38%,#36742055 67%,transparent)}
.hero-slide-apartments .button{background:#e2eed7;color:#244b30;border-color:#e2eed7}
.hero-slide-apartments .button:hover{background:#f0f6e9;color:#244b30}
.hero-carousel.is-apartments .hero-carousel-controls>button{background:#244b3080}
.hero-carousel.is-apartments .hero-carousel-controls button:hover{background:#367420}
@media(max-width:767px){.hero-carousel .hero-slide-apartments:before{background:linear-gradient(90deg,#244b30f0,#367420c9 65%,#36742080)}.hero-slide-apartments .hero-background{object-position:65% center}}
.hero-carousel .hero-grid{height:100%;min-height:500px}
.hero-carousel .hero-copy{padding-bottom:112px}
.hero-carousel .hero-copy h2{color:#fff;font-size:clamp(42px,4.4vw,64px);line-height:1.02;letter-spacing:-.045em;max-width:560px;margin:14px 0 18px}
.hero-carousel .hero-photo-credit{bottom:6px}
.hero.hero-carousel .hero-photo-open{bottom:auto;top:18px;right:18px}
.hero-carousel-controls{position:absolute;z-index:4;left:max(32px,calc((100% - 1280px)/2));bottom:34px;display:flex;align-items:center;gap:8px}
.hero-carousel-controls[hidden]{display:none}
.hero-carousel-controls>button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:#16476680;font:28px/1 Arial,sans-serif;cursor:pointer}
.hero-carousel-controls>button[data-hero-pause]{font-size:16px;margin-left:4px}
.hero-carousel-controls button:hover{background:#287697}.hero-carousel-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-carousel-dots{display:flex;gap:2px;align-items:center}
.hero-carousel-dots button{display:grid;place-items:center;width:28px;height:40px;border:0;padding:0;background:transparent;cursor:pointer}
.hero-carousel-dots button:before{content:"";display:block;width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:transparent}
.hero-carousel-dots button[aria-current]:before{background:#fff}
.hero-carousel-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:767px){.hero-carousel .hero-grid{min-height:0}.hero-carousel .hero-copy{padding-top:52px;padding-bottom:112px}.hero-carousel .hero-copy h2{font-size:clamp(34px,10vw,42px);line-height:1.08;margin:12px 0 18px}.hero-slide:before{background:linear-gradient(90deg,#164766ed,#236889cc 65%,#2876978c)}.hero-carousel-controls{left:16px;gap:6px}.hero-carousel-controls>button{width:44px;height:44px}.hero-carousel-dots button{height:44px;width:24px}.hero.hero-carousel .hero-photo-open{top:10px;right:12px;min-height:36px;font-size:11px}.hero-carousel .hero-slide:nth-child(2) .hero-background{object-position:72% center}}
@media(max-width:359px){.hero-carousel .hero-copy h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide,.hero-carousel .hero-slide.is-active{transition:none}}
/* Side navigation and a separate, centered slide indicator. */
.hero-carousel .hero-grid{width:min(1280px,calc(100% - 144px))}
.hero-carousel .hero-carousel-controls{inset:0;display:block;pointer-events:none}
.hero-carousel .hero-carousel-controls[hidden]{display:none}
.hero-carousel-controls button{pointer-events:auto}
.hero-carousel-controls>[data-hero-prev],.hero-carousel-controls>[data-hero-next]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px}
.hero-carousel-controls>[data-hero-prev]{left:16px}
.hero-carousel-controls>[data-hero-next]{right:16px}
.hero-carousel-controls>[data-hero-prev],.hero-carousel-controls>[data-hero-next]{padding:0;line-height:0;transition:opacity .2s ease,background .2s ease}
.hero-carousel-controls>button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.hero-carousel-controls>[data-hero-prev],.hero-carousel-controls>[data-hero-next]{opacity:0;pointer-events:none}.hero-carousel:hover .hero-carousel-controls>[data-hero-prev],.hero-carousel:hover .hero-carousel-controls>[data-hero-next],.hero-carousel:focus-within .hero-carousel-controls>[data-hero-prev],.hero-carousel:focus-within .hero-carousel-controls>[data-hero-next]{opacity:1;pointer-events:auto}}
.hero-carousel .hero-carousel-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);gap:2px;padding:0 8px;background:#163c4159;border-radius:24px;pointer-events:auto}
.hero-carousel .hero-carousel-dots button{width:22px;height:30px;border-radius:50%;background:transparent}
.hero-carousel-dots button:before{width:6px;height:6px;transition:background .2s,transform .2s}
.hero-carousel-dots button[aria-current]:before{transform:scale(1.2)}
.hero-carousel-controls>[data-hero-pause]{position:absolute;bottom:24px;left:calc(50% + 84px);right:auto;margin:0;width:44px;height:44px}
@media(max-width:767px){.hero-carousel .hero-grid{width:calc(100% - 96px)}.hero-carousel-controls>[data-hero-prev]{left:4px}.hero-carousel-controls>[data-hero-next]{right:4px}.hero-carousel-controls>[data-hero-pause]{right:12px}.hero-carousel .hero-copy h1,.hero-carousel .hero-copy h2{font-size:clamp(28px,8vw,40px)}.hero-carousel .hero-copy{padding-top:42px;padding-bottom:104px}.hero-carousel .hero-copy .button{padding:0 12px;line-height:1.3}.hero-carousel .hero-carousel-dots{gap:2px;padding:0 8px}}
/* Mobile: image above, copy anchored below, navigation on its own bottom row. */
@media(max-width:767px){
 .hero-carousel{--mobile-photo-height:clamp(280px,84vw,390px)}
 .hero-carousel .hero-slide{background:#164766}
 .hero-carousel .hero-slide-apartments{background:#244b30}
 .hero-carousel .hero-slide .hero-background{height:var(--mobile-photo-height);inset:0 0 auto;object-fit:cover;border-radius:0}
 .hero-carousel .hero-slide-logistics .hero-background{object-position:58% 42%}
 .hero-carousel .hero-slide.hero-slide-services .hero-background{object-position:100% center}
 .hero-carousel .hero-slide-apartments .hero-background{object-position:50% 100%}
 .hero-carousel .hero-grid{width:calc(100% - 48px);min-height:clamp(560px,78svh,720px);align-items:end;display:flex}
 .hero-carousel .hero-copy{width:100%;max-width:none;padding:calc(var(--mobile-photo-height) - 48px) 0 106px}
 .hero-carousel .hero-copy h1,.hero-carousel .hero-copy h2{font-size:clamp(28px,7.8vw,38px);line-height:1.1;margin:12px 0 16px;max-width:none}
 .hero-carousel .hero-copy p{font-size:15px;line-height:1.55;margin-bottom:22px;max-width:none}
 .hero-carousel .hero-copy .button{width:100%;min-height:48px;font-size:12px;padding:12px 14px;line-height:1.3}
 .hero-carousel .hero-slide:before{inset:0 0 auto;height:var(--mobile-photo-height);background:linear-gradient(180deg,transparent 42%,#16476650 65%,#164766 100%)}
 .hero-carousel .hero-slide-apartments:before{background:linear-gradient(180deg,transparent 42%,#244b3050 65%,#244b30 100%)}
 .hero-carousel-controls>[data-hero-prev],.hero-carousel-controls>[data-hero-next]{top:auto;bottom:28px;transform:none;opacity:1;pointer-events:auto;width:44px;height:44px}
 .hero-carousel-controls>[data-hero-prev]{left:calc(50% - 108px);right:auto}
 .hero-carousel-controls>[data-hero-next]{left:auto;right:calc(50% - 108px)}
 .hero-carousel .hero-carousel-dots{bottom:28px;height:44px;align-items:center}
 .hero-carousel .hero-carousel-dots button{height:44px}
 .hero-carousel .hero-photo-credit{bottom:4px;right:12px;font-size:8px;max-width:calc(100% - 24px)}
}