/* Stage 5 — Hero 2.0 slider + regional investment-photo wall. */
.nk-hero{isolation:isolate}
.nk-hero:after{z-index:1;pointer-events:none}
.nk-hero-slider__track{position:absolute;inset:0;z-index:0}
.nk-hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .65s ease,transform 1.1s ease,visibility 0s linear .65s}
.nk-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-delay:0s}
.nk-hero-slide__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nk-hero-slide .nk-hero-content{z-index:2}
.nk-hero .nk-hero-slide-title{max-width:900px;margin:0 0 14px;color:#fff;font-size:clamp(34px,5vw,68px);line-height:1.16;text-wrap:balance}
.nk-hero-dots{position:absolute;left:50%;bottom:22px;z-index:6;display:flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(11,31,23,.28);backdrop-filter:blur(12px);transform:translateX(-50%)}
.nk-hero-dot{display:grid;width:22px;height:22px;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}
.nk-hero-motion{display:grid;width:24px;height:24px;padding:0;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:10px;font-weight:400;cursor:pointer}.nk-hero-motion:hover{background:rgba(255,255,255,.22)}.nk-hero-motion:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nk-hero-dot span{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.56);transition:width .2s ease,background .2s ease,border-radius .2s ease}
.nk-hero-dot.is-active span{width:22px;border-radius:999px;background:#fff}
.nk-hero-dot:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:999px}

/* The desktop wall follows the requested L-shape: six across the top, five down the right edge. */
.nk-region-wall{--nk-region-side:clamp(126px,10.5vw,158px);position:absolute;inset:0;z-index:4;pointer-events:none}
.nk-region-wall__top{position:absolute;top:18px;left:18px;right:calc(var(--nk-region-side) + 28px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:84px}
.nk-region-wall__right{position:absolute;top:110px;right:18px;bottom:66px;display:grid;width:var(--nk-region-side);grid-template-rows:repeat(5,minmax(0,1fr));gap:8px}
.nk-region-wall__item{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:13px;background:#17392b;box-shadow:0 9px 28px rgba(8,27,19,.22);text-decoration:none;pointer-events:auto;transform:translateZ(0)}
.nk-region-wall__item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,28,20,.03) 25%,rgba(9,28,20,.82) 100%)}
.nk-region-wall__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.nk-region-wall__item span{position:absolute;right:8px;bottom:7px;left:8px;z-index:1;color:#fff;font-size:clamp(9px,.85vw,12px);font-weight:400;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.38)}
.nk-region-wall__item:hover img,.nk-region-wall__item:focus-visible img{transform:scale(1.055);filter:saturate(1.08)}
.nk-region-wall__item:focus-visible{outline:3px solid #fff;outline-offset:2px}
.nk-hero.has-region-wall .nk-hero-content{padding-top:132px;padding-right:calc(var(--nk-region-side) + 44px);padding-bottom:74px;transform:none}
.nk-hero.has-region-wall .nk-hero-content h1,.nk-hero.has-region-wall .nk-hero-slide-title{max-width:760px}
.nk-hero.has-region-wall .nk-hero-text{max-width:660px}

@media(max-width:1100px){
  .nk-hero.has-region-wall{min-height:680px;aspect-ratio:auto}
  .nk-region-wall{top:auto;right:16px;bottom:58px;left:16px;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none;pointer-events:auto}
  .nk-region-wall::-webkit-scrollbar{display:none}
  .nk-region-wall__top,.nk-region-wall__right{display:contents}
  .nk-region-wall__item{flex:0 0 132px;height:78px;scroll-snap-align:start}
  .nk-region-wall__item span{font-size:10px}
  .nk-hero.has-region-wall .nk-hero-content{padding-top:42px;padding-right:0;padding-bottom:170px;transform:none}
  .nk-hero.has-region-wall .nk-hero-content h1,.nk-hero.has-region-wall .nk-hero-slide-title{max-width:820px}
  .nk-hero.has-region-wall .nk-hero-text{max-width:720px}
  .nk-hero.has-region-wall .nk-hero-dots{bottom:20px}
}
@media(max-width:640px){
  .nk-hero.has-region-wall{min-height:760px}
  .nk-hero-slide .nk-hero-content{transform:none}
  .nk-hero .nk-hero-slide-title{font-size:clamp(32px,11vw,48px)}
  .nk-hero.has-region-wall .nk-hero-content{padding-top:32px;padding-bottom:176px}
  .nk-region-wall{right:14px;bottom:58px;left:14px}
  .nk-region-wall__item{flex-basis:124px;height:74px}
  .nk-hero-dots{bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .nk-hero-slide,.nk-region-wall__item img,.nk-hero-dot span{transition:none}
}
