/* National Pension Week homepage five-slide hero visual system. */
.home-page-v2 .home-slide-photo,
.home-page-v2 .home-slide-scene{height:365px;min-height:365px;align-self:center}

.home-page-v2 .home-slide-photo{position:relative;overflow:hidden;border:1px solid rgba(8,61,44,.12);background:var(--green-950);box-shadow:0 22px 55px rgba(8,61,44,.12)}
.home-page-v2 .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-slide-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}

.home-page-v2 .home-slide-scene{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border:1px solid var(--line);background:var(--green-50)}
.home-page-v2 .home-slide-scene::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 57%,rgba(8,61,44,.045) 57% 58%,transparent 58% 100%)}
.home-page-v2 .home-scene-number{position:absolute;right:24px;top:18px;font-family:var(--display);font-size:5.7rem;font-weight:700;line-height:1;color:rgba(8,61,44,.07)}
.home-page-v2 .home-scene-copy{position:relative;z-index:2;max-width:330px}
.home-page-v2 .home-scene-copy span{display:block;margin-bottom:8px;color:var(--green-700);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.home-page-v2 .home-scene-copy strong{display:block;color:var(--green-950);font-family:var(--display);font-size:1.75rem;line-height:1.12}

.home-page-v2 .home-slide-scene-youth{background:linear-gradient(145deg,#F7FAF8,#E5F0EA)}
.home-page-v2 .home-scene-figures{position:absolute;right:28px;bottom:124px;display:flex;align-items:flex-end;gap:12px}
.home-page-v2 .home-scene-figures i{position:relative;display:block;width:52px;height:90px;border-radius:28px 28px 6px 6px;background:#B7CDC1}
.home-page-v2 .home-scene-figures i::before{content:"";position:absolute;left:50%;top:-25px;width:36px;height:36px;border-radius:50%;background:#90AD9D;transform:translateX(-50%)}
.home-page-v2 .home-scene-figures i:nth-child(2){height:112px;background:#D9C675}
.home-page-v2 .home-scene-figures i:nth-child(2)::before{background:#B69A33}
.home-page-v2 .home-scene-figures i:nth-child(3){height:76px;background:#C7D7CE}

.home-page-v2 .home-slide-scene-sme{background:linear-gradient(145deg,#FBFAF5,#F0E9CF)}
.home-page-v2 .home-scene-bars{position:absolute;right:32px;bottom:118px;height:154px;display:flex;align-items:flex-end;gap:10px}
.home-page-v2 .home-scene-bars i{display:block;width:34px;background:#C9D9D0}
.home-page-v2 .home-scene-bars i:nth-child(1){height:52px}.home-page-v2 .home-scene-bars i:nth-child(2){height:86px;background:#98B7A6}.home-page-v2 .home-scene-bars i:nth-child(3){height:116px;background:var(--gold)}.home-page-v2 .home-scene-bars i:nth-child(4){height:150px;background:var(--green-700)}

.home-page-v2 .home-slide-scene-retirement{background:linear-gradient(145deg,#F6F8F7,#E7ECE9)}
.home-page-v2 .home-scene-rings{position:absolute;right:22px;top:54px;width:210px;height:210px}
.home-page-v2 .home-scene-rings i{position:absolute;border-radius:50%;border:22px solid rgba(23,122,80,.18)}
.home-page-v2 .home-scene-rings i:first-child{inset:0}.home-page-v2 .home-scene-rings i:last-child{inset:52px;border-width:14px;border-color:rgba(214,177,60,.7)}

.home-page-v2 .home-slide-scene-leadership{background:var(--green-950);border-color:var(--green-950)}
.home-page-v2 .home-slide-scene-leadership::before{background:linear-gradient(135deg,transparent 0 58%,rgba(255,255,255,.06) 58% 59%,transparent 59%)}
.home-page-v2 .home-slide-scene-leadership .home-scene-number{color:rgba(255,255,255,.08)}
.home-page-v2 .home-slide-scene-leadership .home-scene-copy span{color:var(--gold-light)}
.home-page-v2 .home-slide-scene-leadership .home-scene-copy strong{color:#fff}
.home-page-v2 .home-scene-stage{position:absolute;right:38px;top:68px;width:178px;height:154px;border-bottom:10px solid var(--gold)}
.home-page-v2 .home-scene-stage i{position:absolute;left:58px;bottom:10px;width:64px;height:94px;background:#fff;border-radius:34px 34px 5px 5px;opacity:.82}
.home-page-v2 .home-scene-stage i::before{content:"";position:absolute;left:50%;top:-28px;width:42px;height:42px;border-radius:50%;background:#fff;transform:translateX(-50%)}
.home-page-v2 .home-scene-stage b{position:absolute;right:0;bottom:8px;width:58px;height:70px;border-left:3px solid rgba(255,255,255,.4);border-top:3px solid rgba(255,255,255,.4)}

@media(max-width:980px){
  .home-page-v2 .home-slide-photo,
  .home-page-v2 .home-slide-scene{height:330px;min-height:330px}
  .home-page-v2 .home-slide-scene{padding:28px}
  .home-page-v2 .home-scene-copy{max-width:270px}
  .home-page-v2 .home-scene-copy strong{font-size:1.45rem}
  .home-page-v2 .home-scene-number{font-size:4.7rem}
  .home-page-v2 .home-scene-figures{right:20px;bottom:116px;transform:scale(.86);transform-origin:right bottom}
  .home-page-v2 .home-scene-bars{right:22px;bottom:112px;transform:scale(.86);transform-origin:right bottom}
  .home-page-v2 .home-scene-rings{right:8px;top:52px;transform:scale(.8);transform-origin:right top}
  .home-page-v2 .home-scene-stage{right:24px;transform:scale(.82);transform-origin:right top}
}

@media(max-width:720px){
  .home-page-v2 .home-slide-photo,
  .home-page-v2 .home-slide-scene{height:238px;min-height:238px;margin-top:4px}
  .home-page-v2 .home-slide-photo img{object-position:62% center}
  .home-page-v2 .home-slide-scene{padding:22px}
  .home-page-v2 .home-scene-copy{max-width:62%}
  .home-page-v2 .home-scene-copy strong{font-size:1.25rem}
  .home-page-v2 .home-scene-number{right:16px;top:12px;font-size:4rem}
  .home-page-v2 .home-scene-figures{right:10px;bottom:48px;transform:scale(.62)}
  .home-page-v2 .home-scene-bars{right:14px;bottom:42px;transform:scale(.62)}
  .home-page-v2 .home-scene-rings{right:4px;top:36px;transform:scale(.62)}
  .home-page-v2 .home-scene-stage{right:14px;top:46px;transform:scale(.62)}
}

@media(max-width:430px){
  .home-page-v2 .home-slide-photo,
  .home-page-v2 .home-slide-scene{height:210px;min-height:210px}
  .home-page-v2 .home-slide-scene{padding:18px}
  .home-page-v2 .home-scene-copy{max-width:67%}
  .home-page-v2 .home-scene-copy strong{font-size:1.08rem}
  .home-page-v2 .home-scene-copy span{font-size:.58rem}
}

/* =========================================================
   HOMEPAGE MOBILE EDITORIAL DENSITY PATCH — 2026-09-02
   Keeps the opening hero cinematic while removing avoidable whitespace,
   making metadata compact, keeping image-only photography bright, and
   reducing the mobile cookie sheet footprint.
   ========================================================= */

.home-page-v2 .home-slide-photo{
  background:#fff;
  box-shadow:0 14px 34px rgba(8,61,44,.08);
}
.home-page-v2 .home-slide-photo::before{content:none}
.home-page-v2 .home-slide-photo::after{
  box-shadow:inset 0 0 0 1px rgba(8,61,44,.06);
}
.home-page-v2 .home-slide-photo img{
  filter:none;
  opacity:1;
}

@media(max-width:720px){
  .home-page-v2 .slide-grid{
    gap:18px;
    padding-top:22px;
    padding-bottom:18px;
  }

  .home-page-v2 .home-theme{margin-bottom:10px}
  .home-page-v2 .hero-lead{margin-bottom:0}
  .home-page-v2 .hero-actions{margin-top:18px}

  .home-page-v2 .home-public-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px;
    margin-top:18px;
    padding-top:14px;
  }
  .home-page-v2 .home-public-meta>div{min-width:0}
  .home-page-v2 .home-public-meta small{margin-bottom:2px}
  .home-page-v2 .home-public-meta strong{
    max-width:none;
    font-size:.78rem;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  .home-page-v2 .home-slide-photo{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/10;
    margin-top:0;
  }
  .home-page-v2 .home-slide-photo img{
    height:100%;
    object-fit:cover;
  }

  .home-page-v2 :is(
    .audience-section,
    .participate-section,
    .home-speakers,
    .home-youth,
    .home-sme,
    .home-dg,
    .about-section,
    .home-updates,
    .home-organisers
  ){
    padding-top:56px;
    padding-bottom:56px;
  }
  .home-page-v2 .home-programme-v2{padding-top:56px}
  .home-page-v2 .home-programme-v2>.section{padding-top:30px}

  .home-page-v2 .cookie-banner{
    padding:12px 0;
    max-height:min(46dvh,360px);
  }
  .home-page-v2 .cookie-banner-inner{gap:10px}
  .home-page-v2 .cookie-banner strong{
    margin-bottom:4px;
    font-size:.88rem;
  }
  .home-page-v2 .cookie-banner p{
    font-size:.76rem;
    line-height:1.45;
  }
  .home-page-v2 .cookie-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .home-page-v2 .cookie-actions .cookie-btn:last-child{grid-column:1/-1}
  .home-page-v2 .cookie-btn{
    min-height:40px;
    padding:8px 10px;
    border-radius:10px;
    font-size:.72rem;
  }
}

@media(max-width:430px){
  .home-page-v2 .slide-grid{
    gap:16px;
    padding-top:18px;
    padding-bottom:16px;
  }

  .home-page-v2 .home-public-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 14px;
    margin-top:16px;
    padding-top:12px;
  }
  .home-page-v2 .home-public-meta small{font-size:.57rem}
  .home-page-v2 .home-public-meta strong{font-size:.72rem}

  .home-page-v2 .home-slide-photo{
    height:auto;
    min-height:0;
    aspect-ratio:16/10;
  }

  .home-page-v2 :is(
    .audience-section,
    .participate-section,
    .home-speakers,
    .home-youth,
    .home-sme,
    .home-dg,
    .about-section,
    .home-updates,
    .home-organisers
  ){
    padding-top:48px;
    padding-bottom:48px;
  }
  .home-page-v2 .home-programme-v2{padding-top:48px}

  .home-page-v2 .cookie-banner{
    padding:10px 0;
    max-height:min(44dvh,330px);
  }
  .home-page-v2 .cookie-banner .container{width:min(100% - 24px,var(--container-max))}
  .home-page-v2 .cookie-banner p{font-size:.72rem}
  .home-page-v2 .cookie-btn{
    min-height:38px;
    padding:7px 8px;
    font-size:.7rem;
  }
}

@media(max-width:350px){
  .home-page-v2 .home-public-meta{grid-template-columns:1fr}
  .home-page-v2 .cookie-actions{grid-template-columns:1fr}
  .home-page-v2 .cookie-actions .cookie-btn:last-child{grid-column:auto}
}