:root{
    --ink:#16202B;
    --paper:#F7F5EF;
    --navy:#12293D;
    --navy-deep:#0B1B29;
    --brass:#B8892B;
    --brass-light:#E4C578;
    --line: rgba(22,32,43,0.12);
    --shadow: 0 24px 60px -20px rgba(11,27,41,0.35);
     --ink:#0D2440;
    --ink-soft:#3C5066;
    --paper:#F7F4EE;
    --saffron:#071f51;
    --saffron-soft:rgb(7 31 81 / 33%);
    --sage:#5C7A5D;
    --line: rgba(13,36,64,0.14);
    --muted:#6B7787;
    --navy: #0B2036;
  --navy-deep: #071626;
  --teal: #0F5C56;
  --teal-light: #14B8A6;
  --gold: #167ad1;
  --gold-light: #167ad1;
  --paper: #F4F8F7;
  --text: #0F172A;
  --text-muted: #5A6B78;

  --font-display: 'Playfair Display', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
   --ko-bg-0:#0A0D14;
    --ko-panel:#141A28;
    --ko-border:rgba(255,255,255,0.08);
    --ko-border-hover:rgba(120,150,255,0.35);
    --ko-text-hi:#F2F4F8;
    --ko-text-lo:#8A93A6;
    --ko-accent:#5B7CFA;
    --ko-accent-2:#8B5CF6;
  }
#offerings{
    background:
      radial-gradient(circle at 15% 0%, rgba(91,124,250,0.14), transparent 45%),
      radial-gradient(circle at 90% 15%, rgba(139,92,246,0.10), transparent 40%),
      var(--ko-bg-0);
      padding: 40px 0;
}
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    /* background:var(--paper); */
    font-family:"Comfortaa", sans-serif!important;
    color:var(--ink);
  }
  #key-themes{
  position: relative;
  overflow: hidden; /* keep it from spilling past the section */
  isolation: isolate; /* new stacking context so z-index below is reliable */
  padding-top: 40px;
}
h1, h2, h3, h4, h5{
    font-family:"Comfortaa", sans-serif!important;
    font-weight: 500!important;
}
h1, h2{
  font-size: 32px!important;
}
a, p, div, span, button{
  font-family:"Comfortaa", sans-serif!important;  
}

#key-themes::before{
content: "";
    position: absolute;
    inset: 0;
    background-image: url(images/lucknow-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* opacity: 0.4; */
    z-index: 0;
    background-attachment: fixed;
}

#key-themes > *{
  position: relative;
  z-index: 1; /* content sits above the faint background */
}
.themes{
    /* max-width:1080px; */
    padding:50px 0 40px;
 
  }
  .about{
        /* max-width: 1240px; */
    margin: 0 auto;
    /* padding: 44px 40px; */
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 40px;
    align-items: start;
    align-items: center;
    align-content: center;
    margin: auto;
    padding: 40px 0px;
  }

  /* ---- left column: copy ---- */
  .eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
  }
  .eyebrow::before{
    content:"";
    width:34px;
    height:2px;
    background:var(--brass);
    display:block;
  }
  .eyebrow span{
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--brass);
    font-weight:500;
  }

  h1.headline{
    font-weight:600;
    font-size:36px;
    line-height:1.12;
    letter-spacing:-0.01em;
    margin:0 0 30px 0;
    color:var(--navy-deep);
  }
  h1.headline em{
    font-style:italic;
    color:var(--brass);
  }

  .lede{
        font-size: 16px;
    line-height: 1.75;
    color: black;
    margin: 0 0 20px 0;
    text-align: justify;
    font-weight: 400;
  }
  .lede strong{
    color:var(--navy-deep);
    font-weight:700;
  }
  .lede .stat-inline{
    color:var(--brass);
    font-weight:700;
  }

  .org-line{
    margin-top:32px;
    padding-top:28px;
    border-top:1px solid var(--line);
    font-size:14.5px;
    line-height:1.7;
    color:#5A6570;
  }
  .org-line strong{
    color:var(--navy-deep);
    font-weight:700;
  }

  /* ---- right column: image collage ---- */
  .collage{
    position:relative;
  }

  .edition-badge{
    position:absolute;
    top:-18px;
    right:18px;
    z-index:5;
    background:var(--navy-deep);
    color:var(--brass-light);
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.08em;
    font-weight:500;
    padding:9px 16px;
    border-radius:100px;
    box-shadow:var(--shadow);
    display:flex;
    align-items:center;
    gap:8px;
  }
  .edition-badge::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--brass);
  }

  .hero-frame{
    position:relative;
    border-radius:6px;
    overflow:hidden;
    box-shadow:var(--shadow);
    aspect-ratio: 16/10.5;
  }
  .hero-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .hero-frame .loc-tag{
    position:absolute;
    left:20px;
    bottom:18px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
    text-shadow:0 2px 12px rgba(0,0,0,0.5);
  }
  .hero-frame .loc-tag svg{ flex-shrink:0; }
  .hero-frame::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(11,27,41,0.55) 0%, rgba(11,27,41,0) 38%);
  }

  .mini-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:14px;
  }
  .mini-frame{
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 12px 28px -12px rgba(11,27,41,0.28);
    aspect-ratio:1/0.92;
  }
  .mini-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter:saturate(1.02);
  }

  /* ---- signature element: brass blueprint annotation + stat card ---- */
  .stat-card{
    position:relative;
    margin-top:-46px;
    margin-left:24px;
    width:238px;
    background:var(--navy-deep);
    border:1px solid rgba(228,197,120,0.25);
    border-radius:6px;
    padding:22px 22px 20px;
    box-shadow:var(--shadow);
    z-index:6;
  }
  .stat-card::before{
    /* blueprint corner tick, nods to the infrastructure/urban-planning subject */
    content:"";
    position:absolute;
    top:10px; left:10px; right:10px; bottom:10px;
    border:1px dashed rgba(228,197,120,0.18);
    pointer-events:none;
    border-radius:3px;
  }
  .stat-card .stat-num{
    font-family:'Playfair Display', serif;
    font-style:italic;
    font-weight:600;
    font-size:30px;
    color:var(--brass-light);
    line-height:1;
    margin-bottom:8px;
    display:block;
  }
  .stat-card .stat-label{
    /* font-family:'JetBrains Mono', monospace; */
    font-size:11.5px;
    letter-spacing:0.03em;
    line-height:1.55;
    color:#C9D3DC;

  }

  /* connecting line motif from stat card to collage, blueprint-style */
  .stat-card .tick{
    position:absolute;
    top:-14px;
    left:-14px;
    width:24px;
    height:24px;
    border-left:1px solid var(--brass);
    border-top:1px solid var(--brass);
  }
.imag-width{
    width: 87%;
}
.collage{
    margin: auto;
}
  @media (max-width:880px){
    .about{
      grid-template-columns:1fr;
      padding:56px 24px;
      gap:44px;
    }
    .stat-card{ margin-left:0; }
  }

  @media (prefers-reduced-motion:no-preference){
    .reveal{
      opacity:0;
      transform:translateY(16px);
      transition:opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal.is-visible{
      opacity:1;
      transform:translateY(0);
    }
  } 
 
 .head{
    max-width:640px;
    margin-bottom:22px;
  }
  .eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
  }
  .eyebrow::before{
    content:"";
    width:30px;
    height:2px;
    background:var(--saffron);
  }
  .eyebrow span{
    font-family:'Space Grotesk', sans-serif;
    font-size:12px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--saffron);
    font-weight:600;
  }
  .head h2{
    /* font-family:'Fraunces', serif; */
    font-weight:600;
    font-size:c36px;
    line-height:1.14;
    letter-spacing:-0.01em;
    margin:0;
    color:var(--ink);
  }

  /* ---- list ---- */
  .list{
    position:relative;
    background: #ffffff66;
    border-radius: 10px;
    width: 64%;
  }
  .list::before{
    content:"";
    position:absolute;
    left:31px;
    top:6px;
    bottom:6px;
    width:1px;
    background:repeating-linear-gradient(
      to bottom,
      var(--line) 0px, var(--line) 5px,
      transparent 5px, transparent 11px
    );
    z-index:0;
  }

  .item{
    position:relative;
    padding:30px 0;
    /* border-top:1px solid var(--line); */
    transition:background 0.25s ease;
  }
  /* .item:first-of-type{ border-top:1px solid var(--ink); } */
  /* .item:last-of-type{ border-bottom:1px solid var(--line); } */
  .item:hover{
    background:linear-gradient(to right, var(--saffron-soft), transparent 60%);
  }

  .icon-badge{
    position:relative;
    z-index:2;
    width:64px;
    height:64px;
    min-width:64px;
    border-radius:50%;
    background:var(--paper);
    border:1.5px solid var(--saffron);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:var(--saffron);
    transition:background 0.25s ease, color 0.25s ease;
  }
  .item:hover .icon-badge{
    background:var(--saffron);
    color:#fff;
  }

  .kicker{
    font-family:'Space Grotesk', sans-serif;
    font-size:11.5px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--sage);
    font-weight:600;
    margin-bottom:10px;
    display:block;
  }

  .item h3{
    /* font-family:'Fraunces', serif; */
    font-weight:600;
    font-size:18px;
    line-height:26px;
    letter-spacing:-0.005em;
    margin:0 0 12px 0;
    color:var(--ink);
  }

  .item p{
    font-weight: 500;
    font-size: 15px;
    line-height: 1.58;
    color: black;
    margin: 0;
    max-width: 601px;
  }

  @media (max-width:700px){
    .themes{ padding:64px 12px 56px; }
    .icon-badge{ width:52px; height:52px; min-width:52px; font-size:18px; }
    .list::before{ left:25px; }
    .item h3{ font-size:19px; }
  }

  @media (prefers-reduced-motion:no-preference){
    .item{
      opacity:0;
      transform:translateY(14px);
      transition:opacity 0.6s ease, transform 0.6s ease, background 0.25s ease;
    }
    .item.is-visible{
      opacity:1;
      transform:translateY(0);
    }
  }

  
  

  /* ============================================================
   SECTION SHELL
   ============================================================ */
.outcomes-v2{
  padding: 72px 24px 9px;
}
/* .outcomes-v2 .container{
  max-width: 900px;
  margin: 0 auto;
} */

.head{
  max-width: 640px;
  margin-bottom: 30px;
}
.eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.eyebrow::before{
  content:"";
  width:30px;
  height:2px;
  background: var(--saffron);
}
.eyebrow span{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color: var(--saffron);
  font-weight:500;
}
.head h2{
  /* font-family:'Fraunces', serif; */
  font-weight:600;
  font-size: 36px;
  line-height:1.14;
  letter-spacing:-0.01em;
  margin:0;
  color: var(--ink);
}

/* ============================================================
   MANIFESTO LIST — no boxes, no icons, numeral-led statements
   ============================================================ */
.manifesto{
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
}

.manifesto-item{
  position: relative;
    display: grid;
    grid-template-columns: 84px 1fr;
    column-gap: 0px;
    align-items: baseline;
    padding: 5px 0;
    /* border-top: 1px solid var(--line); */
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .65s ease, transform .65s ease, padding-left .35s ease;
    align-items: center;
}
.manifesto-item.is-visible{ opacity: 1; transform: translateY(0); }
/* .manifesto-item:first-of-type{ border-top: 1px solid var(--ink); } */
.manifesto-item:last-of-type{ border-bottom: 1px solid var(--line); }
.manifesto-item:hover{ padding-left: 8px; }

.manifesto-num{
  font-family:'Fraunces', serif;
  font-style: italic;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(13,36,64,0.22);
  text-stroke: 1px rgba(13,36,64,0.22);
  transition: -webkit-text-stroke-color .35s ease, color .35s ease;
}
.manifesto-item:hover .manifesto-num{
  -webkit-text-stroke-color: var(--saffron);
}

.manifesto-text{
    font-size: 16px;
    line-height: 1.4;
    color: var(--ink);
    font-weight: 500;
    max-width: 60ch;
}
.manifesto-text em{
  font-style: normal!important;
  color: #4a3e64;
  font-weight: 700;
}

/* thin brass tick that draws in on hover — echoes the blueprint-tick motif */
.manifesto-item::after{
  content:"";
  position:absolute;
  left:0; bottom:-1px;
  width:0%;
  height:1.5px;
  background: linear-gradient(90deg, var(--saffron), transparent);
  transition: width .5s ease;
}
.manifesto-item:hover::after{ width: 40%; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 640px){
  .manifesto-item{
    grid-template-columns: 44px 1fr;
    column-gap: 16px;
    padding: 20px 0;
  }
  .manifesto-num{ font-size: 1.7rem; }
  .manifesto-text{ font-size: 17px; }
}
#expected-outcomes{
    /* background-image: url(images/lok-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
}
#expected-outcomes .row{
    justify-content: center;
    align-items: center;
    align-content: center;
}
.loko{
    /* width: 81%; */
    border-radius: 20px;
}

/* ============================================================
   SECTION SHELL
   ============================================================ */
.attend-v4{
  padding: 72px 24px 80px;
}
.attend-v4 .container{
  max-width: 1180px;
  margin: 0 auto;
}

.attend-v4-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 90px);
  align-items: center;
}

/* -------------------- LEFT: reserved image space -------------------- */
.image-slot{
  position: relative; */
    width: 100%;
    /* min-height: 460px; */
    /* overflow: hidden; */
    /* background: var(--navy-deep, #0B1B29); */
    background: white;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid black;
}

/* Native <video> fills the slot, cropped to cover — swap the <source src> for your file */
.image-slot video{
    /* position: absolute; */
    /* inset: 0; */
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    /* display: block; */
    border-radius: 10px;
}

/* If embedding YouTube/Vimeo instead of a self-hosted file, use this on the <iframe> */
.image-slot iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* -------------------- RIGHT: list content -------------------- */
.attend-right{}

.head{
  max-width: 520px;
  margin-bottom: 14px;
}
.eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.eyebrow::before{
  content:"";
  width:30px;
  height:2px;
  background: var(--saffron);
}
.eyebrow span{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color: var(--saffron);
  font-weight:500;
}
.head h2{
  /* font-family:'Fraunces', serif; */
  font-weight:600;
  font-size: 36px;
  line-height:1.16;
  letter-spacing:-0.01em;
  margin:0;
  color: var(--ink);
}

.attendee-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.attendee-item{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
  opacity: 0;
  transform: translateX(-14px);
  transition: opacity .55s ease, transform .55s ease, padding-left .3s ease;
}
.attendee-item.is-visible{ opacity: 1; transform: translateX(0); }
.attendee-item:first-of-type{ border-top: 1px solid var(--ink); }
.attendee-item:hover{ padding-left: 8px; }

.attendee-icon{
  flex-shrink: 0;
  width: 40px; height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: var(--paper);
  border: 1.5px solid var(--saffron);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: var(--saffron);
  transition: background .25s ease, color .25s ease;
}
.attendee-item:hover .attendee-icon{
  background: var(--saffron);
  color: #fff;
}

.attendee-label{
  font-size: 16.5px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--ink);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px){
  .attend-v4-grid{ grid-template-columns: 1fr; }
  .image-slot{ min-height: 280px; order: -1; }
}
@media (max-width: 600px){
  .attend-v4{ padding: 56px 18px 64px; }
  .attendee-label{ font-size: 15.5px; }
}

/* ============================================================
   SECTION SHELL
   ============================================================ */
.stats{
  position: relative;
  padding: 40px 24px;
  overflow: hidden;
  background: white;
}

/* soft color blobs behind the cards so the glass blur has something to catch */
.stats-glow{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.stats-glow span{
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
}
.g1{ width: 320px; height: 320px; top: -80px; left: 4%; background: rgba(201,122,50,0.22); }
.g2{ width: 280px; height: 280px; bottom: -100px; left: 30%; background: rgba(92,122,93,0.2); }
.g3{ width: 300px; height: 300px; top: -60px; right: 8%; background: rgba(201,122,50,0.18); }
.g4{ width: 260px; height: 260px; bottom: -80px; right: 20%; background: rgba(13,36,64,0.14); }

/* faint drifting thread-line motif, echoing the reference image's fine lines,
   kept subtle and monochrome so it doesn't compete with the numbers */
.stats-lines{
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.5;
  pointer-events: none;
}
.stats-lines svg{ width: 100%; height: 100%; }
.stats-lines path{
  fill: none;
  stroke: var(--line);
  stroke-width: 1;
}

.stats .container{
  position: relative;
  z-index: 1;
  /* max-width: 1180px; */
  margin: 0 auto;
}

.stats-row{
  display: flex;
  align-items: stretch;
  gap: 22px;
}

.stat{
  flex: 1;
    position: relative;
    text-align: center;
    padding: 16px 11px 16px;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .7s ease, box-shadow .4s ease, border-color .4s ease, transform .4s ease;
    background: rgb(55 70 126 / 4%);
    border: 1px solid rgb(27 53 126);
    border-radius: 20px;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    box-shadow: 0 20px 45px -28px rgba(13, 36, 64, 0.35);
}
.stat.is-visible{ opacity: 1; transform: translateY(0); }
.stat:hover{
  transform: translateY(-4px);
  border-color: rgba(201,122,50,0.35);
  box-shadow: 0 28px 55px -26px rgba(13,36,64,0.4);
}

.stat-number{
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
  color: #30385f;
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-variant-numeric: tabular-nums;
}
.stat-number .suffix{
  font-size: 0.55em;
  font-weight: 600;
  font-style: normal;
}

.stat-label{
  margin-top: 12px;
  /* font-family: 'JetBrains Mono', monospace; */
  font-size: 12.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
  font-weight: 500;
}

/* underline that fills in sync with the count animation */
.stat-progress{
  position: relative;
  margin: 0px auto 0;
  width: 28px;
  height: 2px;
  background: var(--line);
  overflow: hidden;
}
.stat-progress .fill{
 position: absolute;
    inset: 0;
    width: 0%;
    background: linear-gradient(90deg, #1b367f, #162849);
    transition: width 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.stat.is-visible .stat-progress .fill{ width: 100%; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 760px){
  .stats-row{ flex-wrap: wrap; row-gap: 20px; }
  .stat{ flex: 1 1 44%; }
}
@media (max-width: 460px){
  .stat{ flex: 1 1 100%; }
}
/* ============================================================
   2. PAST PARTNERS — marquee
   ============================================================ */
.partners{
  position: relative;
  padding: clamp(60px, 8vw, 92px) 0;
  background: var(--navy-deep);
  overflow: hidden;
}
.partners .section-head{ padding: 0 24px; }
.partners .section-eyebrow{ color: var(--gold-light); }
.partners .section-title{ color: #fff; }

.partners-glow{
  position:absolute;
  top:50%; left:50%;
  width: 900px; height: 400px;
  transform: translate(-50%,-50%);
  background: radial-gradient(circle, rgba(20,184,166,0.14), transparent 70%);
  filter: blur(30px);
  z-index: 0;
  pointer-events: none;
}

.marquee-viewport{
  position: relative;
  z-index: 1;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}

.marquee-track{
  display: flex;
  align-items: center;
  gap: 20px;
  width: max-content;
  animation: marqueeScroll 34s linear infinite;
}
.marquee-viewport:hover .marquee-track{ animation-play-state: paused; }

@keyframes marqueeScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); } /* track content is duplicated x2 */
}

.partner-logo{
  flex-shrink: 0;
  width: 200px;
  height: 108px;
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
  overflow: hidden;      /* belt-and-braces: nothing can spill past the card even if the img rule below is missed */
  /* filter: grayscale(1) opacity(0.55); */
  transition: filter .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease);
  box-shadow: 0 14px 30px -18px rgba(0,0,0,0.5);
}
.partner-logo:hover{
  filter: grayscale(0) opacity(1);
  transform: translateY(-6px) scale(1.04);
  box-shadow: 0 20px 40px -16px rgba(212,175,55,0.35);
}

/* THIS is the fix — constrain the actual <img> to fit inside its 200×108 card */
.partner-logo img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

/* manual nav arrows */
.marquee-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 46px; height: 46px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.22);
  backdrop-filter: blur(6px);
  color: #fff;
  display: flex; align-items:center; justify-content:center;
  cursor: pointer;
  transition: background .3s var(--ease), transform .3s var(--ease);
}
.marquee-nav:hover{ background: var(--gold); color: var(--navy-deep); }
.marquee-nav.prev{ left: 20px; }
.marquee-nav.next{ right: 20px; }

@media (max-width: 700px){
  .partner-logo{ width: 150px; height: 84px; }
  .marquee-nav{ display: none; }
}
/* ============================================================
   SHARED SECTION HEADER
   ============================================================ */
.section-head{
  max-width: 640px;
  margin: 0 auto 44px;
  text-align: center;
}
.section-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--teal-light);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .6s var(--ease), transform .6s var(--ease);
}
.section-eyebrow::before, .section-eyebrow::after{
  content:'';
  width: 22px; height: 1.5px;
  background: linear-gradient(90deg, transparent, var(--gold));
}
.section-eyebrow::after{ background: linear-gradient(90deg, var(--gold), transparent); }
.section-head.is-visible .section-eyebrow{ opacity:1; transform:translateY(0); }

.section-title{
  margin-top: 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1.9rem, 3.4vw, 2.7rem);
  color: var(--navy-deep);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .7s var(--ease) .1s, transform .7s var(--ease) .1s;
}
.section-head.is-visible .section-title{ opacity:1; transform:translateY(0); }

/* ============================================================
   1. KEY OFFERINGS — image cards
   ============================================================ */
.offerings{
  position: relative;
  padding: clamp(64px, 8vw, 100px) clamp(20px, 5vw, 60px);
  background: linear-gradient(180deg, #EAF6F3 0%, var(--paper) 100%);
  overflow: hidden;
}

.offerings-ambient{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.offerings-blob{
  position:absolute;
  border-radius:50%;
  filter: blur(70px);
  opacity:0.25;
}
.ob1{ width:420px; height:420px; top:-140px; left:-100px; background: var(--teal-light); }
.ob2{ width:380px; height:380px; bottom:-160px; right:-100px; background: var(--gold-light); }

.offerings-inner{ position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; }

.offer-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.offer-card{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  cursor: pointer;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s var(--ease), transform .7s var(--ease),
              box-shadow .45s var(--ease);
  box-shadow: 0 18px 40px -22px rgba(11,32,54,0.35);
  background: linear-gradient(160deg, #E7EDF1, #CBD5DE); /* fallback tone while an image loads */
}
.offer-card.is-visible{ opacity: 1; transform: translateY(0); }
.offer-card:hover{ box-shadow: 0 30px 60px -20px rgba(11,32,54,0.5); }

.offer-card img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;   /* fills the card frame instead of floating small inside it */
  transition: transform .8s var(--ease), filter .5s var(--ease);
  filter: saturate(0.92);
}
.offer-card:hover img{
  transform: scale(1.08);
  filter: saturate(1.1);
}

/* gradient scrim for legibility, deepens on hover */
.offer-card::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(7,22,38,0.05) 0%, rgba(7,22,38,0.75) 100%);
  transition: background .45s var(--ease);
  z-index: 1;
}
.offer-card:hover::before{
  background: linear-gradient(180deg, rgba(7,22,38,0.15) 0%, rgba(7,22,38,0.88) 100%);
}

/* thin gold border ring that draws in on hover */
.offer-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius: inherit;
  border: 1.5px solid rgba(212,175,55,0);
  transition: border-color .45s var(--ease);
  z-index: 2;
  pointer-events: none;
}
.offer-card:hover::after{ border-color: rgba(212,175,55,0.7); }

.offer-content{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 3;
  padding: 24px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.offer-icon{
  flex-shrink: 0;
  width: 42px; height: 42px;
  border-radius: 12px;
  display: flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  backdrop-filter: blur(6px);
  color: var(--gold-light);
  transition: background .35s var(--ease), transform .35s var(--ease);
}
.offer-card:hover .offer-icon{
  background: var(--gold);
  color: var(--navy-deep);
  transform: rotate(-8deg) scale(1.06);
}

.offer-title{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.15rem;
  color: #fff;
  letter-spacing: -0.01em;
  transition: transform .4s var(--ease);
}
.offer-card:hover .offer-title{ transform: translateX(3px); }

@media (max-width: 980px){
  .offer-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .offer-grid{ grid-template-columns: 1fr; gap: 18px; }
  .offer-card{ aspect-ratio: 16/11; }
}
.ko-offerings-section{ max-width:1400px; margin:0 auto; }
  .ko-offerings-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--ko-accent);
    font-weight:600;
    margin-bottom:14px;
  }
  .ko-offerings-eyebrow::before{
    content:'';
    width:16px;height:1px;
    background:var(--ko-accent);
  }
  .ko-offerings-heading{
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    font-size:clamp(28px,3.2vw,40px);
    color:var(--ko-text-hi);
    letter-spacing:-0.01em;
    margin-bottom:40px;
  }
  .ko-offerings-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
  }
  .ko-offering-card{
    position:relative;
    background:var(--ko-panel);
    border:1px solid var(--ko-border);
    border-radius:16px;
    overflow:hidden;
    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }
  .ko-offering-card:hover{
    transform:translateY(-6px);
    border-color:var(--ko-border-hover);
    box-shadow:0 24px 48px -20px rgba(91,124,250,0.35);
  }
  .ko-offering-thumb{
    position:relative;
    aspect-ratio:4/3;
    background-size:cover;
    background-position:center;
    overflow:hidden;
  }
  .ko-offering-thumb::after{
    content:'';
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(10,13,20,0) 40%, rgba(10,13,20,0.92) 100%);
  }
  .ko-offering-thumb--keynote{ background-image:linear-gradient(135deg,#1a2440,#101625); }
  .ko-offering-thumb--ppt{ background-image:linear-gradient(135deg,#241a40,#141020); }
  .ko-offering-thumb--booth{ background-image:linear-gradient(135deg,#142838,#0e1620); }
  .ko-offering-thumb--networking{ background-image:linear-gradient(135deg,#20242e,#12141a); }
  .ko-offering-thumb img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    opacity:0.9;
  }
  .ko-offering-index{
    position:absolute;
    top:14px; left:14px;
    font-family:'Space Grotesk',sans-serif;
    font-size:11px;
    letter-spacing:0.08em;
    color:rgba(255,255,255,0.75);
    background:rgba(10,13,20,0.55);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(6px);
    padding:4px 9px;
    border-radius:100px;
    z-index:2;
  }
  .ko-offering-label{
    padding:18px 20px 20px;
  }
  .ko-offering-title{
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    font-size:17px;
    color:var(--ko-text-hi);
    letter-spacing:-0.005em;
  }
  .ko-offering-subtext{
    margin-top:4px;
    font-size:12.5px;
    color:var(--ko-text-lo);
  }
  #banner-desk{display: block;}
  #banner-mob{display: none;}
  @media (max-width:980px){
    .ko-offerings-grid{ grid-template-columns:repeat(2,1fr); }
  }
  @media (max-width:560px){
    .ko-offerings-grid{ grid-template-columns:1fr; }
     #banner-desk{display: none;}
  #banner-mob{display: block;}
  .list {
    position: relative;
    background: #ffffffdb;
    border-radius: 10px;
    width: 96%;}
    #offerings{
      padding: 24px;
    }
    .collage{
      text-align: center;
    }
  }

   #banner-desk, #banner-mob{
    padding-top: 62px;
   }

   .ctc-section{
        position:relative;
        overflow:hidden;
        padding: 27px 32px 0;
        background:
          radial-gradient(circle at 15% 10%, rgba(53,87,232,0.06), transparent 45%),
          radial-gradient(circle at 88% 0%, rgba(124,58,237,0.05), transparent 40%),
          #FBFBFE;
        font-family:'DM Sans',sans-serif;
      }
      .ctc-inner{ max-width:1180px; margin:0 auto; text-align:center; }
      .ctc-eyebrow{
        display:inline-flex;
        align-items:center;
        gap:8px;
        font-family:'JetBrains Mono',monospace;
        font-size:12px;
        letter-spacing:0.14em;
        text-transform:uppercase;
        color: var(--navy-deep);
        font-weight:500;
        margin-bottom:14px;
      }
      .ctc-eyebrow-dot{
        width:9px; height:9px; border-radius:2px;
        background:linear-gradient(135deg,#3557E8,#7C3AED);
      }
      .ctc-heading{
        font-family:'Playfair Display',serif; font-weight:700;
        font-size:clamp(30px,3.6vw,44px); letter-spacing:-0.01em;
        color:#12141F; margin-bottom:14px;
      }
      .ctc-heading .ctc-grad{
        background: var(--navy-deep);
        -webkit-background-clip:text;
        background-clip:text;
        color:transparent;
      }
      .ctc-subtext{
        font-size:16px; color:#5B6472; max-width:560px; margin:0 auto 48px;
        line-height:1.6;
      }

      .ctc-grid{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:28px;
        text-align:left;
        margin-bottom: 25px;
      }
      .ctc-card{
        border-radius:16px; overflow:hidden;
        background:#fff; border:1px solid rgba(15,18,34,0.08);
        box-shadow:0 20px 48px -28px rgba(20,20,50,0.18);
      }
      .ctc-card-head{
        padding:18px 24px;
        background: var(--navy-deep);
        color:#fff;
        font-family:'Playfair Display',serif;
        font-weight:600;
        font-size:19px;
      }
      .ctc-card-body{ padding:26px 24px 28px; }
      .ctc-contact-name{
        font-size:16.5px; font-weight:700; color:#12141F; margin-bottom:16px;
      }
      .ctc-contact-row{
        display:flex; align-items:center; gap:12px;
        font-size:14.5px; color:#33374A; padding:7px 0;
      }
      .ctc-contact-icon{
        width:30px; height:30px; border-radius:9px; flex:0 0 auto;
        display:flex; align-items:center; justify-content:center;
        background:rgba(53,87,232,0.08); color:#3557E8; font-size:14px;
      }
      .ctc-contact-row a{ color:inherit; text-decoration:none; }
      .ctc-contact-row a:hover{ color:#3557E8; }

      .ctc-tagline{
        font-family:'Playfair Display',serif;
        font-weight:600;
        font-size: 23px;
        line-height:1.4;
        color:#12141F;
        max-width:820px;
        margin: 0 auto 21px;
      }
      .ctc-cta{
        display:inline-flex;
        align-items:center;
        gap:8px;
        font-family:'DM Sans',sans-serif;
        font-size:14.5px;
        font-weight:600;
        color:#fff;
        text-decoration:none;
        padding:14px 30px;
        border-radius:980px;
        margin-bottom:56px;
        background: var(--navy-deep);
        box-shadow:0 16px 32px -14px rgba(53,87,232,0.55);
        transition:transform .2s ease, box-shadow .2s ease;
      }
      .ctc-cta:hover{ transform:translateY(-2px); color:#fff; box-shadow:0 20px 36px -14px rgba(53,87,232,0.65); }

      .ctc-skyline{ display:block; width:100%; height:auto; opacity:0.9; }

      @media (max-width:820px){
        .ctc-grid{ grid-template-columns:1fr; }
      }
      @media (max-width:640px){
        .ctc-section{ padding:64px 20px 0; }
      } 
      .lik{
            position: relative;
    top: -54px;
      }

      #footer {
    background: #142C4D;
    padding: 0 0 1px 0;
    color: #eee;
    font-size: 17px;
    font-family: "Comfortaa", sans-serif!important;
}
#footer .footer-top {
    background: linear-gradient(126deg, #142c4d 18%, #142c4d);
    padding: 21px 0 12px 0;
    border-bottom: 1px solid #fff;
}
#footer .footer-top .footer-info {
    margin-bottom: 30px;
    font-family: "Comfortaa", sans-serif!important;
}
#footer .footer-top .footer-links {
    margin-bottom: 30px;
    font-family: "Comfortaa", sans-serif!important;
}
#footer .footer-top .footer-contact {
    margin-bottom: 30px;
    font-family: "Comfortaa", sans-serif!important;
}
#footer .footer-top .footer-info img {
    height: 100px;
    margin-bottom: 10px;
}
#footer .copyright {
    text-align: center;
    padding-top: 30px;
}
#footer .footer-top h4 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px dotted #fff;
    font-family: "Comfortaa", sans-serif!important;
}
#footer .footer-top .social-links a {
    display: inline-block;
    background: #fff;
    color: #142c4d;
    line-height: 1;
    margin-right: 4px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Comfortaa", sans-serif!important;
}
 .aiVbUpGuest_section {
    --navy: #0F1E38;
    --navy-deep: #091426;
    --saffron: #FF7A2E;
    --saffron-light: #FFB25C;
    --gold: #D4AF37;
    --cream: #F8F3E8;
    --green: #1D7A46;

    position: relative;
   
    padding: 48px 24px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
  }

  /* faint Ashoka Chakra watermark — ties to the tricolour stole without being kitsch */
  .aiVbUpGuest_chakra {
    position: absolute;
    top: 50%;
    right: -140px;
    transform: translateY(-50%);
    width: 460px;
    height: 460px;
    opacity: 0.06;
    pointer-events: none;
  }

  .aiVbUpGuest_inner {
    position: relative;
    z-index: 1;
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 56px;
    align-items: center;
    background: #041148;
    padding: 22px;
    border-radius: 10px;
  }

  .aiVbUpGuest_portraitWrap {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    padding: 6px;
    background: conic-gradient(from 180deg,
      var(--saffron) 0deg 108deg,
      var(--cream) 108deg 144deg,
      var(--green) 144deg 252deg,
      var(--cream) 252deg 288deg,
      var(--saffron) 288deg 360deg);
    box-shadow: 0 0 0 1px rgba(212,175,55,0.35), 0 30px 60px -20px rgba(0,0,0,0.55);
  }

  .aiVbUpGuest_portrait {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--navy-deep);
  }

  .aiVbUpGuest_portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
  }

  .aiVbUpGuest_ribbon {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--gold);
    color: var(--navy-deep);
    font-family: 'Comfortaa', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.14em;
    padding: 8px 20px;
    border-radius: 999px;
    box-shadow: 0 8px 20px -6px rgba(212,175,55,0.6);
    white-space: nowrap;
  }

  .aiVbUpGuest_content {
    color: var(--cream);
  }

  .aiVbUpGuest_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--saffron-light);
    margin: 0 0 18px;
  }

  .aiVbUpGuest_eyebrow::before {
    content: '';
    width: 28px;
    height: 2px;
    background: linear-gradient(90deg, var(--saffron), var(--green));
    border-radius: 2px;
  }

  .aiVbUpGuest_name {
    font-family: 'Comfortaa', sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3.4vw, 42px);
    line-height: 1.15;
    margin: 0 0 14px;
    color: #ffffff;
  }

  .aiVbUpGuest_designation {
    font-size: 18px;
    font-weight: 500;
    color: var(--cream);
    margin: 0 0 4px;
  }

  .aiVbUpGuest_org {
    font-size: 15px;
    font-weight: 400;
    color: rgba(248,243,232,0.65);
    margin: 0;
  }

  .aiVbUpGuest_divider {
    width: 64px;
    height: 3px;
    border-radius: 3px;
    margin: 26px 0;
    background: linear-gradient(90deg, var(--saffron) 0%, var(--cream) 45%, var(--green) 100%);
  }

  @media (max-width: 720px) {
    .aiVbUpGuest_inner {
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: center;
    }
    .aiVbUpGuest_portraitWrap {
      width: 240px;
      height: 240px;
    }
    .aiVbUpGuest_divider {
      margin-left: auto;
      margin-right: auto;
    }
    .aiVbUpGuest_chakra {
      display: none;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .aiVbUpGuest_portraitWrap {
      transition: transform 0.4s ease;
    }
  }
  /* -------------------- PAST EDITIONS DROPDOWN (desktop) -------------------- */
.nav-item-dropdown{
  position: relative;
}
.nav-dropdown-trigger{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  font-family: inherit;
  cursor: pointer;
  position: relative;
  /*font-size: 0.92rem;*/
  font-weight: 600;
  color: white;
  padding: 6px 0;
  transition: color .3s var(--ease);
}
.navbar.scrolled .nav-dropdown-trigger{ color: rgba(255,255,255,0.78); }
.nav-dropdown-trigger::after{
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:0%; height:1.5px;
  background: linear-gradient(90deg, var(--gold), var(--teal-light));
  transition: width .3s var(--ease);
}
.nav-item-dropdown:hover .nav-dropdown-trigger,
.nav-dropdown-trigger:focus-visible{ color:white; }
.navbar.scrolled .nav-item-dropdown:hover .nav-dropdown-trigger,
.navbar.scrolled .nav-dropdown-trigger:focus-visible{ color: #fff; }
.nav-item-dropdown:hover .nav-dropdown-trigger::after{ width: 100%; }

.nav-dropdown-trigger .chevron{
  transition: transform .3s var(--ease);
}
.nav-item-dropdown:hover .nav-dropdown-trigger .chevron{ transform: rotate(180deg); }

.nav-dropdown-panel{
  position: absolute;
  top: 100%;              /* flush against the trigger — no hover gap */
  left: 50%;
  transform: translateX(-50%);
  padding-top: 16px;      /* the visual gap now lives INSIDE the hoverable area */
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s var(--ease);
}
.nav-item-dropdown:hover .nav-dropdown-panel,
.nav-item-dropdown:focus-within .nav-dropdown-panel{
  opacity: 1;
  pointer-events: auto;
}
.listr a:hover{
    color:white!important;
}
.is-scrolled .listr a{
    color:white!important;
}
.is-scrolled .listr a:hover{
    color:white!important;
}
.is-scrolled button{
    color:black!important;
}

.nav-dropdown-card{
  min-width: 220px;
  background: var(--navy-deep);
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 24px 50px -20px rgba(0,0,0,0.5);
  transform: translateY(8px);
  transition: transform .3s var(--ease);
}
.nav-item-dropdown:hover .nav-dropdown-card,
.nav-item-dropdown:focus-within .nav-dropdown-card{
  transform: translateY(0);
}
.nav-dropdown-panel a{
  display: block;
  padding: 11px 14px;
  border-radius: 9px;
  font-size: 0.88rem;
  font-weight: 500;
  color: rgba(255,255,255,0.82);
  transition: background .25s var(--ease), color .25s var(--ease), padding-left .25s var(--ease);
}
.nav-dropdown-panel a::after{ display: none; } /* no underline animation inside the panel */
.nav-dropdown-panel a:hover,
.nav-dropdown-panel a:focus-visible{
  background: rgba(212,175,55,0.12);
  color: var(--gold-light);
  padding-left: 18px;
}

/* -------------------- PAST EDITIONS ACCORDION (mobile) -------------------- */
.nav-mobile-accordion{ position: relative; }
.nav-mobile-accordion-trigger{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  cursor: pointer;
}
.nav-mobile-accordion-trigger .chevron{
  transition: transform .3s var(--ease);
}
.nav-mobile-accordion-trigger[aria-expanded="true"] .chevron{ transform: rotate(180deg); }

.nav-mobile-accordion-panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s var(--ease);
}
.nav-mobile-accordion-panel ul{
  list-style: none;
  padding: 4px 0 10px 14px;
}
.nav-mobile-accordion-panel a{
  display: block;
  padding: 10px 0;
  font-size: 0.98rem;
  font-weight: 500;
  color: rgba(255,255,255,0.65);
  border-bottom: none;
  transition: color .25s var(--ease);
}
.nav-mobile-accordion-panel a:hover,
.nav-mobile-accordion-panel a:focus-visible{ color: var(--gold-light); }

.nav-actions{
  display: flex;
  align-items: center;
  gap: 18px;
}

.nav-cta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--navy-deep);
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  box-shadow: 0 8px 22px -8px rgba(212,175,55,0.55);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.nav-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -8px rgba(212,175,55,0.7);
}
.nav-cta:focus-visible{ outline: 2px solid var(--navy-deep); outline-offset: 3px; }