:root {
  --black:     #0A0A0A;
  --off-black: #111111;
  --card:      #161616;
  --border:    #222222;
  --white:     #EFEFEB;
  --pure:      #FFFFFF;
  --gold:      #C8993A;
  --muted:     #999999;
  --rule:      rgba(255,255,255,0.07);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;}

/* REVEAL */
.r  {opacity:0;transform:translateY(28px);transition:opacity 0.85s ease,transform 0.85s ease;}
.rl {opacity:0;transform:translateX(-36px);transition:opacity 0.85s ease,transform 0.85s ease;}
.rr {opacity:0;transform:translateX(36px);transition:opacity 0.85s ease,transform 0.85s ease;}
.r.on,.rl.on,.rr.on{opacity:1;transform:none;}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.d4{transition-delay:.32s}.d5{transition-delay:.40s}

/* LAYOUT */
.container{max-width:1200px;margin:0 auto;padding:0 48px;}
section{padding:100px 0;}

/* TYPE */
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-0.01em;}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);}
.sec-label{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:52px;}
.gold{color:var(--gold);}
.body{font-size:17px;font-weight:300;line-height:1.85;color:var(--muted);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:16px 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.92);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color 0.3s;}
nav.scrolled{border-color:var(--border);}
.nav-logo{text-decoration:none;display:flex;align-items:center;}
.nav-logo img{height:28px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center;}
.nav-links a{font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:var(--white);}
.nav-cta{background:var(--white)!important;color:var(--black)!important;padding:8px 18px;border-radius:2px;font-weight:700!important;}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:60px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 15%;opacity:0.55;filter:contrast(1.1) saturate(0.9);transition:transform 5s ease;}
.hero:hover .hero-bg img{transform:scale(1.03);}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--black) 0%,rgba(10,10,10,0.55) 45%,transparent 75%);}
.hero-content{position:relative;z-index:2;padding:0 48px 72px;max-width:1200px;margin:0 auto;width:100%;}
.hero-logo{margin-bottom:28px;}
.hero-logo img{height:52px;width:auto;display:block;}
.hero-kit{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:28px;}
.hero-tagline{font-family:'Barlow Condensed',sans-serif;font-size:clamp(14px,1.8vw,20px);font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:36px;}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.hero-mission{font-size:16px;font-weight:300;line-height:1.75;color:rgba(255,255,255,0.65);max-width:480px;}
.hero-mission strong{color:var(--white);font-weight:600;}
.hero-cta{display:inline-flex;align-items:center;gap:10px;background:var(--pure);color:var(--black);font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;padding:14px 28px;border-radius:2px;text-decoration:none;white-space:nowrap;transition:background 0.2s,gap 0.2s;flex-shrink:0;}
.hero-cta:hover{background:#ddd;gap:16px;}

/* ABOUT */
.about{background:var(--off-black);border-top:1px solid var(--border);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.about-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:280px 180px;gap:6px;}
.about-mosaic .main{grid-column:1/-1;overflow:hidden;border-radius:2px;}
.about-mosaic .main img,.about-mosaic .sub img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease;}
.about-mosaic .sub{overflow:hidden;border-radius:2px;}
.about-mosaic .main:hover img,.about-mosaic .sub:hover img{transform:scale(1.04);}
.about-text h2{font-size:clamp(56px,7vw,88px);font-weight:900;line-height:0.9;margin-bottom:24px;color:var(--gold);}
.about-text h2 em{font-style:italic;color:var(--white);}
.about-text .body{margin-bottom:32px;}
.focus-list{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.focus-item{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:500;color:var(--white);line-height:1.65;}
.focus-star{color:var(--gold);font-size:14px;flex-shrink:0;margin-top:1px;}

/* MISSION */
.mission{display:grid;grid-template-columns:1fr 1fr;min-height:85vh;padding:0;}
.mission-text{padding:100px 64px 100px 48px;display:flex;flex-direction:column;justify-content:center;background:var(--black);}
.mission-text .eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);}
.mission-text h2{font-size:clamp(56px,7vw,88px);font-weight:900;line-height:0.88;margin-bottom:36px;}
.mission-bullets{display:flex;flex-direction:column;gap:16px;}
.mission-bullet{display:flex;gap:14px;align-items:flex-start;font-size:17px;font-weight:400;line-height:1.75;color:rgba(255,255,255,0.75);}
.mission-bullet .star{color:var(--gold);flex-shrink:0;font-size:14px;margin-top:2px;}
.mission-img{position:relative;overflow:hidden;}
.mission-img img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.8);transition:transform 8s ease;}
.mission:hover .mission-img img{transform:scale(1.04);}
.mission-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--black) 0%,transparent 25%);}

/* VALUES */
.values{background:var(--off-black);padding:0;}
.values-hero{position:relative;width:100%;height:380px;overflow:hidden;}
.values-hero img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(0.65);}
.values-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--off-black) 100%);}
.values-inner{padding:56px 0 100px;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border);}
.val{background:var(--off-black);padding:40px 32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background 0.25s;position:relative;overflow:hidden;}
.val::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s;}
.val:hover{background:var(--card);}.val:hover::before{transform:scaleX(1);}
.val-star{color:var(--gold);font-size:28px;margin-bottom:18px;display:block;}
.val-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,3.5vw,44px);font-weight:900;text-transform:uppercase;color:var(--white);line-height:1.0;margin-bottom:12px;}
.val-body{font-size:16px;line-height:1.8;color:var(--muted);}

/* PLATFORM */
.platform{background:var(--black);}
.platform-intro{font-size:18px;font-weight:400;line-height:1.85;color:rgba(255,255,255,0.6);max-width:720px;margin-bottom:60px;border-left:3px solid var(--gold);padding-left:22px;}

/* Magazine section */
.mag-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;}
.mag-card{position:relative;overflow:hidden;border-radius:2px;background:var(--card);}
.mag-card img{width:100%;display:block;transition:transform 0.5s ease;}
.mag-card:hover img{transform:scale(1.03);}
.mag-card-label{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(10,10,10,0.9),transparent);}
.mag-card-title{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;color:var(--white);margin-bottom:6px;}
.mag-card-body{font-size:15px;color:rgba(255,255,255,0.65);line-height:1.6;}

/* Platform cards grid */
.plat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.plat-card{background:var(--off-black);border:1px solid var(--border);border-radius:2px;overflow:hidden;position:relative;transition:border-color 0.3s;max-width:100%;}
.plat-card:hover{border-color:rgba(200,153,58,0.35);}
.plat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s;}
.plat-card:hover::before{transform:scaleX(1);}
.plat-card-img{width:100%;height:400px;overflow:hidden;}
.plat-card-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.6s;}
.plat-card:hover .plat-card-img img{transform:scale(1.04);}
.plat-card-body{padding:28px;}
.pc-star{color:var(--gold);font-size:20px;margin-bottom:12px;display:block;}
.pc-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,3.5vw,48px);font-weight:900;text-transform:uppercase;color:var(--white);line-height:0.95;margin-bottom:14px;}
.pc-text{font-size:16px;font-weight:300;line-height:1.85;color:var(--muted);margin-bottom:16px;}
.pc-stats{display:flex;flex-direction:column;gap:4px;}
.pc-stat{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--white);}
.pc-stat span{color:var(--gold);}

/* AUDIENCE */
.audience{background:var(--off-black);}
.audience-top{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:64px;}
.dist-img{border-radius:2px;overflow:hidden;aspect-ratio:4/3;}
.dist-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s;}
.dist-img:hover img{transform:scale(1.03);}
.dist-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(56px,7vw,88px);font-weight:900;text-transform:uppercase;color:var(--white);line-height:0.9;margin-bottom:24px;}
.dist-items{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.dist-item{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:400;line-height:1.7;color:rgba(255,255,255,0.75);}
.dist-item .star{color:var(--gold);font-size:11px;margin-top:4px;flex-shrink:0;}
.dist-item strong{color:var(--gold);}
.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border);border:1px solid var(--border);}
.ch{background:var(--card);padding:28px;transition:background 0.25s;}
.ch:hover{background:#1a1a1a;}
.ch-name{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;}
.ch-name.gold{color:var(--gold);}.ch-name.red{color:#FF4444;}.ch-name.pink{color:#C77DFF;}.ch-name.teal{color:#3DD6C8;}
.ch-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.csv{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,4vw,52px);font-weight:900;color:var(--white);line-height:1;margin-bottom:4px;}
.csl{font-size:12px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;color:var(--muted);}
.ch-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;font-weight:400;line-height:1.65;color:var(--muted);}
.ch-note strong{color:rgba(255,255,255,0.7);}

/* TIMELINE */
.timeline{background:var(--black);padding:0;}
.timeline-hero{position:relative;width:100%;height:400px;overflow:hidden;}
.timeline-hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(0.55);transition:transform 8s ease;}
.timeline:hover .timeline-hero img{transform:scale(1.03);}
.timeline-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,var(--black) 100%);}
.timeline-inner{padding:60px 0 100px;}
.tl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border);}
.tl{background:var(--black);padding:40px 32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background 0.25s;}
.tl:hover{background:var(--card);}
.tl-star{color:var(--gold);font-size:20px;margin-bottom:10px;display:block;}
.tl-month{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,5vw,64px);font-weight:900;text-transform:uppercase;color:var(--white);line-height:0.9;margin-bottom:14px;}
.tl-desc{font-size:14px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted);line-height:1.65;}

/* PACKAGES */
.packages{background:#FFFFFF;}
.packages .sec-label{color:#111111 !important;border-bottom:2px solid #111111 !important;font-size:24px !important;}
.packages .container{color:#111111;}
.packages .pkg-table{background:#FFFFFF;}
.packages .pkg-table td,.packages .pkg-table th{color:#111111;}
.packages .pkg-table tbody{background:#FFFFFF;}
.packages .pv{color:#111111 !important;font-weight:700;}
.packages .rd{color:#888888;}
.packages .rl{color:var(--gold);}
.packages .pkg-price{color:#111111;}
.packages .pkg-price.gold{color:#111111;}
.packages .pv.inc{color:#111111 !important;font-weight:700;}
.packages .pv.dash{color:#cccccc !important;}
.packages .rate-card-label{color:#111111;}
.pkg-table{width:100%;border-collapse:collapse;margin-top:32px;border:none;}
.pkg-table th,.pkg-table td{padding:13px 20px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e8e8e8;text-align:left;vertical-align:top;}
.pkg-table th:last-child,.pkg-table td:last-child{border-right:none;}
.pkg-table thead{background:#FFFFFF;}
.pkg-table thead th{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:#999;}
.pkg-table thead th.pn{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;color:var(--gold);letter-spacing:0.04em;text-transform:uppercase;}
.pkg-price{font-family:'Barlow Condensed',sans-serif;font-size:56px;font-weight:900;color:#111111;line-height:1;padding:8px 0 4px;}
.pkg-price.gold{color:#111111;}
.pkg-table tbody tr:hover{background:#f0f0f0;}
.pkg-table tbody tr:nth-child(even){background:#f7f7f7;}
.rl{font-size:12px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.08em;display:block;margin-bottom:3px;}
.rd{font-size:12px;font-weight:400;color:#999;line-height:1.5;}
.pv{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#111111;text-transform:uppercase;}
.pv.dash{color:#cccccc;font-size:24px;font-weight:300;line-height:1;}
.pv.inc{color:var(--gold);font-weight:800;}
.rate-card-label{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;color:#111111;letter-spacing:0.04em;margin-top:52px;padding-top:24px;border-top:2px solid #111111;margin-bottom:20px;display:flex;align-items:center;gap:12px;}
.rate-note{margin-top:0;padding:28px 32px;background:#111111;color:#aaaaaa;font-size:14px;line-height:1.85;}
.rate-note strong{color:var(--white);font-weight:600;}

/* CTA */
.cta{background:var(--black);padding:120px 48px;text-align:center;border-top:1px solid var(--border);position:relative;overflow:hidden;}
.cta::before{content:'✱';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:500px;line-height:1;color:var(--gold);opacity:0.03;pointer-events:none;font-family:'Barlow Condensed',sans-serif;}
.cta h2{font-size:clamp(64px,9vw,130px);font-weight:900;line-height:0.88;color:var(--white);margin-bottom:24px;position:relative;z-index:1;}
.cta h2 em{font-style:italic;color:var(--gold);}
.cta p{font-size:18px;font-weight:300;line-height:1.85;color:var(--muted);max-width:480px;margin:0 auto 48px;position:relative;z-index:1;}
.cta-btn{display:inline-flex;align-items:center;gap:10px;background:var(--pure);color:var(--black);font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:16px 36px;border-radius:2px;text-decoration:none;transition:background 0.2s,gap 0.2s;position:relative;z-index:1;}
.cta-btn:hover{background:#ddd;gap:16px;}
.cta-email{margin-top:18px;font-size:13px;color:var(--muted);position:relative;z-index:1;}
.cta-email strong{color:var(--gold);}

/* FOOTER */
footer{background:var(--off-black);border-top:1px solid var(--border);padding:22px 48px;display:flex;align-items:center;justify-content:space-between;}
.footer-logo img{height:20px;width:auto;display:block;opacity:0.45;}
footer p{font-size:10px;color:var(--muted);letter-spacing:0.06em;}


/* Audience section responsive grids */
.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.aud-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}



.pkg-mobile{ display:none; flex-direction:column; gap:16px; margin-top:32px; }
.pkg-mob-card{ background:#fff; border:1px solid #e0e0e0; border-radius:2px; padding:24px; }
.pkg-mob-name{ font-family:"Barlow Condensed",sans-serif; font-size:20px; font-weight:900; color:var(--gold); text-transform:uppercase; margin-bottom:4px; }
.pkg-mob-price{ font-family:"Barlow Condensed",sans-serif; font-size:44px; font-weight:900; color:#111; line-height:1; margin-bottom:16px; }
.pkg-mob-divider{ border:none; border-top:1px solid #e0e0e0; margin:12px 0; }
.pkg-mob-row{ display:flex; justify-content:space-between; align-items:flex-start; padding:8px 0; border-bottom:1px solid #f0f0f0; gap:12px; }
.pkg-mob-label{ font-size:11px; font-weight:700; color:var(--gold); text-transform:uppercase; letter-spacing:0.06em; flex:1; }
.pkg-mob-val{ font-family:"Barlow Condensed",sans-serif; font-size:15px; font-weight:700; color:#111; text-transform:uppercase; text-align:right; }
.pkg-mob-val.dash{ color:#ccc; font-size:20px; font-weight:300; }
.pkg-mob-val.inc{ color:var(--gold); }


  /* =========================================
   MOBILE NAV
========================================= */

.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:none;
  background:transparent;
  cursor:pointer;
  position:relative;
  z-index:300;
}

.nav-toggle span{
  position:absolute;
  left:10px;
  width:24px;
  height:2px;
  background:var(--white);
  transition:0.3s ease;
}

.nav-toggle span:nth-child(1){
  top:14px;
}

.nav-toggle span:nth-child(2){
  top:21px;
}

.nav-toggle span:nth-child(3){
  top:28px;
}

/* ACTIVE STATE */

.nav-toggle.active span:nth-child(1){
  transform:rotate(45deg);
  top:21px;
}

.nav-toggle.active span:nth-child(2){
  opacity:0;
}

.nav-toggle.active span:nth-child(3){
  transform:rotate(-45deg);
  top:21px;
}
/* =========================================================
   RESPONSIVE
   BREAKPOINTS:
   1023px = tablet landscape / small laptop
   767px  = tablet portrait
   567px  = mobile
========================================================= */


/* =========================================================
   ≤ 1023px
========================================================= */

@media (max-width:1023px){
.about-mosaic .sub{display: none;}
.sec-label{margin-bottom: 0px;}
.audience{padding:30px 0 30px!important;}
  /* Layout */
  .container{
    padding-inline:28px;
  }
  .timeline-inner, .audience .container{padding-left:0px; padding-right:0px;}
  section{
    padding:80px 0;
  }

  nav{
    padding:14px 28px;
  }

  .nav-links{
    gap:18px;
  }

  /* Hero */
  .hero{
    min-height:90vh;
  }

  .hero-content{
    padding:0 28px 56px;
  }

  .hero-logo img{
    height:40px;
  }

  .hero-bottom{
    gap:28px;
  }

  .hero-mission{
    max-width:540px;
  }

  /* Typography */
  .about-text h2,
  .mission-text h2,
  .dist-title{
    font-size:clamp(52px,7vw,72px);
  }

  .val-title,
  .pc-title,
  .tl-month{
    font-size:clamp(30px,4vw,42px);
  }

  /* About */
  .about-grid{
    grid-template-columns:1fr;
    gap:48px;
  }

  .about-mosaic{
    max-width:760px;
    margin:auto;
  }

  /* Mission */
  .mission{
    grid-template-columns:1fr;
  }

  .mission-text{
    padding:72px 48px;
  }

  .mission-img{
    height:58vw;
  }

  .mission-img::after{
    background:
      linear-gradient(
        to bottom,
        var(--black) 0%,
        transparent 18%
      );
  }

  /* Values */
  .values-grid{
    grid-template-columns:1fr 1fr;
  }

  .val{
    padding:32px 24px;
  }

  /* Platform */
  .mag-grid{
    grid-template-columns:1fr;
  }



  .plat-card-img{
    height:360px;
  }

  /* Audience */
  .audience-top,
  .aud-grid,
  .aud-top-grid{
    grid-template-columns:1fr;
    gap:48px;
  }

  .channel-grid{
    grid-template-columns:1fr 1fr;
  }

  /* Timeline */
  .tl-grid{
    grid-template-columns:1fr 1fr;
  }

  .tl{
    padding:32px 24px;
  }

  /* CTA */
  .cta{
    padding:100px 32px;
  }

  .cta h2{
    font-size:clamp(64px,10vw,110px);
  }

  /* Footer */
  footer{
    padding:22px 28px;
  }

}



/* =========================================================
   ≤ 767px
========================================================= */

@media (max-width:767px){

  /* Layout */
  .container{
    padding-inline:20px;
  }

  section{
    padding:72px 0;
  }

  nav{
    padding:14px 20px;
  }

  .nav-links{
    display:none;
  }

  /* Hero */
  .hero{
    padding-top:92px;
    padding-bottom:40px;
    justify-content:flex-end;
  }

  .hero-content{
    padding:0 20px;
  }

  .hero-logo{
    margin-bottom:22px;
  }

  .hero-logo img{
    height:32px;
  }

  .hero-kit{
    font-size:11px;
    letter-spacing:0.24em;
    margin-bottom:20px;
  }

  .hero-tagline{
    font-size:12px;
    letter-spacing:0.14em;
    margin-bottom:24px;
  }

  .hero-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
  }

  .hero-mission{
    max-width:100%;
    font-size:15px;
    line-height:1.7;
  }

  .hero-cta{
    width:100%;
    justify-content:center;
    min-height:50px;
  }

  /* Typography */
  .sec-label,
  .eyebrow{
    font-size:18px;
  }

  .about-text h2,
  .mission-text h2,
  .dist-title{
    font-size:clamp(40px,9vw,56px);
    line-height:0.92;
  }

  .val-title,
  .pc-title,
  .tl-month{
    font-size:clamp(28px,7vw,38px);
  }

  .body,
  .platform-intro,
  .pc-text,
  .mission-bullet,
  .dist-item{
    font-size:15px;
  }

  /* About */
  .about-grid{
    gap:40px;
  }

  .about-mosaic{
    grid-template-rows:220px 140px;
  }

  .focus-item{
    font-size:15px;
  }

  /* Mission */
  .mission-text{
    padding:56px 24px;
  }

  .mission-img{
    height:64vw;
  }

  .mission-bullets{
    gap:14px;
  }

  /* Values */
  .values-hero{
    height:260px;
  }

  .values-grid{
    grid-template-columns:1fr;
  }

  .val{
    padding:28px 22px;
  }

  /* Platform */
  .plat-card-img{
    height:260px;
  }

  .plat-card-body{
    padding:24px 20px;
  }

  .pc-stat{
    font-size:16px;
  }

  /* Audience */
  .channel-grid{
    grid-template-columns:1fr;
  }

  .ch{
    padding:24px 20px;
  }

  .csv{
    font-size:36px;
  }

  /* Timeline */
  .timeline-hero{
    height:320px;
  }

  .tl-grid{
    grid-template-columns:1fr;
  }

  /* Packages */
  .pkg-table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .pkg-table::-webkit-scrollbar{
    display:none;
  }

  .pkg-table th,
  .pkg-table td{
    white-space:nowrap;
    padding:12px 14px;
  }

  .pkg-price{
    font-size:42px;
  }

  /* Packages */
  .pkg-table{
    display:none !important;
  }

  .pkg-mobile{
    display:flex !important;
    flex-direction:column;
    gap:14px;
    margin-top:24px;
  }

  .pkg-mob-card{
    padding:18px 16px;
    border-radius:6px;
  }

  .pkg-mob-name{
    font-size:18px;
  }

  .pkg-mob-price{
    font-size:34px;
    margin-bottom:14px;
  }

  .pkg-mob-row{
    padding:10px 0;
    gap:10px;
  }

  .pkg-mob-label{
    font-size:10px;
    line-height:1.4;
    max-width:55%;
  }

  .pkg-mob-val{
    font-size:14px;
  }

  .pkg-mob-val.dash{
    font-size:18px;
  }


  /* CTA */
  .cta{
    padding:88px 24px;
  }

  .cta h2{
    font-size:clamp(52px,12vw,88px);
  }

  .cta p{
    font-size:16px;
    margin-bottom:36px;
  }

  .cta-btn{
    width:100%;
    justify-content:center;
    min-height:52px;
  }

  /* Footer */
  footer{
    flex-direction:column;
    gap:12px;
    text-align:center;
  }

  nav{
    padding:14px 20px;
  }

  .nav-toggle{
    display:block;
  }

  .nav-links{
    position:fixed;
    top:73px;
    left:0;
    right:0;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;

    background:rgba(10,10,10,0.98);
    backdrop-filter:blur(16px);

    padding:16px 20px 24px;

    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);

    transform:translateY(-16px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
      opacity 0.25s ease,
      transform 0.25s ease,
      visibility 0.25s ease;
  }

  .nav-links.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .nav-links li{
    width:100%;
    list-style:none;
  }

  .nav-links a{
    width:100%;
    display:flex;
    align-items:center;

    min-height:54px;

    font-size:13px;
    letter-spacing:0.12em;

    border-bottom:1px solid rgba(255,255,255,0.06);
  }

  .nav-links li:last-child a{
    border-bottom:none;
  }

  .nav-cta{
    width:100%;
    justify-content:center;
    margin-top:12px;
    padding:14px 18px;
  }



}
@media (max-width:680px){
.plat-grid{
  grid-template-columns:1fr;
}

.plat-card-img{
  height:300px;
}

}
/* =========================================================
   ≤ 567px
========================================================= */

@media (max-width:567px){
.values-inner{padding-bottom:0px!important;}
  /* Layout */
  .container{
    padding-inline:16px;
  }

  section{
    padding:64px 0;
  }

  nav{
    padding:12px 16px;
  }

  /* Hero */
  .hero{
    padding-top:84px;
    padding-bottom:32px;
  }

  .hero-content{
    padding:0 16px;
  }

  .hero-logo img{
    height:26px;
  }

  .hero-kit{
    font-size:10px;
    letter-spacing:0.18em;
  }

  .hero-tagline{
    font-size:11px;
    line-height:1.5;
  }

  .hero-mission{
    font-size:14px;
  }

  .hero-cta{
    font-size:13px;
    padding:14px 18px;
  }

  /* Typography */
  .sec-label,
  .eyebrow{
    font-size:16px;
  }

  .about-text h2,
  .mission-text h2,
  .dist-title{
    font-size:clamp(34px,10vw,44px);
  }

  .val-title,
  .pc-title,
  .tl-month{
    font-size:clamp(24px,8vw,32px);
  }

  .body,
  .platform-intro,
  .pc-text,
  .mission-bullet,
  .dist-item,
  .focus-item{
    font-size:14px;
    line-height:1.7;
  }

  /* About */
  .about-grid{
    gap:32px;
  }

  .about-mosaic{
    grid-template-rows:180px 110px;
    gap:4px;
  }

  /* Mission */
  .mission-text{
    padding:44px 16px;
  }

  .mission-img{
    height:72vw;
  }

  /* Values */
  .values-hero{
    height:200px;
  }


  .val{
    padding:22px 16px;
  }

  .val-star{
    font-size:22px;
    margin-bottom:12px;
  }

  /* Platform */
  .platform-intro{
    padding-left:16px;
    margin-bottom:40px;
  }

  .plat-card{
    border-radius:0;
  }

  .plat-card-img{
    height:200px;
  }

  .plat-card-body{
    padding:20px 16px;
  }

  .pc-stat{
    font-size:15px;
  }

  /* Audience */
  .dist-img{
    aspect-ratio:1/1;
  }

  .stat-cards{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .ch{
    padding:20px 16px;
  }

  .ch-name{
    font-size:14px;
    margin-bottom:12px;
  }

  .csv{
    font-size:28px;
  }

  .csl{
    font-size:11px;
  }

  /* Timeline */
  .timeline-hero{
    height:240px;
  }

  .timeline-inner{
    padding:40px 0 72px;
  }

  .tl{
    padding:24px 16px;
  }

  .tl-desc{
    font-size:12px;
  }


  /* CTA */
  .cta{
    padding:72px 16px;
  }

  .cta::before{
    font-size:260px;
  }

  .cta p{
    font-size:15px;
    margin-bottom:28px;
  }

  .cta-btn{
    font-size:14px;
    padding:14px 18px;
  }

  .cta-email{
    font-size:12px;
  }

  /* Footer */
  footer{
    padding:18px 16px;
  }

  footer p{
    font-size:9px;
  }

}



/* =========================================================
   TOUCH DEVICE OPTIMISATION
========================================================= */

@media (hover:none){

  .hero:hover .hero-bg img,
  .mission:hover .mission-img img,
  .plat-card:hover .plat-card-img img,
  .mag-card:hover img,
  .timeline:hover .timeline-hero img,
  .about-mosaic .main:hover img,
  .about-mosaic .sub:hover img{
    transform:none;
  }

}



/* =========================================================
   MOBILE TAP IMPROVEMENTS
========================================================= */

a,
button{
  -webkit-tap-highlight-color:transparent;
}

.hero-cta,
.cta-btn,
.nav-cta{
  min-height:48px;
}