/* =========================================================
   PAHSOTO — MEDIA KIT
   Neobrutalist * dark * editorial * streetwear
   ========================================================= */

/* ---- Fonts ---- */
@font-face { font-family:'Bebas Neue'; src:url('../fonts/BebasNeue-Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-Regular.ttf')    format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-Medium.ttf')     format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-SemiBold.ttf')   format('truetype'); font-weight:600; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-Bold.ttf')       format('truetype'); font-weight:700; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-Black.ttf')      format('truetype'); font-weight:900; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-Italic.ttf')     format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight:700; font-style:italic; font-display:swap; }

:root{
  --bg:#000;
  --surface:#0d0d0d;
  --surface-2:#1a1a1a;
  --surface-3:#232323;
  --lime:#DDFF88;
  --lime-deep:#C6EA5E;
  --ink:#000;
  --white:#fff;
  --mute:#888;
  --dim:#5a5a5a;
  --border:#333;
  --border-soft:#1f1f1f;

  --font-disp:"Bebas Neue", Impact, sans-serif;
  --font-body:"Montserrat", system-ui, -apple-system, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, monospace;

  --maxw:1280px;
  --gutter:32px;
  --r-xl:32px;
  --ease:cubic-bezier(.2,.9,.2,1);
}

/* ---- Resets ---- */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--white);
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;}
::selection{background:var(--lime);color:#000;}

.container{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 var(--gutter);
}

/* ---- Eyebrow ---- */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-body);
  font-weight:700;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--mute);
}
.eyebrow--ink{color:#000;}
.eyebrow__dot{
  width:14px;
  height:14px;
  border-radius:0;
  background:currentColor;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  -webkit-mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
          mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
}
.eyebrow__glyph{
  width:14px;height:14px;
  color:var(--lime);
  display:inline-flex;
  flex-shrink:0;
}
.eyebrow__glyph svg{width:100%;height:100%;}
.eyebrow--ink .eyebrow__glyph{color:#000;}


/* =========================================================
   NAV — sticky black bar
   ========================================================= */
.mk-nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;
  padding:14px var(--gutter);
  background:rgba(0,0,0,.92);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid var(--border-soft);
}
.mk-nav__logo{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-disp);
  font-size:22px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.mk-nav__bolt{
  width:18px;height:22px;color:var(--lime);
  display:inline-flex;
}
.mk-nav__bolt svg{width:100%;height:100%;}
.mk-nav__links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  min-width:0;
  flex:1;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.mk-nav__links a{
  color:var(--white);
  opacity:.82;
  padding:6px 0;
  white-space:nowrap;
  transition:color .15s var(--ease), opacity .15s var(--ease);
}
.mk-nav__links a:hover{
  color:var(--lime);
  opacity:1;
}
.mk-nav__menu{
  display:flex;align-items:center;
  gap:4px;
}
.mk-nav__menu a{
  position:relative;
  font-family:var(--font-body);
  font-weight:600;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:lowercase;
  color:var(--mute);
  padding:8px 14px;
  border-radius:999px;
  transition:color .15s var(--ease), background .15s var(--ease);
}
.mk-nav__menu a:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-8px;top:50%;transform:translateY(-50%);
  width:10px;height:10px;border-radius:0;
  background:var(--border);
  -webkit-mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
          mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
}
.mk-nav__menu a:hover{color:var(--lime);}
.mk-nav__menu a.is-active{
  color:#000;background:var(--lime);
}
@media (max-width:880px){
  .mk-nav__menu{display:none;}
  .mk-nav{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .mk-nav__links{
    order:3;
    width:100%;
    flex:0 0 100%;
    justify-content:flex-start;
    gap:18px;
    overflow-x:auto;
    padding:4px 0 2px;
    scrollbar-width:none;
  }
  .mk-nav__links::-webkit-scrollbar{display:none;}
}
.mk-nav__menu-toggle{display:none;}
.mk-nav__center{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mute);
  text-align:center;
}
.mk-nav__cta{
  display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid var(--white);
  border-radius:999px;
  padding:9px 18px;
  font-weight:600;
  font-size:13px;
  letter-spacing:.02em;
  text-transform:lowercase;
  transition:color var(--ease) .15s, border-color var(--ease) .15s, background var(--ease) .15s;
}
.mk-nav__cta:hover{border-color:var(--lime);color:var(--lime);}
.mk-nav__cta:active{background:var(--lime);color:#000;border-color:var(--lime);}

@media (max-width:560px){
  .mk-nav__cta{display:none;}
}



/* =========================================================
   HERO — lime background, editorial portrait
   ========================================================= */
.hero{
  position:relative;
  background:var(--lime);
  color:#000;
  padding:28px var(--gutter) 0;
  overflow:hidden;
  isolation:isolate;
}
.hero__grain{
  position:absolute;inset:0;
  background:url('../images/decor/grain.svg');
  background-size:300px;
  opacity:.18;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:1;
}
.hero > *{position:relative;z-index:2;}

/* Grid */
.hero__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:48px;
  align-items:end;
  max-width:var(--maxw);
  margin:0 auto;
  padding:32px 0 40px;
}

.hero__title{
  font-family:var(--font-disp);
  font-size:clamp(96px, 18vw, 280px);
  line-height:.82;
  letter-spacing:-.02em;
  text-transform:none;
  margin:0 0 24px;
  color:#000;
}
.hero__lead{
  font-size:18px;
  line-height:1.45;
  max-width:520px;
  margin:0 0 32px;
  font-weight:500;
}
.hero__lead em{font-style:italic;font-weight:700;}

.hero__info{
  margin:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1.5px solid #000;
  border-bottom:1.5px solid #000;
}
.hero__info-row{
  padding:18px 16px 18px 0;
  border-right:1.5px solid #000;
}
.hero__info-row:nth-child(2){padding-left:16px;}
.hero__info-row:nth-child(3){padding-left:16px;border-right:0;}
.hero__info-row dt{
  font-size:10px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;opacity:.7;
  margin-bottom:6px;
}
.hero__info-row dd{
  margin:0;
  font-family:var(--font-disp);
  font-size:22px;
  letter-spacing:.01em;
  text-transform:lowercase;
  line-height:1.05;
}

/* Right column — portrait */
.hero__right{
  display:flex;flex-direction:column;
  gap:18px;
}
.portrait{
  position:relative;
  margin:0;
  border:1.5px solid #000;
  background:#1a1a1a;
  overflow:hidden;
}
.portrait--hero{
  aspect-ratio: 4/5;
  width:100%;
  max-width:480px;
  margin-left:auto;
}
.portrait__media{
  position:absolute;inset:0;
  background:#0d0d0d;
  color:#888;
  overflow:hidden;
}
.portrait__media::before{
  content:"";
  position:absolute;inset:0;
  background:url('../images/decor/grain.svg');
  background-size:280px;
  opacity:.5;
  mix-blend-mode:overlay;
  pointer-events:none;
  z-index:3;
}
.portrait__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(100%) contrast(1.08);
}
.portrait__tag{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#aaa;
  border:1px solid #444;
  padding:4px 10px;
  border-radius:999px;
  position:absolute;top:14px;left:14px;
  background:rgba(0,0,0,.5);
}
.portrait__tape{
  position:absolute;
  width:120px;height:26px;
  background:repeating-linear-gradient(
    45deg,
    rgba(0,0,0,.85) 0 4px,
    rgba(0,0,0,.95) 4px 8px
  );
  border:1px solid rgba(0,0,0,.6);
}
.portrait__tape--tr{
  top:-10px;right:-30px;transform:rotate(28deg);
}
.portrait__tape--bl{
  bottom:30px;left:-40px;transform:rotate(-12deg);
}
.portrait__star{
  position:absolute;
  width:48px;height:48px;
  bottom:-12px;right:-12px;
  color:var(--lime);
  background:#000;
  border-radius:50%;
  padding:8px;
  border:2px solid #000;
}
.portrait__star svg{width:100%;height:100%;}

.hero__handles{
  display:flex;align-items:center;justify-content:center;gap:14px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:lowercase;
  color:#000;
  font-weight:600;
  padding-top:6px;
}
.hero__handle-dot{
  width:12px;height:12px;
  border-radius:0;
  background:#000;
  flex-shrink:0;
  -webkit-mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
          mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
}

/* Stats bar */
.hero__stats{
  max-width:var(--maxw);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  border-top:1.5px solid #000;
  border-bottom:0;
}
.hero__stat{
  padding:24px 20px 28px;
  border-right:1.5px solid #000;
  display:flex;flex-direction:column;gap:4px;
}
.hero__stat:last-child{border-right:0;}
.hero__stat--total{
  background:#000;color:var(--lime);
}
.hero__stat-num{
  font-family:var(--font-disp);
  font-size:clamp(40px, 5.5vw, 76px);
  line-height:.9;
  letter-spacing:0;
}
.hero__stat-label{
  font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  opacity:.75;
}
.hero__stat--total .hero__stat-label{opacity:.55;}

@media (max-width:880px){
  .hero__grid{grid-template-columns:1fr;gap:32px;}
  .hero__info{grid-template-columns:1fr;}
  .hero__info-row{border-right:0;border-bottom:1.5px solid #000;padding:14px 0;}
  .hero__info-row:nth-child(2),
  .hero__info-row:nth-child(3){padding-left:0;}
  .hero__info-row:last-child{border-bottom:0;}
  .portrait--hero{margin:0 auto;max-width:380px;}
  .hero__stats{grid-template-columns:repeat(2, 1fr);}
  .hero__stat{border-bottom:1.5px solid #000;}
  .hero__stat:nth-child(odd){border-right:1.5px solid #000;}
  .hero__stat:nth-child(even){border-right:0;}
}


/* =========================================================
   BRAND MARQUEE — black band with lime text, lowercase
   ========================================================= */
.brand-marquee{
  background:#000;
  color:var(--lime);
  border-top:2px solid var(--lime);
  border-bottom:2px solid var(--lime);
  padding:18px 0;
  overflow:hidden;
  position:relative;
  white-space:nowrap;
}
.brand-marquee__track{
  display:inline-flex;
  align-items:center;
  gap:28px;
  font-family:var(--font-body);
  font-style:italic;
  font-weight:700;
  font-size:24px;
  letter-spacing:.02em;
  text-transform:lowercase;
  animation: brand-scroll 60s linear infinite;
  padding-right:28px;
}
.brand-marquee__item{padding:0 4px;}
.brand-marquee__sep{
  width:14px;height:18px;
  flex-shrink:0;
  color:var(--lime);
}
@keyframes brand-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (max-width:640px){
  .brand-marquee__track{font-size:18px;gap:20px;animation-duration:45s;}
}


/* =========================================================
   SOBRE
   ========================================================= */
.about{
  padding:96px 0;
  background:var(--bg);
  border-top:1px solid var(--border-soft);
}
.about__inner{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:64px;
  align-items:start;
}

/* Photo stack — 1 big + 2 small */
.about__photos{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows:auto auto;
  gap:14px;
}
.photo{
  position:relative;
  margin:0;
  border:1.5px solid var(--border);
  background:var(--surface);
  overflow:hidden;
  aspect-ratio: 4/5;
}
.photo--big{
  grid-column:1 / span 2;
  aspect-ratio: 16/11;
}
.photo--sm{aspect-ratio: 1/1.05;}
.photo__media{
  position:absolute;inset:0;
  background:#111;
  display:flex;align-items:center;justify-content:center;
}
.photo__media::before{
  content:"";
  position:absolute;inset:0;
  background:url('../images/decor/grain.svg');
  background-size:200px;opacity:.45;mix-blend-mode:overlay;
  z-index:2;
  pointer-events:none;
}
.photo__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(100%) contrast(1.05);
}
.photo__hint{
  font-family:var(--font-mono);
  font-size:11px;color:#777;
  text-transform:uppercase;letter-spacing:.1em;
  border:1px dashed #444;padding:6px 10px;border-radius:4px;
  position:relative;z-index:1;
}
.photo__tape{
  position:absolute;top:-12px;left:24px;
  width:140px;height:24px;
  background:repeating-linear-gradient(
    45deg, rgba(221,255,136,.95) 0 4px, rgba(221,255,136,.7) 4px 8px
  );
  transform:rotate(-3deg);
  border:1px solid rgba(0,0,0,.4);
}
.photo__star{
  position:absolute;width:44px;height:44px;
  top:-18px;right:-18px;
  color:var(--lime);
  background:#000;
  border:2px solid var(--lime);
  border-radius:50%;
  padding:8px;
}
.photo__star svg{width:100%;height:100%;}

/* ----- Info sticker (fills space below photos) ----- */
.info-sticker{
  position:relative;
  grid-column:1 / span 2;
  margin-top:6px;
  background:#000;
  border:1.5px solid var(--border);
  overflow:hidden;
  isolation:isolate;
  padding:28px;
  display:flex;flex-direction:column;
  gap:24px;
}
.info-sticker__halftone{
  position:absolute;inset:0;
  background-image:radial-gradient(
    circle at center,
    var(--lime) 1.4px,
    transparent 1.6px
  );
  background-size:14px 14px;
  background-position:0 0;
  opacity:.16;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(135deg, #000 30%, transparent 75%);
          mask-image:linear-gradient(135deg, #000 30%, transparent 75%);
}
.info-sticker__main{
  position:relative;
  display:flex;align-items:center;gap:22px;
  z-index:2;
}
.info-sticker__glyph{
  width:78px;height:78px;
  color:var(--lime);
  flex-shrink:0;
  animation: sticker-spin 12s linear infinite;
  transform-origin:center;
}
.info-sticker__glyph svg{width:100%;height:100%;}
@keyframes sticker-spin{
  from{transform:rotate(0);}
  to{transform:rotate(360deg);}
}

.info-sticker__text{
  display:flex;flex-direction:column;
  gap:2px;
}
.info-sticker__line{
  font-family:var(--font-body);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--white);
}
.info-sticker__line--mute{color:var(--mute);font-weight:600;}
.info-sticker__year{
  font-family:var(--font-disp);
  font-size:72px;
  line-height:.85;
  letter-spacing:.01em;
  color:var(--lime);
  margin:4px 0 6px;
}

.info-sticker__tape{
  position:absolute;
  top:14px;right:-30px;
  width:140px;height:22px;
  background:repeating-linear-gradient(
    45deg,
    var(--lime) 0 4px,
    var(--lime-deep) 4px 8px
  );
  transform:rotate(18deg);
  z-index:3;
  border:1px solid rgba(0,0,0,.3);
}

.about__title{
  font-family:var(--font-disp);
  font-size:clamp(52px, 7vw, 110px);
  line-height:.88;
  letter-spacing:-.005em;
  text-transform:uppercase;
  margin:18px 0 32px;
  color:var(--white);
}
.about__title em{
  font-style:italic;
  color:var(--lime);
  font-weight:400;
}
.about__title-mark{
  background:var(--lime);
  color:#000;
  padding:0 .15em 4px;
  display:inline-block;
  transform:rotate(-1deg);
}

.arrows{
  list-style:none;padding:0;margin:0 0 32px;
  display:flex;flex-direction:column;
  border-top:1px solid var(--border);
}
.arrows li{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 4px;
  border-bottom:1px solid var(--border);
  font-size:15px;
  line-height:1.55;
  color:#cfcfcf;
}
.arrows li > *{min-width:0;}
.arrows li strong{color:var(--white);font-weight:700;}
.arrows__main{
  flex:1 1 45%;
}
.arrows__sub{
  flex:1 1 45%;
  color:#cfcfcf;
}
.arrows__item--split{
  align-items:flex-start;
}
.arrows__arrow{
  flex:0 0 32px;
  font-family:var(--font-disp);
  font-size:28px;
  line-height:1;
  color:var(--lime);
}

/* Pills */
.formats__label{
  display:block;
  font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--mute);
  margin-bottom:14px;
}
.formats__pills{
  display:flex;flex-wrap:wrap;gap:8px;
}
.pill{
  display:inline-flex;align-items:center;
  border:1.2px solid var(--white);
  color:var(--white);
  padding:7px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:lowercase;
  transition:all .15s var(--ease);
}
.pill:hover{
  background:var(--lime);color:#000;border-color:var(--lime);
  transform:translateY(-1px);
}

@media (max-width:900px){
  .about{padding:64px 0;}
  .about__inner{grid-template-columns:1fr;gap:40px;}
  .arrows__item--split{
    flex-wrap:wrap;
  }
  .arrows__item--split .arrows__sub{
    flex-basis:100%;
    margin-left:46px;
  }
}


/* =========================================================
   NÚMEROS — lime background
   ========================================================= */
.numbers{
  background:#000;
  color:var(--lime);
  padding:0;
  position:relative;
  overflow:hidden;
}
.numbers::before,
.numbers::after{
  content:"";
  position:absolute;left:0;right:0;height:24px;
  background:#000;
  pointer-events:none;
}
.numbers::before{
  top:0;
  -webkit-mask:url('../images/decor/torn-edge-top.svg') no-repeat center / 100% 100%;
          mask:url('../images/decor/torn-edge-top.svg') no-repeat center / 100% 100%;
}
.numbers::after{
  bottom:0;
  -webkit-mask:url('../images/decor/torn-edge-bottom.svg') no-repeat center / 100% 100%;
          mask:url('../images/decor/torn-edge-bottom.svg') no-repeat center / 100% 100%;
}

/* PART A — growth */
.numbers__head{
  text-align:center;
  padding-top:24px;
  padding-bottom:84px;
}
.numbers__head .eyebrow--ink{
  color:var(--lime);
}
.numbers__kicker{
  margin:18px 0 0;
  font-size:18px;font-weight:500;
}
.numbers__big{
  font-family:var(--font-disp);
  font-size:clamp(110px, 16vw, 240px);
  line-height:.82;
  letter-spacing:-.02em;
  text-transform:uppercase;
  margin:0;
  color:#000;
  position:relative;
  z-index:2;
}

/* ----- Growth poster (inspired by event-poster reference) ----- */
.growth-poster{
  position:relative;
  width:100%;
  max-width:640px;
  margin:24px auto 28px;
  aspect-ratio: 16 / 11;
  background:#000;
  border:2px solid #000;
  border-radius:26px;
  padding:14px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 16px 0 rgba(0,0,0,.18);
}

/* Dark photo area — fills inside minus padding and bottom title strip */
.growth-poster__photo{
  position:absolute;
  top:14px; left:14px; right:14px;
  bottom:116px;
  background:#111;
  border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  z-index:1;
}
.growth-poster__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  filter:grayscale(100%) contrast(1.05) brightness(.7);
}
.growth-poster__photo::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.34) 100%),
    url('../images/decor/grain.svg');
  background-size:auto, 220px;
  opacity:.75;mix-blend-mode:overlay;
  pointer-events:none;
}
.growth-poster__photo-hint{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#777;
  border:1px dashed #555;
  padding:8px 14px;
  border-radius:6px;
  position:relative;z-index:1;
  text-align:center;
}

/* Brand tab — top-left, notches into photo */
.growth-poster__brand-tab{
  position:absolute;
  top:14px; left:14px;
  background:var(--lime);
  padding:12px 24px 14px 14px;
  border-radius:0 0 22px 0;
  z-index:3;
  display:flex;flex-direction:column;
  gap:2px;
  max-width:240px;
}
.growth-poster__brand-name{
  font-family:var(--font-disp);
  font-size:28px;
  line-height:.95;
  color:#000;
  letter-spacing:.01em;
  text-transform:lowercase;
}
.growth-poster__brand-sub{
  font-family:var(--font-body);
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#000;
  opacity:.7;
}

/* Date tab — left middle, notches into photo */
.growth-poster__date-tab{
  position:absolute;
  top:42%;
  left:22px;
  background:var(--lime);
  padding:14px 26px 16px 14px;
  border-radius:0 28px 28px 0;
  z-index:3;
  display:flex;flex-direction:column;
  gap:2px;
  max-width:200px;
}
.growth-poster__date-num{
  font-family:var(--font-disp);
  font-size:46px;
  line-height:.9;
  letter-spacing:0;
  text-transform:lowercase;
  color:#000;
}
.growth-poster__date-sub{
  font-family:var(--font-body);
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#000;
  opacity:.7;
}

/* Bottom title strip — full width, lime, big black title */
.growth-poster__strip{
  position:absolute;
  left:14px; right:14px; bottom:14px;
  min-height:94px;
  background:#000;
  color:var(--lime);
  padding:16px 18px 14px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:22px;
  z-index:2;
  border-top:2px solid var(--lime);
}
.growth-poster__strip-l{
  display:flex;flex-direction:column;gap:4px;
  align-items:flex-start;
}
.growth-poster__big{
  font-family:var(--font-disp);
  font-size:clamp(78px, 10vw, 118px);
  line-height:.82;
  letter-spacing:-.015em;
  text-transform:uppercase;
  color:var(--lime);
  margin:0;
}
.growth-poster__big-sub{
  font-family:var(--font-body);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#fff;
  opacity:.82;
  margin-top:0;
}
.growth-poster__copy{
  max-width:300px;
  margin:0;
  justify-self:end;
  text-align:left;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
}
.growth-poster__strip-r{
  display:flex;flex-direction:column;
  align-items:flex-end;
  text-align:right;
  gap:6px;
  padding-bottom:6px;
}
.growth-poster__r-label{
  font-family:var(--font-body);
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#000;
  opacity:.7;
}
.growth-poster__r-headline{
  font-family:var(--font-disp);
  font-size:clamp(40px, 5.5vw, 72px);
  line-height:.9;
  font-style:italic;
  letter-spacing:.01em;
  text-transform:lowercase;
  color:#000;
}

@media (max-width:680px){
  .growth-poster{
    max-width:420px;
    aspect-ratio: 4 / 5;
    border-radius:22px;
    padding:12px;
  }
  .growth-poster__photo{
    top:12px;left:12px;right:12px;
    bottom:172px;
    border-radius:16px;
  }
  .growth-poster__brand-tab{
    top:12px;left:12px;
    padding:10px 18px 12px 10px;
    border-radius:0 0 18px 0;
  }
  .growth-poster__brand-name{font-size:24px;}
  .growth-poster__strip{
    left:12px;right:12px;bottom:12px;
    min-height:148px;
    padding:14px;
    grid-template-columns:1fr;
    gap:10px;
    align-items:center;
  }
  .growth-poster__copy{justify-self:start;max-width:none;font-size:13px;}
  .growth-poster__strip-r{align-items:flex-start;text-align:left;}
}
.numbers__sub{
  margin:0 0 56px;
  font-family:var(--font-disp);
  font-size:clamp(28px, 3.5vw, 52px);
  line-height:1;
  text-transform:uppercase;
}
.numbers__sub-mark{
  background:#000;color:var(--lime);
  padding:0 .25em 4px;display:inline-block;
}

.growth-cards{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
  margin-top:8px;
}
.growth-card{
  background:#000;
  color:var(--lime);
  padding:24px 20px;
  display:flex;flex-direction:column;gap:6px;
  border:2px solid #000;
  text-align:left;
}
.growth-card__num{
  font-family:var(--font-disp);
  font-size:clamp(40px, 4.5vw, 68px);
  line-height:.9;
  letter-spacing:0;
  color:var(--lime);
}
.growth-card__lbl{
  font-size:12px;font-weight:600;
  letter-spacing:.04em;
  text-transform:lowercase;
  color:#fff;
  opacity:.85;
}

/* PART B — platforms */
/* Big Numbers block */
.bn{
  position:relative;
  background:var(--bg);
  color:var(--white);
  padding:42px 0 52px;
  overflow:hidden;
  isolation:isolate;
}
.bn::before{
  content:"";
  position:absolute;
  inset:-10% -10% auto;
  height:70%;
  background:url('../images/decor/halftone.svg') repeat;
  opacity:.06;
  pointer-events:none;
  z-index:0;
}
.bn::after{
  content:"";
  position:absolute;
  inset:0;
  background:url('../images/decor/grain.svg');
  opacity:.06;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:1;
}
.bn-marquee{
  position:relative;
  z-index:2;
  width:110%;
  margin:0 0 44px -5%;
  padding:12px 0;
  overflow:hidden;
  transform:rotate(-1.2deg);
  background:var(--lime);
  color:#000;
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.bn-marquee::before,
.bn-marquee::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:14px;
  background-repeat:repeat-x;
  background-size:auto 14px;
}
.bn-marquee::before{top:-1px;background-image:url('../images/decor/marquee-tear-top.svg');}
.bn-marquee::after{bottom:-1px;background-image:url('../images/decor/marquee-tear-bottom.svg');}
.bn-marquee-track{
  display:flex;
  gap:22px;
  white-space:nowrap;
  animation:bn-scroll 38s linear infinite;
  font-family:var(--font-disp);
  font-size:clamp(22px, 2.6vw, 42px);
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  will-change:transform;
}
.bn-marquee-track span{display:inline-flex;align-items:center;gap:22px;}
.bn-marquee-dot{
  width:10px;height:10px;border-radius:999px;
  background:#000;display:inline-block;flex-shrink:0;
}
@keyframes bn-scroll{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
.bn-wrap{position:relative;z-index:3;}
.bn-head{
  display:block;
  margin-bottom:28px;
}
.bn-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:16px;
  font-family:var(--font-body);
  font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--lime);
}
.bn-eyebrow__glyph{width:14px;height:14px;color:var(--lime);display:inline-flex;flex-shrink:0;}
.bn-eyebrow__glyph svg{width:100%;height:100%;}
.bn-title{
  margin:0;
  font-family:var(--font-disp);
  font-size:clamp(40px, 5vw, 72px);
  line-height:.84;
  letter-spacing:calc(-.015em + 0.5px);
  text-transform:uppercase;
  color:var(--lime);
}
.bn-title em{font-style:normal;color:var(--lime);}
.bn-title__dot{
  font-family:var(--font-body);
  font-size:.28em;
  font-style:italic;
  font-weight:900;
  letter-spacing:.04em;
  vertical-align:.45em;
  margin-left:.15em;
  color:var(--lime);
}
.bn-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-auto-rows:minmax(118px, auto);
  gap:12px;
}
.bn-card{
  position:relative;
  min-height:124px;
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#000;
  border:1.5px solid var(--lime);
  color:var(--lime);
  transition:transform .25s var(--ease);
}
.bn-card:hover{transform:translateY(-2px);}
.bn-card__num{
  margin:2px 0 10px;
  display:flex;align-items:baseline;
  font-family:var(--font-disp);
  font-size:clamp(56px, 5.1vw, 84px);
  line-height:.9;
  letter-spacing:-.02em;
  color:var(--lime);
}
.bn-card__plus{
  font-size:.5em;line-height:1;
  color:var(--lime);
  margin-right:.06em;
  transform:translateY(.18em);
  display:inline-block;
}
.bn-card__value{
  font-weight:700;
}
.bn-card__unit{
  font-size:1em;line-height:1;
  color:var(--lime);
  margin-left:.02em;
  align-self:baseline;
  padding-bottom:0;
}
.bn-card__label{
  max-width:30ch;
  font-family:var(--font-body);
  font-size:14px;
  line-height:1.35;
  color:var(--lime);
  font-style:normal;
  font-weight:500;
}
.bn-card__label em{font-style:italic;font-weight:700;color:var(--lime);}
.bn-card--hero{
  min-height:124px;
  background:var(--lime);
  color:#000;
  border:1.5px solid var(--lime);
  border-radius:0;
}
.bn-card--hero::before{
  content:none;
}
.bn-card--hero .bn-card__num,
.bn-card--hero .bn-card__plus,
.bn-card--hero .bn-card__label{color:#000;}
.bn-card--hero .bn-card__unit{color:#000;font-weight:700;}
.bn-card--hero .bn-card__num{font-size:clamp(56px, 5.1vw, 84px);}
.bn-card--hero .bn-card__label{
  font-size:14px;
  text-transform:none;
  font-style:italic;
  font-weight:700;
}
.bn-card__it{
  font-family:var(--font-body);
  font-style:italic;
  font-weight:700;
  text-transform:lowercase;
  font-size:.6em;
  letter-spacing:0;
}
.bn-hero-ast{
  position:absolute;top:24px;right:24px;
  width:40px;height:40px;color:#000;z-index:2;
  animation:bn-ast-in 700ms var(--ease) both;
}
.bn-hero-ast svg{width:100%;height:100%;}
@keyframes bn-ast-in{
  from{transform:rotate(-180deg) scale(.4);opacity:0;}
  to{transform:rotate(0) scale(1);opacity:1;}
}
.bn-hero-tape{
  position:absolute;top:38px;left:-28px;
  width:176px;height:30px;
  background:url('../images/decor/tape-strip.svg') no-repeat center / 100% 100%;
  transform:rotate(-6deg);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-body);
  font-size:11px;font-style:italic;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;
  color:#1a1a1a;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
  z-index:3;
}
.bn-card--reels,
.bn-card--reach{grid-column:auto;}
.bn-card--organic{
  grid-column:span 7;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:24px 28px;
}
.bn-card--shares{grid-column:auto;}
.bn-card--organic .bn-card__col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.bn-card--organic .bn-card__col--right{text-align:right;}
.bn-card--organic .bn-card__num{
  margin:0;
  justify-content:flex-end;
  font-size:clamp(60px, 8vw, 126px);
}
.bn-card--organic .bn-card__label{
  max-width:none;
  font-family:var(--font-disp);
  font-size:clamp(19px, 1.7vw, 26px);
  line-height:.96;
  letter-spacing:-.005em;
  text-transform:uppercase;
}
.bn-card__lime{color:var(--lime);}
.bn-card--organic .bn-card__it{color:var(--mute);font-size:.7em;}
.bn-shares-tape{
  position:absolute;top:-14px;right:24px;
  width:140px;height:28px;
  background:var(--lime);
  transform:rotate(4deg);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-body);
  font-size:10px;font-style:italic;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;
  color:#000;
  box-shadow:0 8px 16px rgba(0,0,0,.4);
}
.bn-shares-tape::before,
.bn-shares-tape::after{
  content:"";
  position:absolute;top:0;bottom:0;width:8px;
  background:linear-gradient(90deg, rgba(0,0,0,.15), transparent);
}
.bn-shares-tape::before{left:0;}
.bn-shares-tape::after{right:0;transform:scaleX(-1);}

@media (max-width:1100px){
  .bn-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .bn-card--hero{min-height:124px;}
}
@media (max-width:720px){
  .bn{padding:64px 0 72px;}
  .bn-head{grid-template-columns:1fr;}
  .bn-title{font-size:clamp(64px, 18vw, 120px);}
  .bn-grid{grid-template-columns:1fr;}
  .bn-card{grid-column:auto !important;padding:22px;min-height:140px;}
  .bn-card--hero{padding:22px;min-height:140px;}
  .bn-card--hero .bn-card__num{font-size:clamp(76px, 24vw, 120px);}
}

.growth-poster--big-numbers{
  max-width:1180px;
  aspect-ratio:16 / 4.2;
  margin:24px auto 0;
  padding:0 24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
}
.growth-poster--big-numbers::before,
.growth-poster--big-numbers::after{
  content:none;
}
.growth-poster__word{
  position:relative;
  z-index:1;
  margin:0;
  font-family:var(--font-disp);
  font-size:clamp(126px, 21vw, 340px);
  line-height:.72;
  letter-spacing:-.02em;
  text-transform:lowercase;
  color:var(--lime);
  white-space:nowrap;
  text-shadow:none;
}
.growth-poster__glyph{
  position:absolute;
  z-index:2;
  width:28px;
  height:34px;
  background:#000;
  pointer-events:none;
}
.growth-poster__glyph--bolt-1,
.growth-poster__glyph--bolt-2{
  -webkit-mask:url('../images/icons/bolt.svg') center / contain no-repeat;
          mask:url('../images/icons/bolt.svg') center / contain no-repeat;
}
.growth-poster__glyph--exclam-1,
.growth-poster__glyph--exclam-2{
  -webkit-mask:url('../images/icons/bolt-exclam.svg') center / contain no-repeat;
          mask:url('../images/icons/bolt-exclam.svg') center / contain no-repeat;
}
.growth-poster__glyph--bolt-1{
  top:28%;
  left:19%;
  transform:rotate(-12deg);
}
.growth-poster__glyph--bolt-2{
  bottom:25%;
  right:31%;
  transform:rotate(10deg) scale(.82);
}
.growth-poster__glyph--exclam-1{
  top:18%;
  right:22%;
  transform:rotate(8deg);
}
.growth-poster__glyph--exclam-2{
  bottom:22%;
  left:38%;
  transform:rotate(-7deg) scale(.72);
}
.growth-poster__badge{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:260px;
  padding:9px 14px 8px;
  border:0;
  border-radius:0;
  background:
    linear-gradient(rgba(198,255,51,.9), rgba(198,255,51,.9)),
    url('../images/decor/grain.svg');
  background-size:auto, 180px;
  color:#000;
  text-align:left;
  box-shadow:none;
}
.growth-poster__badge::before,
.growth-poster__badge::after{
  content:none;
}
.growth-poster__badge strong{
  font-family:var(--font-disp);
  font-size:26px;
  line-height:.9;
  font-weight:400;
  white-space:nowrap;
}
.growth-poster__badge span{
  font-size:9px;
  font-weight:800;
  line-height:1.05;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.growth-poster__badge--growth{top:14%;left:9%;transform:rotate(-3deg);}
.growth-poster__badge--reach{bottom:16%;left:15%;transform:rotate(2deg);}
.growth-poster__badge--reels{top:35%;left:45%;transform:translateX(-50%) rotate(-2deg);}
.growth-poster__badge--videos{top:16%;right:8%;transform:rotate(2deg);}
.growth-poster__badge--shares{bottom:18%;right:14%;transform:rotate(-2deg);}

.numbers__analytics{
  background:var(--lime);
  color:#000;
  padding:72px 0 96px;
}

@media (max-width:760px){
  .growth-poster--big-numbers{
    aspect-ratio:4 / 4.2;
    max-width:420px;
    padding:0 16px;
  }
  .growth-poster__word{
    font-size:clamp(90px, 30vw, 160px);
    transform:rotate(-90deg);
  }
  .growth-poster__glyph{
    width:22px;
    height:28px;
  }
  .growth-poster__badge{
    max-width:190px;
    padding:7px 11px 6px;
  }
  .growth-poster__badge strong{font-size:22px;}
  .growth-poster__badge span{font-size:8px;}
  .growth-poster__badge--growth{top:8%;left:8%;}
  .growth-poster__badge--reach{top:28%;left:5%;}
  .growth-poster__badge--reels{top:48%;left:50%;}
  .growth-poster__badge--videos{top:auto;bottom:24%;right:5%;}
  .growth-poster__badge--shares{bottom:8%;right:12%;}
}

.analytics__head{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;
  margin:0 0 24px;
}
.analytics__title-row{
  display:inline-flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.analytics__head .eyebrow{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.live-tag{
  display:inline-flex;align-items:center;gap:7px;
  background:#000;
  color:var(--lime);
  padding:7px 14px 7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.live-tag__dot{
  width:12px;height:12px;border-radius:0;
  background:#FF4D4D;
  color:#FF4D4D;
  box-shadow:none;
  animation: live-pulse 1.6s ease-out infinite;
  flex-shrink:0;
  -webkit-mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
          mask:url('../images/icons/asterisk.svg') center / contain no-repeat;
}
@keyframes live-pulse{
  0%   { box-shadow:0 0 0 0 rgba(255,77,77,.7); }
  70%  { box-shadow:0 0 0 8px rgba(255,77,77,0); }
  100% { box-shadow:0 0 0 0 rgba(255,77,77,0); }
}
.analytics__note{
  margin:0;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  opacity:.72;
  text-align:right;
}

.platforms{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
}
.platform{
  border-bottom:2px solid #000;
  padding:24px 0;
}
.platform:last-child{border-bottom:0;}

.platform__head{
  display:grid;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1.5px dashed rgba(0,0,0,.3);
}
.platform__icon{
  width:36px;height:36px;
  color:#000;background:transparent;
  display:inline-flex;align-items:center;justify-content:center;
}
.platform__icon svg{width:100%;height:100%;}
.platform__title{display:flex;flex-direction:column;}
.platform__name{
  font-family:var(--font-disp);
  font-size:40px;line-height:.95;
  text-transform:lowercase;
  letter-spacing:.01em;
}
.platform__handle{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  opacity:.65;
}
.platform__followers{
  font-family:var(--font-body);
  font-size:14px;font-weight:600;
  text-transform:lowercase;
  text-align:right;
}
.platform__followers strong{
  font-family:var(--font-disp);
  font-size:32px;font-weight:400;
  display:block;line-height:1;
  margin-bottom:2px;
}

.platform__metrics{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  padding-top:20px;
}
.metric{
  padding:8px 20px;
  border-right:1.5px solid rgba(0,0,0,.3);
  display:flex;flex-direction:column;gap:4px;
}
.metric:first-child{padding-left:0;}
.metric:last-child{border-right:0;}
.metric__num{
  font-family:var(--font-disp);
  font-size:clamp(36px, 4vw, 56px);
  line-height:.9;
}
.metric__lbl{
  font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;opacity:.7;
}
.metric--star .metric__num{
  background:#000;color:var(--lime);
  padding:2px 10px 4px;display:inline-block;width:max-content;
  margin-bottom:2px;
}
.metric--mute .metric__num{opacity:.35;}
.metric--mute .metric__lbl{opacity:.4;}

/* PART C — audience */
.audience{
  margin-top:34px;
}
.audience--combined{margin-top:34px;}
.audience__head{
  margin-bottom:24px;
}
.audience__title{
  font-family:var(--font-disp);
  font-size:clamp(40px, 5vw, 72px);
  line-height:.9;text-transform:uppercase;
  letter-spacing:-.01em;
  margin:10px 0 0;
}
.audience__grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.audience__grid--analytics{
  align-items:stretch;
}
.aud-card{
  background:#000;
  color:#fff;
  padding:24px 22px;
  display:flex;flex-direction:column;gap:18px;
  border:2px solid #000;
}
.aud-card--analytics{
  gap:16px;
}
.aud-card__head{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,.18);
  padding-bottom:12px;
}
.aud-card__plat{
  font-family:var(--font-disp);
  font-size:32px;
  text-transform:lowercase;
  letter-spacing:.01em;
  color:var(--lime);
}
.aud-card__mark{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  text-align:right;
  text-transform:lowercase;
}
.aud-card__mark strong{
  font-family:var(--font-disp);
  font-size:48px;
  font-weight:400;
  line-height:.82;
  letter-spacing:0;
  color:var(--lime);
}
.aud-card__mark small{
  font-family:var(--font-body);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  opacity:.62;
}

.aud-card__metrics{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px;
}
.aud-metric{
  min-height:78px;
  border:1px solid rgba(221,255,136,.34);
  background:#111;
  padding:13px 12px 12px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.aud-metric span{
  font-family:var(--font-disp);
  font-size:42px;
  line-height:.88;
  color:#fff;
}
.aud-metric small{
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#888;
}
.aud-metric--hero{
  background:var(--lime);
  color:#000;
  border-color:var(--lime);
}
.aud-metric--hero span,
.aud-metric--hero small{
  color:#000;
}
.aud-metric--hero small{opacity:.72;}
.aud-metric--mute span,
.aud-metric--mute small{
  opacity:.45;
}

.aud-card__gender{
  display:flex;flex-direction:column;
  gap:10px;
}
.gender-bar{
  display:flex;
  min-height:74px;
  border:1.5px solid var(--lime);
  overflow:hidden;
  background:#111;
}
.gender-bar__men,
.gender-bar__women{
  width:var(--w);
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:12px;
}
.gender-bar__men{
  background:#171717;
  color:#fff;
}
.gender-bar__women{
  background:var(--lime);
  color:#000;
  align-items:flex-end;
  text-align:right;
}
.gender-bar span{
  order:1;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.75;
}
.gender-bar strong{
  order:2;
  font-family:var(--font-disp);
  font-size:34px;
  font-weight:400;
  line-height:.9;
}
.gender-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.gender-cell{
  display:flex;flex-direction:column;
  gap:6px;
  padding:14px 16px 16px;
  border:1.5px solid transparent;
}
.gender-cell__lbl{
  font-size:10px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.7;
}
.gender-cell__num{
  font-family:var(--font-disp);
  font-size:44px;line-height:.9;
  letter-spacing:0;
}
.gender-cell--men{
  background:#1a1a1a;
  color:#fff;
  border-color:#2a2a2a;
}
.gender-cell--men .gender-cell__num{color:#fff;}
.gender-cell--women{
  background:var(--lime);
  color:#000;
  border-color:var(--lime);
}
.gender-cell--women .gender-cell__lbl{opacity:.75;}
.gender-cell--women .gender-cell__num{color:#000;}

.gender-meter{
  position:relative;
  display:flex;
  height:8px;
  border:1.5px solid var(--lime);
  background:#1a1a1a;
  overflow:hidden;
}
.gender-meter__men{
  height:100%;
  background:#1a1a1a;
  width:var(--w);
  border-right:1.5px solid var(--lime);
}
.gender-meter__women{
  height:100%;
  background:var(--lime);
  flex:1;
}

.aud-card__rows{
  display:flex;flex-direction:column;gap:8px;
}
.aud-row{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:13px;
  padding:6px 0;
  border-bottom:1px dashed rgba(255,255,255,.12);
}
.aud-row:last-child{border-bottom:0;}
.aud-row__k{
  font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#888;
}
.aud-row__v{
  font-family:var(--font-mono);
  font-size:12px;color:#fff;
}
.aud-row__v strong{
  font-family:var(--font-disp);
  font-size:22px;font-weight:400;
  color:var(--lime);
  margin-right:4px;
}

@media (max-width:960px){
  .growth-cards{grid-template-columns:repeat(2, 1fr);}
  .analytics__head{align-items:flex-start;flex-direction:column;}
  .analytics__note{text-align:left;}
  .platform__metrics{grid-template-columns:repeat(2, 1fr);gap:14px 0;}
  .metric{border-right:0 !important;}
  .audience__grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .aud-card__metrics{grid-template-columns:1fr 1fr;}
  .aud-metric span{font-size:34px;}
  .platform__head{grid-template-columns:36px 1fr;}
  .platform__followers{grid-column:1 / -1;text-align:left;padding-top:6px;border-top:1px dashed rgba(0,0,0,.3);}
  .platform__followers strong{display:inline-block;margin-right:8px;}
}


/* =========================================================
   ORGÂNICOS TOP
   ========================================================= */
.organic{
  position:relative;
  background:var(--bg);
  padding:96px 0 64px;
  border-top:1px solid var(--border-soft);
  overflow:hidden;
  isolation:isolate;
}
.organic::before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(
    circle at center,
    #6a6a6a 1.4px,
    transparent 1.6px
  );
  background-size:14px 14px;
  background-position:0 0;
  opacity:.32;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(135deg, #000 25%, transparent 80%);
          mask-image:linear-gradient(135deg, #000 25%, transparent 80%);
  z-index:0;
}
.organic > *{position:relative;z-index:1;}
.organic__head{
  display:flex;flex-direction:column;
  align-items:flex-start;
  gap:14px;
  margin-bottom:40px;
}
.organic__title-row{
  display:flex;align-items:end;justify-content:space-between;
  gap:24px;flex-wrap:wrap;width:100%;
}
.organic__title{
  font-family:var(--font-disp);
  font-size:clamp(56px, 7vw, 110px);
  line-height:.88;
  letter-spacing:-.01em;
  text-transform:uppercase;
  margin:0;
}
.organic__title em{
  font-style:italic;color:var(--lime);font-weight:400;
}
.organic__sub{
  font-size:15px;color:var(--mute);margin:0 0 0 auto;
  font-style:italic;
  max-width:380px;
  text-align:right;
}
.organic__cases{
  padding:8px 0 24px;
  margin:0;
}
.organic__cases .case__cat{
  display:none;
}

/* Reels grid — small phones, fits without scroll */
.reels-grid{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:18px;
}
.reel-mini{
  display:flex;flex-direction:column;gap:10px;
  transition:transform .25s var(--ease);
}
.reel-mini:hover{transform:translateY(-3px);}
.reel-mini__phone{
  position:relative;
  width:100%;
  aspect-ratio: 9/19.5;
  background:#0d0d0d;
  border:2px solid #2c2c2c;
  border-radius:22px;
  padding:4px;
  box-shadow:inset 0 0 0 1px #000, 0 8px 20px rgba(0,0,0,.5);
  overflow:hidden;
}
.reel-mini__notch{
  position:absolute;top:7px;left:50%;
  transform:translateX(-50%);
  width:48px;height:14px;
  background:#000;border-radius:999px;
  z-index:3;
}
.reel-mini__screen{
  position:relative;
  width:100%;height:100%;
  border-radius:18px;
  background:linear-gradient(160deg, #1f1f1f 0%, #050505 100%);
  overflow:hidden;
}
.reel-mini__screen::before{
  content:"";position:absolute;inset:0;
  background:url('../images/decor/grain.svg');
  background-size:140px;opacity:.45;
}
.reel-mini__screen::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,.92) 100%);
}
.reel-mini__hint{
  position:absolute;top:24px;left:50%;
  transform:translateX(-50%);
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:#666;
  border:1px dashed #444;padding:3px 6px;
  z-index:1;
}
.reel-mini__play{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%, -50%);
  width:40px;height:40px;border-radius:50%;
  background:var(--lime);color:#000;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;
  z-index:3;
  transition:transform .2s var(--ease);
}
.reel-mini__play span{margin-left:2px;}
.reel-mini:hover .reel-mini__play{
  transform:translate(-50%, -50%) scale(1.1);
  box-shadow:0 0 0 6px rgba(221,255,136,.18);
}
.reel-mini__overlay{
  position:absolute;left:0;right:0;bottom:0;
  padding:10px 12px 12px;
  display:flex;flex-direction:column;gap:1px;
  z-index:4;
}
.reel-mini__cat{
  font-family:var(--font-disp);
  font-size:15px;line-height:1;
  text-transform:lowercase;
  letter-spacing:.01em;
  color:var(--lime);
}
.reel-mini__views{
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.04em;
  color:#ccc;
}

@media (max-width:1024px){
  .reels-grid{grid-template-columns:repeat(4, 1fr);}
}
@media (max-width:680px){
  .reels-grid{grid-template-columns:repeat(3, 1fr);gap:12px;}
}
@media (max-width:420px){
  .reels-grid{grid-template-columns:repeat(2, 1fr);}
}

.organic__scroller{
  display:flex;gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:0 var(--gutter) 24px;
  margin:0 calc(-1 * var(--gutter));
  scrollbar-width:thin;
  scrollbar-color:var(--lime) #111;
}
.organic__scroller::-webkit-scrollbar{height:8px;}
.organic__scroller::-webkit-scrollbar-track{background:#111;}
.organic__scroller::-webkit-scrollbar-thumb{background:var(--lime);}

.reel{
  position:relative;
  flex:0 0 280px;
  aspect-ratio: 9/16;
  background:#0d0d0d;
  border:1.5px solid var(--border);
  scroll-snap-align:start;
  overflow:hidden;
  isolation:isolate;
  display:flex;flex-direction:column;
  transition:transform .25s var(--ease);
}
.reel:hover{transform:translateY(-4px);}
.reel__media{
  position:absolute;inset:0;
  background:
    linear-gradient(135deg, #232323 0%, #050505 100%);
}
.reel__media video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.reel__media::before{
  content:"";position:absolute;inset:0;
  background:url('../images/decor/grain.svg');
  background-size:160px;opacity:.45;
  z-index:1;
  pointer-events:none;
}
.reel__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.85) 100%);
  z-index:2;
  pointer-events:none;
}
.reel__hint{
  position:absolute;top:14px;left:14px;
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:#666;
  border:1px dashed #444;
  padding:4px 8px;
  z-index:3;
}
.reel__play{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%, -50%);
  width:64px;height:64px;
  border-radius:50%;
  background:var(--lime);
  color:#000;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
  z-index:3;
  transition:transform .2s var(--ease);
  box-shadow:0 0 0 0 rgba(221,255,136,.45);
}
.reel__play span{margin-left:3px;}
.reel:hover .reel__play{
  transform:translate(-50%, -50%) scale(1.08);
  box-shadow:0 0 0 8px rgba(221,255,136,.18);
}
.reel__foot{
  position:absolute;bottom:0;left:0;right:0;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;
  z-index:3;
  gap:8px;
}
.reel__cat{
  font-family:var(--font-disp);
  font-size:22px;
  text-transform:lowercase;
  letter-spacing:.01em;
  color:var(--lime);
}
.reel__views{
  font-family:var(--font-mono);
  font-size:11px;color:#ccc;letter-spacing:.04em;
}

@media (max-width:640px){
  .reel{flex-basis:220px;}
  .organic__head{grid-template-columns:1fr;}
}


/* =========================================================
   CASES
   ========================================================= */
.cases{
  position:relative;
  background:var(--bg);
  padding:64px 0 96px;
  overflow:hidden;
  isolation:isolate;
}
.cases::before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(
    circle at center,
    #6a6a6a 1.4px,
    transparent 1.6px
  );
  background-size:14px 14px;
  background-position:0 0;
  opacity:.32;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(315deg, #000 25%, transparent 80%);
          mask-image:linear-gradient(315deg, #000 25%, transparent 80%);
  z-index:0;
}
.cases > *{position:relative;z-index:1;}
.cases__head{
  display:flex;flex-direction:column;
  align-items:flex-start;
  gap:14px;
  margin-bottom:40px;
}
.cases__title-row{
  display:flex;align-items:end;justify-content:space-between;
  gap:24px;flex-wrap:wrap;width:100%;
}
.cases__title{
  font-family:var(--font-disp);
  font-size:clamp(56px, 7vw, 110px);
  line-height:.88;
  letter-spacing:-.01em;
  text-transform:uppercase;
  margin:0;
}
.cases__title em{
  font-style:italic;color:var(--lime);font-weight:400;
}
.cases__sub{
  font-size:15px;color:var(--mute);margin:0 0 0 auto;
  max-width:380px;font-style:italic;
  text-align:right;
}

.cases__scroller{
  display:flex;gap:14px;
  justify-content:center;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:8px 0 24px;
  margin:0 0 64px;
  list-style:none;
  scrollbar-width:thin;
  scrollbar-color:var(--lime) #111;
}
.cases__scroller::-webkit-scrollbar{height:8px;}
.cases__scroller::-webkit-scrollbar-track{background:#111;}
.cases__scroller::-webkit-scrollbar-thumb{background:var(--lime);}

.case{
  flex:0 0 calc((100% - 8 * 14px) / 9);
  list-style:none;
  scroll-snap-align:start;
  display:flex;flex-direction:column;gap:10px;
  transition:transform .25s var(--ease);
}
.case:hover{transform:translateY(-3px);}

.case__phone{
  position:relative;
  width:100%;
  aspect-ratio: 9/19.5;
  background:#0d0d0d;
  border:2px solid #2c2c2c;
  border-radius:22px;
  padding:4px;
  box-shadow:inset 0 0 0 1px #000, 0 8px 20px rgba(0,0,0,.5);
  overflow:hidden;
}
.case__notch{
  position:absolute;
  top:7px;left:50%;
  transform:translateX(-50%);
  width:48px;height:14px;
  background:#000;
  border-radius:999px;
  z-index:3;
}
.case__screen{
  position:relative;
  width:100%;height:100%;
  border-radius:18px;
  background:linear-gradient(160deg, #1f1f1f 0%, #050505 100%);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.case__screen video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.case__screen::before{
  content:"";position:absolute;inset:0;
  background:url('../images/decor/grain.svg');
  background-size:140px;opacity:.45;
  z-index:1;
  pointer-events:none;
}
.case__screen::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,.8) 100%);
  z-index:2;
  pointer-events:none;
}
.case__hint{
  display:none;
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:#666;
  border:1px dashed #444;padding:3px 6px;
  position:relative;z-index:3;
  position:absolute;top:24px;left:50%;
  transform:translateX(-50%);
}

.case__meta{
  display:flex;flex-direction:column;gap:2px;
  padding:0 2px;
}
.case__brand{
  font-family:var(--font-disp);
  font-size:18px;
  line-height:1;
  text-transform:lowercase;
  letter-spacing:.01em;
  color:var(--white);
}
.case__cat{
  font-size:9px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute);
  line-height:1.3;
}
.case__views{
  font-family:var(--font-mono);
  font-size:11px;color:var(--lime);
  margin-top:2px;
}
.case__views strong{
  font-family:var(--font-disp);
  font-weight:400;
  font-size:18px;
  margin-right:3px;
  letter-spacing:0;
}

@media (max-width:1024px){
  .cases__scroller{justify-content:flex-start;}
  .case{flex-basis:calc((100% - 4 * 14px) / 5);}
}
@media (max-width:680px){
  .case{flex-basis:calc((100% - 2 * 12px) / 3);}
}


/* =========================================================
   CONTATO
   ========================================================= */
.contact{
  background:var(--bg);
  padding:44px 0 36px;
  position:relative;
  text-align:center;
  border-top:1px solid var(--border-soft);
  overflow:hidden;
}
.contact__deco{
  position:absolute;
  pointer-events:none;
  color:var(--lime);
  opacity:.95;
}
.contact__deco--star{
  width:52px;height:52px;
  top:32px;left:10%;
}
.contact__deco--bolt{
  width:46px;height:56px;
  bottom:52px;right:10%;
  transform:rotate(12deg);
}
.contact__deco svg{width:100%;height:100%;}

.contact__inner{
  display:flex;flex-direction:column;align-items:center;
  gap:8px;
  position:relative;
  z-index:2;
}

.contact__title{
  font-family:var(--font-disp);
  font-size:clamp(52px, 7.2vw, 124px);
  line-height:.85;
  letter-spacing:-.02em;
  text-transform:uppercase;
  margin:2px 0 8px;
}
.contact__title em{
  font-style:italic;
  color:var(--lime);
  font-weight:400;
}

.contact__rows{
  display:flex;flex-direction:column;
  width:100%;max-width:520px;
  border-top:1px solid var(--border);
  margin:2px 0 12px;
}
.contact-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:12px 8px;
  border-bottom:1px solid var(--border);
  text-align:left;
  transition:background .15s var(--ease);
}
.contact-row:hover{background:#0a0a0a;}
.contact-row__k{
  font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--mute);
  width:160px;
}
.contact-row__v{
  font-family:var(--font-disp);
  font-size:24px;
  line-height:1;
  letter-spacing:.01em;
  text-transform:lowercase;
}
.contact-row__arr{
  font-family:var(--font-disp);
  font-size:24px;color:var(--lime);
  transition:transform .15s var(--ease);
}
.contact-row:hover .contact-row__arr{transform:translateX(4px);}

.btn-lime{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--lime);
  color:#000;
  border:2px solid var(--lime);
  border-radius:999px;
  padding:11px 26px;
  font-weight:700;
  font-size:14px;
  letter-spacing:.02em;
  text-transform:lowercase;
  transition:all .15s var(--ease);
}
.btn-lime:hover{
  background:#000;color:var(--lime);transform:translateY(-2px);
}
.btn-lime:active{transform:translateY(0);}
.btn-lime__arr{font-family:var(--font-disp);font-size:24px;line-height:1;}

.contact__note{
  margin:4px 0 0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mute);
}

@media (max-width:640px){
  .contact-row{grid-template-columns:1fr auto;}
  .contact-row__k{grid-column:1 / -1;width:auto;margin-bottom:-8px;}
  .contact-row__v{font-size:22px;}
  .contact__deco{display:none;}
}


/* =========================================================
   FOOTER
   ========================================================= */
.footer{
  background:#000;
  border-top:1px solid var(--border-soft);
  padding:22px 0 24px;
}
.footer__inner{
  display:flex;justify-content:space-between;align-items:center;
  gap:24px;flex-wrap:wrap;
}
.footer__brand{display:flex;flex-direction:column;gap:2px;}
.footer__word{
  font-family:var(--font-disp);
  font-size:28px;
  line-height:1;
  letter-spacing:.02em;
}
.footer__meta{
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.08em;
  color:var(--mute);
}
.footer__cols{
  display:flex;gap:24px;
  font-size:12px;color:var(--mute);
  letter-spacing:.04em;
}
.footer__cols a:hover{color:var(--lime);}