/* =========================================================
   NPW HOMEPAGE HERO — FULL-BLEED OVERLAY PREVIEW
   Review variant added 2026-09-02.

   This file is intentionally additive. The approved/current hero styles in
   home-hero.css remain untouched. The variant is active only while the body
   carries .home-hero-overlay-preview, so reverting is a one-line change in
   scripts/apply-home-hero-styles.mjs.
   ========================================================= */

.home-page-v2.home-hero-overlay-preview .home-proposition{
  padding:28px 0 32px;
  background:#f6f9f7;
  border-bottom:1px solid var(--line);
}

.home-page-v2.home-hero-overlay-preview .home-proposition::before,
.home-page-v2.home-hero-overlay-preview .home-proposition .hero-gridlines{
  display:none;
}

.home-page-v2.home-hero-overlay-preview .hero-slider{
  position:relative;
  min-height:560px;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide{
  overflow:hidden;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid{
  position:relative;
  display:block;
  min-height:560px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(8,61,44,.18);
  background:var(--green-950);
  box-shadow:0 22px 54px rgba(8,61,44,.12);
}

/* The visual becomes the slide canvas rather than a separate right column. */
.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-visual{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  min-height:0;
  margin:0;
  border:0;
  box-shadow:none;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-photo{
  background:var(--green-950);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:none;
  opacity:1;
}

/* Keep faces/subjects on the open right side of the composition. */
.home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="1"] .home-slide-photo img{
  object-position:72% center;
}
.home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="2"] .home-slide-photo img{
  object-position:70% center;
}
.home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="3"] .home-slide-photo img{
  object-position:75% center;
}
.home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="4"] .home-slide-photo img{
  object-position:72% center;
}
.home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="5"] .home-slide-photo img{
  object-position:74% center;
}

/* A directional scrim is now purposeful because the copy sits on the image. */
.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(4,35,25,.96) 0%,
      rgba(4,35,25,.91) 31%,
      rgba(4,35,25,.76) 46%,
      rgba(4,35,25,.38) 61%,
      rgba(4,35,25,.08) 78%,
      rgba(4,35,25,.05) 100%);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(3,25,18,.08),transparent 28%,transparent 72%,rgba(3,25,18,.14));
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy{
  position:relative;
  z-index:4;
  width:min(610px,54%);
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 48px 82px 54px;
  color:#fff;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy .eyebrow{
  margin-bottom:13px;
  color:var(--gold-light);
  font-size:.69rem;
  letter-spacing:.17em;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h1,
.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h2{
  max-width:590px;
  margin:0 0 17px;
  color:#fff;
  font-size:clamp(2.75rem,3.75vw,3.9rem);
  line-height:.98;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h1 span,
.home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h2 span{
  color:#f1d77c;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-theme{
  max-width:560px;
  margin:0 0 13px;
  color:#f5e6ad;
  font-size:.91rem;
  line-height:1.45;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-lead{
  max-width:560px;
  margin:0;
  color:rgba(244,249,246,.9);
  font-size:.96rem;
  line-height:1.58;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions{
  margin-top:22px;
  gap:10px;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn{
  min-height:44px;
  padding:11px 20px;
  border-radius:999px;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn-primary{
  border-color:var(--gold);
  background:var(--gold);
  color:var(--green-950);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn-primary:hover{
  background:var(--gold-light);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn-outline{
  border-color:rgba(255,255,255,.72);
  background:rgba(4,35,25,.16);
  color:#fff;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn-outline:hover{
  background:rgba(255,255,255,.12);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 24px;
  max-width:560px;
  margin-top:24px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.28);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta>div{
  min-width:0;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta small{
  margin-bottom:3px;
  color:rgba(255,255,255,.62);
  font-size:.58rem;
  letter-spacing:.13em;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta strong{
  max-width:none;
  color:#fff;
  font-size:.75rem;
  line-height:1.38;
  overflow-wrap:anywhere;
}

/* Slides 3–5 keep their existing bespoke visual artwork as the full-bleed
   backdrop. Their duplicate internal captions are suppressed because the main
   editorial copy is now layered on the same canvas. */
.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-scene{
  height:100%;
  min-height:0;
  padding:0;
  border:0;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-scene .home-scene-copy{
  display:none;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-scene-sme{
  background:
    radial-gradient(circle at 82% 30%,rgba(214,177,60,.42),transparent 22%),
    linear-gradient(135deg,#e8efe9 0%,#d8e5dc 46%,#c7d8cf 100%);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-scene-retirement{
  background:
    radial-gradient(circle at 80% 28%,rgba(214,177,60,.24),transparent 24%),
    linear-gradient(135deg,#dce9e1 0%,#cbdcd2 48%,#b8cfc2 100%);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-scene-leadership{
  background:
    radial-gradient(circle at 78% 26%,rgba(214,177,60,.16),transparent 22%),
    linear-gradient(135deg,#0a4935 0%,#083d2c 62%,#062f22 100%);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-number{
  top:40px;
  right:50px;
  font-size:8rem;
  color:rgba(8,61,44,.12);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-slide-scene-leadership .home-scene-number{
  color:rgba(255,255,255,.08);
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-bars{
  right:10%;
  bottom:17%;
  transform:scale(1.35);
  transform-origin:right bottom;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-rings{
  right:8%;
  top:92px;
  transform:scale(1.4);
  transform-origin:right top;
}

.home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-stage{
  right:10%;
  top:120px;
  transform:scale(1.35);
  transform-origin:right top;
}

/* Controls live inside the hero rather than falling into the status band. */
.home-page-v2.home-hero-overlay-preview .hero-slider .slider-controls{
  position:absolute;
  left:auto;
  right:24px;
  bottom:22px;
  transform:none;
  z-index:8;
  margin:0;
}

.home-page-v2.home-hero-overlay-preview .hero-slider .slider-arrow{
  width:40px;
  height:40px;
  flex-basis:40px;
  border-color:rgba(255,255,255,.65);
  background:rgba(4,35,25,.6);
  color:#fff;
  backdrop-filter:blur(8px);
}

.home-page-v2.home-hero-overlay-preview .hero-slider .slider-arrow:hover{
  border-color:#fff;
  background:rgba(4,35,25,.86);
}

.home-page-v2.home-hero-overlay-preview .hero-slider .dot{
  background:rgba(255,255,255,.42);
}

.home-page-v2.home-hero-overlay-preview .hero-slider .dot.active{
  background:var(--gold);
}

@media(max-width:980px){
  .home-page-v2.home-hero-overlay-preview .hero-slider,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid{
    min-height:535px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy{
    width:min(580px,61%);
    min-height:535px;
    padding:42px 38px 78px 42px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h1,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h2{
    font-size:clamp(2.55rem,5.1vw,3.5rem);
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid::before{
    background:linear-gradient(90deg,rgba(4,35,25,.96) 0%,rgba(4,35,25,.9) 39%,rgba(4,35,25,.68) 56%,rgba(4,35,25,.18) 78%,rgba(4,35,25,.05) 100%);
  }
}

@media(max-width:720px){
  .home-page-v2.home-hero-overlay-preview .home-proposition{
    padding:12px 0 18px;
  }

  .home-page-v2.home-hero-overlay-preview .hero-slider{
    min-height:620px;
    padding-bottom:0;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide{
    position:absolute;
    inset:0;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide.active{
    display:block;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid{
    min-height:620px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid::before{
    background:linear-gradient(0deg,rgba(4,35,25,.97) 0%,rgba(4,35,25,.93) 42%,rgba(4,35,25,.73) 60%,rgba(4,35,25,.26) 78%,rgba(4,35,25,.06) 100%);
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy{
    width:100%;
    min-height:620px;
    justify-content:flex-end;
    padding:150px 22px 82px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy .eyebrow{
    margin-bottom:9px;
    font-size:.62rem;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h1,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h2{
    max-width:520px;
    margin-bottom:13px;
    font-size:clamp(2.2rem,9.2vw,2.85rem);
    line-height:1;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-theme{
    margin-bottom:10px;
    font-size:.82rem;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-lead{
    font-size:.88rem;
    line-height:1.5;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions{
    margin-top:17px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn{
    flex:0 1 auto;
    min-height:40px;
    padding:9px 15px;
    font-size:.76rem;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta{
    gap:9px 16px;
    margin-top:17px;
    padding-top:11px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta small{
    font-size:.53rem;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta strong{
    font-size:.68rem;
  }

  .home-page-v2.home-hero-overlay-preview .hero-slider .slider-controls{
    left:50%;
    right:auto;
    bottom:18px;
    transform:translateX(-50%);
    width:auto;
  }

  .home-page-v2.home-hero-overlay-preview .hero-slider .slider-arrow{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="1"] .home-slide-photo img,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="2"] .home-slide-photo img,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="3"] .home-slide-photo img,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="4"] .home-slide-photo img,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide[data-home-slide="5"] .home-slide-photo img{
    object-position:64% center;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-bars{
    right:10%;
    bottom:34%;
    transform:scale(.92);
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-rings{
    right:5%;
    top:72px;
    transform:scale(.95);
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-scene-stage{
    right:7%;
    top:82px;
    transform:scale(.92);
  }
}

@media(max-width:430px){
  .home-page-v2.home-hero-overlay-preview .hero-slider,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy{
    min-height:650px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy{
    padding:145px 18px 80px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h1,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy h2{
    font-size:clamp(2rem,10vw,2.45rem);
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .hero-actions .btn{
    width:auto;
    flex:0 1 auto;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:360px){
  .home-page-v2.home-hero-overlay-preview .hero-slider,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-grid,
  .home-page-v2.home-hero-overlay-preview .home-journey-slide .slide-copy{
    min-height:690px;
  }

  .home-page-v2.home-hero-overlay-preview .home-journey-slide .home-public-meta{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   NPW VISUAL BUILD — HERO COLOUR PERSONALITIES
   ========================================================= */
.home-visual-build.home-hero-overlay-preview .home-proposition{
  background:linear-gradient(180deg,#F8F7F3 0%,#F2F5F3 100%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide .slide-grid{
  border-top-width:4px;
  border-top-style:solid;
  border-radius:22px;
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="1"] .slide-grid{border-top-color:#D4AF37}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="2"] .slide-grid{border-top-color:#2E8B57}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="3"] .slide-grid{border-top-color:#E0B84A}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="4"] .slide-grid{border-top-color:#D7B26D}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="5"] .slide-grid{border-top-color:#2E8B57}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="6"] .slide-grid{border-top-color:#D4AF37}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="7"] .slide-grid{border-top-color:#2E8B57}

.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="1"] .slide-grid::before{
  background:linear-gradient(90deg,rgba(5,50,36,.97) 0%,rgba(14,79,54,.91) 32%,rgba(14,79,54,.70) 47%,rgba(14,79,54,.28) 64%,rgba(5,50,36,.04) 82%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="2"] .slide-grid::before{
  background:linear-gradient(90deg,rgba(5,50,36,.96) 0%,rgba(14,79,54,.89) 32%,rgba(46,139,87,.66) 48%,rgba(46,139,87,.24) 64%,rgba(5,50,36,.03) 82%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="3"] .slide-grid::before{
  background:linear-gradient(90deg,rgba(36,38,28,.95) 0%,rgba(58,65,38,.87) 31%,rgba(111,99,50,.62) 47%,rgba(212,175,55,.18) 64%,rgba(36,38,28,.02) 84%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="4"] .slide-grid::before{
  background:linear-gradient(90deg,rgba(42,34,24,.95) 0%,rgba(74,55,31,.86) 31%,rgba(98,80,48,.60) 47%,rgba(197,155,88,.17) 64%,rgba(42,34,24,.02) 84%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="5"] .slide-grid::before,
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="6"] .slide-grid::before{
  background:linear-gradient(90deg,rgba(5,50,36,.97) 0%,rgba(14,79,54,.92) 33%,rgba(14,79,54,.72) 48%,rgba(14,79,54,.28) 64%,rgba(5,50,36,.03) 84%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="7"] .slide-grid::before{
  background:linear-gradient(90deg,rgba(5,50,36,.96) 0%,rgba(14,79,54,.88) 31%,rgba(46,139,87,.58) 49%,rgba(46,139,87,.18) 66%,rgba(255,255,255,.01) 84%);
}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="6"] .home-slide-photo img{object-position:82% center}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="7"] .home-slide-photo img{object-position:72% center}
.home-visual-build.home-hero-overlay-preview .home-journey-slide .slide-copy .eyebrow{color:#F3D879}
.home-visual-build.home-hero-overlay-preview .home-journey-slide .slide-copy h1 span,
.home-visual-build.home-hero-overlay-preview .home-journey-slide .slide-copy h2 span{color:#F0CD5B}
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="2"] .slide-copy h1 span,
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="2"] .slide-copy h2 span,
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="7"] .slide-copy h1 span,
.home-visual-build.home-hero-overlay-preview .home-journey-slide[data-home-slide="7"] .slide-copy h2 span{color:#BFE6CC}

@media(max-width:720px){
  .home-visual-build.home-hero-overlay-preview .home-journey-slide .slide-grid{border-radius:16px}
}