/* =====================================================================
   Template estilo "mood design" — 100% local, pronto pra usar
   Fonte: Rethink Sans (OFL) local · Libs: GSAP + ScrollTrigger + Lenis + Splitting (local)
   Troque textos em index.html e imagens em assets/img/.
   ===================================================================== */

/* ---------- Fonte local ---------- */
@font-face{font-family:'Rethink Sans';src:url('../fonts/RethinkSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Rethink Sans';src:url('../fonts/RethinkSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Rethink Sans';src:url('../fonts/RethinkSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Rethink Sans';src:url('../fonts/RethinkSans-Bold.woff2') format('woff2');font-weight:700 800;font-style:normal;font-display:swap}

/* ---------- Tokens (paleta e ritmo do design de referência) ---------- */
:root{
  --ink:#1c1c1c; --cream:#fdf9ec; --cream-2:#fcf5e2; --beige:#ebe7db;
  --coral:#e26554; --amber:#f6ac44; --purple:#a86fb2; --blue:#7598c7; --peach:#f4cabb;
  --ease:cubic-bezier(.645,.045,.355,1);
  --bounce:cubic-bezier(.68,-.22,.265,1.22);
  --pill:6.5rem; --card:2rem; --nav-h:6.8rem;
  font-size:62.5%; /* 1rem = 10px */
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:auto}
body{font-family:'Rethink Sans',system-ui,sans-serif;background:var(--cream);color:var(--ink);font-size:1.7rem;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-2rem)}}
@keyframes scrollX{to{transform:translateX(-50%)}}

/* ---------- Tipografia ---------- */
.h2{font-weight:800;font-size:clamp(3.2rem,5.5vw,6.4rem);line-height:1.02;letter-spacing:-.03em}
.eyebrow{font-weight:600;font-size:1.4rem;letter-spacing:.02rem;text-transform:uppercase;opacity:.55}
.lead{font-size:clamp(1.8rem,2.2vw,2.4rem);font-weight:500;letter-spacing:-.02rem}
.accent{color:var(--coral)}
.wrap{max-width:132rem;margin-inline:auto;padding-inline:2.4rem}
section{padding-block:clamp(3rem,4.5vw,5.5rem)}
/* seções que já têm altura própria não precisam de padding vertical */
.moods,.full,.fast,.collage{padding-block:0}

/* ---------- Botões-pílula ---------- */
.btn{display:inline-flex;align-items:center;gap:.9rem;padding:1.5rem 3rem;border-radius:var(--pill);
  font-weight:600;font-size:1.6rem;letter-spacing:-.01rem;background:var(--ink);color:var(--cream);border:1px solid var(--ink);
  transition:transform .45s var(--bounce),background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease);cursor:pointer}
.btn:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 1.2rem 2.4rem rgba(28,28,28,.14)}
.btn:active{transform:translateY(-1px) scale(.98)}
.btn--light{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn--coral{background:var(--coral);border-color:var(--coral);color:var(--cream)}

/* ---------- Nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  min-height:var(--nav-h);padding:1.6rem clamp(2.4rem,4vw,5rem);color:var(--cream);
  transition:background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}
.nav--solid{background:var(--cream);color:var(--ink);box-shadow:0 .4rem 2rem rgba(28,28,28,.08)}
.nav.is-open{background:transparent;color:var(--cream);box-shadow:none}
.nav__logo{position:relative;z-index:2;font-weight:800;font-size:2.4rem;letter-spacing:-.05em}
.nav__links{display:flex;gap:3.2rem;justify-content:center;font-weight:800;font-size:2rem;letter-spacing:-.04em}
.nav__right{position:relative;z-index:2;justify-self:end;display:flex;gap:1.4rem}
.nav__ico{width:4rem;height:4rem;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;cursor:pointer}
.nav__toggle{display:none}
@media(max-width:760px){
  .nav__toggle{display:grid}
  .nav__links{position:fixed;inset:0;background:var(--ink);color:var(--cream);flex-direction:column;
    justify-content:center;align-items:center;gap:3.4rem;font-size:clamp(3rem,9vw,4.4rem);
    transform:translateY(-100%);opacity:0;pointer-events:none;
    transition:transform .5s var(--ease),opacity .4s var(--ease);z-index:1}
  .nav.is-open .nav__links{transform:none;opacity:1;pointer-events:auto}
}

/* ---------- Hero (wordmark gigante sobre imagem) ---------- */
.hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:var(--cream);
  background:#c94b3d center/cover no-repeat}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,28,28,.28),transparent 45%)}
.hero__wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:800;font-size:15vw;line-height:.8;
  letter-spacing:-.04em;color:var(--cream);white-space:nowrap;pointer-events:none;user-select:none;z-index:2}
.hero__bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;
  padding:0 clamp(2.4rem,4vw,5rem) clamp(4rem,6vw,7rem);flex-wrap:wrap}
.hero__tagline{font-weight:800;font-size:clamp(3.4rem,7vw,8rem);line-height:.95;letter-spacing:-.03em;max-width:14ch}

/* ---------- Moods: pin + scrub word-swap ---------- */
.moods{position:relative}
.moods__stage{height:100vh;position:relative;overflow:hidden}
.panel{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;
  align-content:center;column-gap:clamp(3rem,5vw,7rem);row-gap:2.2rem;
  padding:var(--nav-h) clamp(2.4rem,4vw,5rem) 3rem;will-change:transform}
/* fundos cíclicos — funciona com qualquer nº de painéis */
.panel:nth-child(7n+1){background:#f7d9b0}.panel:nth-child(7n+2){background:#e3d0ea}.panel:nth-child(7n+3){background:#cbdcf0}
.panel:nth-child(7n+4){background:#f8dcc6}.panel:nth-child(7n+5){background:#dfe6ec}.panel:nth-child(7n+6){background:#efd6d0}.panel:nth-child(7n){background:#e7ddc9}
.panel__peek{position:absolute;left:0;right:0;top:var(--nav-h);padding:1.4rem clamp(2.4rem,4vw,5rem);font-weight:600;font-size:1.5rem;background:rgba(28,28,28,.06)}
.panel__head{grid-column:1;grid-row:1;align-self:end;font-weight:800;font-size:clamp(3.4rem,5.5vw,6.8rem);line-height:.95;letter-spacing:-.04em}
.panel__word{display:block}
.panel:nth-child(3n+1) .panel__word{color:var(--coral)}.panel:nth-child(3n+2) .panel__word{color:var(--purple)}.panel:nth-child(3n) .panel__word{color:var(--blue)}
.panel__mid{grid-column:2;grid-row:1 / span 2;align-self:center;width:100%;max-width:40rem;aspect-ratio:4/5;
  border-radius:2rem;overflow:hidden;box-shadow:0 3rem 6rem rgba(28,28,28,.16)}
.panel__mid img{width:100%;height:100%;object-fit:cover}
.spec{grid-column:1;grid-row:2;align-self:start;max-width:44rem}
.spec__count{font-weight:700;font-size:1.9rem;margin-bottom:2rem}.spec__count b{opacity:.35}
.spec p{font-weight:500;font-size:clamp(2rem,2.4vw,2.5rem);line-height:1.45;margin-bottom:2.4rem}
.spec__row{margin-bottom:1.8rem}.spec__row .k{display:block;font-weight:500;font-size:clamp(1.6rem,1.7vw,1.8rem);opacity:.5;margin-bottom:.4rem}.spec__row .v{font-weight:600;font-size:clamp(1.85rem,2.1vw,2.3rem);line-height:1.35}
@media(max-width:1024px){
  .moods__stage{height:auto;overflow:visible}
  .panel{position:relative;inset:auto;transform:none!important;
    grid-template-columns:1fr;grid-template-rows:none;align-content:start;column-gap:0;row-gap:1.3rem;
    padding:3.2rem 2.4rem 3.6rem}
  .panel__peek{display:none}
  .panel__head,.spec,.panel__mid{grid-column:1;grid-row:auto}
  .panel__head{align-self:auto;font-size:clamp(2.6rem,7vw,3.8rem)}
  .panel__mid{width:100%;max-width:34rem;aspect-ratio:4/5;justify-self:start}
  .spec{max-width:none}
  .spec__count{margin-bottom:1.1rem;font-size:1.7rem}
  .spec p{margin-bottom:1.4rem}
  .spec__row{margin-bottom:1.1rem}
}

/* ---------- Full-bleed cover reveal ---------- */
.full{height:100vh;position:relative;display:grid;place-items:center;text-align:center;color:var(--cream);overflow:hidden}
.full__bg{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;will-change:transform}
.full__scrim{position:absolute;inset:0;background:rgba(28,28,28,.22)}
.full__title{position:relative;font-weight:800;font-size:clamp(4.4rem,10vw,12rem);line-height:.95;letter-spacing:-.04em;padding-inline:2rem}
.full__note{position:absolute;right:clamp(2.4rem,4vw,5rem);bottom:15rem;max-width:22ch;text-align:right;font-weight:700;font-size:clamp(2.4rem,3.6vw,4.2rem);line-height:1.1;letter-spacing:-.025em}
.full__cta{position:absolute;right:clamp(2.4rem,4vw,5rem);bottom:6rem}

/* ---------- FAST: headline horizontal + bento ---------- */
.fast{background:var(--beige);overflow:hidden}
.fast__stage{min-height:88vh;display:flex;flex-direction:column;justify-content:center;gap:4vh;padding-block:5rem}
.fast__head{white-space:nowrap;font-weight:800;font-size:clamp(6rem,13vw,17rem);letter-spacing:-.05em;line-height:1;will-change:transform}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;max-width:132rem;margin-inline:auto;width:100%;padding-inline:2.4rem}
.bento__card{background:var(--cream);border:1px solid rgba(28,28,28,.08);border-radius:var(--card);padding:2.4rem;min-height:16rem;
  display:flex;flex-direction:column;justify-content:space-between;will-change:transform}
.bento__num{font-weight:800;font-size:clamp(4rem,6vw,7rem);letter-spacing:-.2rem;line-height:1;color:var(--coral)}
.bento__card p{font-weight:500;opacity:.75}
.bento__card--wide{grid-column:span 2;background:var(--ink);color:var(--cream)}
.bento__card--amber{background:var(--amber)}
.bento__card--img{padding:0;overflow:hidden;min-height:16rem}
.bento__card--img img{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.bento{grid-template-columns:1fr 1fr}.bento__card--wide{grid-column:span 2}}

/* Galeria de imagens (faixa compacta) */
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:1.2rem;transition:transform .5s var(--ease)}
.gallery img:hover{transform:translateY(-6px) scale(1.02)}
@media(max-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.gallery{grid-template-columns:repeat(2,1fr)}}

/* ---------- Marquee / pilares / stats ---------- */
.marquee{background:var(--ink);color:var(--cream);padding-block:2.2rem;overflow:hidden;white-space:nowrap}
.marquee__track{display:inline-flex;gap:4rem;animation:scrollX 28s linear infinite}
.marquee span{font-weight:800;font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.06rem}.marquee .dot{color:var(--coral)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}@media(max-width:900px){.pillars{grid-template-columns:1fr;gap:4rem}}
.pillar{text-align:center}
.pillar__ico{width:9rem;height:9rem;margin:0 auto 2rem;border-radius:50%;display:grid;place-items:center;font-size:3.6rem;animation:floatY 6s var(--ease) infinite}
.pillar:nth-child(1) .pillar__ico{background:var(--amber)}.pillar:nth-child(2) .pillar__ico{background:var(--purple);animation-delay:.5s}.pillar:nth-child(3) .pillar__ico{background:var(--blue);animation-delay:1s}
.pillar h3{font-size:2.4rem;font-weight:800;letter-spacing:-.06rem;margin-bottom:.8rem}.pillar p{opacity:.7;font-weight:500;max-width:32ch;margin-inline:auto}

/* ---------- Citação ---------- */
.quote{text-align:center;background:var(--cream-2);border-radius:6rem;
  margin-block:clamp(5rem,8vw,9rem);padding-block:clamp(5rem,9vw,10rem);
  border:1px solid rgba(28,28,28,.08)}

/* ---------- Collage scatter ---------- */
.collage{position:relative;min-height:74vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.collage__title{position:relative;z-index:2;font-weight:800;font-size:clamp(4rem,9vw,10rem);letter-spacing:-.04em;line-height:.95}
.collage__title+p{position:relative;z-index:2;max-width:40ch;margin:2rem auto 3rem;opacity:.75;font-weight:500}
.card-scatter{position:absolute;width:clamp(14rem,16vw,22rem);aspect-ratio:4/5;border-radius:1.6rem;overflow:hidden;box-shadow:0 2rem 5rem rgba(28,28,28,.18);will-change:transform}
.card-scatter img{width:100%;height:100%;object-fit:cover}
.card-scatter:nth-child(1){left:6vw;top:12%}
.card-scatter:nth-child(2){right:8vw;top:8%}
.card-scatter:nth-child(3){left:12vw;bottom:10%}
.card-scatter:nth-child(4){right:12vw;bottom:14%;aspect-ratio:1/1;border-radius:50%}
.card-scatter:nth-child(5){left:1vw;top:42%}
.card-scatter:nth-child(6){right:1vw;top:46%;aspect-ratio:1/1;border-radius:50%}
@media(max-width:760px){.card-scatter{display:none}}

/* ---------- Sobre ---------- */
.about{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
@media(max-width:820px){.about{grid-template-columns:1fr;gap:3rem}}
.about__img{aspect-ratio:4/5;border-radius:var(--card);overflow:hidden;box-shadow:0 3rem 6rem rgba(226,101,84,.22);animation:floatY 8s var(--ease) infinite}
.about__img img{width:100%;height:100%;object-fit:cover}

/* ---------- Newsletter / Footer ---------- */
.subscribe{background:var(--ink);color:var(--cream);border-radius:3.6rem;padding:clamp(3rem,5vw,5rem);text-align:center;max-width:74rem;margin-inline:auto}
@media(max-width:720px){.subscribe{border-radius:2.4rem}}
.subscribe__title{font-weight:800;font-size:clamp(2.8rem,4vw,4.2rem);letter-spacing:-.03em;line-height:1;color:var(--cream)}
.subscribe p{opacity:.8;margin-top:1rem}
.field{display:flex;gap:1rem;max-width:44rem;margin:2.4rem auto 0;flex-wrap:wrap;justify-content:center}
.field input{flex:1;min-width:22rem;padding:1.5rem 2.4rem;border-radius:var(--pill);border:1px solid rgba(253,249,236,.25);background:transparent;color:var(--cream);font-family:inherit;font-size:1.6rem}
.field input::placeholder{color:rgba(253,249,236,.5)}
.footer{background:var(--coral);color:var(--cream);padding-top:6rem;overflow:hidden}
.footer__grid{display:flex;justify-content:space-between;gap:4rem;flex-wrap:wrap}
.footer a{opacity:.85;font-weight:500;font-size:1.5rem;display:block;margin-top:.8rem}.footer a:hover{opacity:1}
.footer strong{font-size:1.6rem}
.footer__word{font-weight:800;font-size:15vw;line-height:.8;letter-spacing:-.05em;text-align:center;margin-top:2rem;white-space:nowrap}

/* ---------- Estados iniciais só com JS (evita flash / respeita reduced-motion) ---------- */
.js .reveal{opacity:0;transform:translateY(3rem)}
.js .split .char{display:inline-block;opacity:0;transform:translateY(.5em)}

/* ==================== DEPOIMENTOS (voices) ==================== */
.voices{padding-block:clamp(6rem,10vw,12rem);text-align:center}
.voices__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;text-align:left}
.voice{background:var(--cream);border:1px solid rgba(28,28,28,.08);border-radius:var(--card);
  padding:3.2rem 2.8rem 2.8rem;display:flex;flex-direction:column;position:relative;overflow:hidden}
.voice::before{content:"\201C";position:absolute;top:.8rem;left:2.2rem;font-family:Georgia,'Times New Roman',serif;
  font-size:7rem;line-height:1;color:var(--coral);opacity:.45}
.voice blockquote{margin:2.6rem 0 0;font-size:1.9rem;line-height:1.5;font-weight:500;flex:1}
.voice figcaption{margin-top:2rem;font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.03rem;color:var(--coral)}
.voice:nth-child(2){background:var(--cream-2)}
.voice:nth-child(4){background:var(--cream-2)}
.voice:nth-child(5){background:var(--peach)}
@media(max-width:960px){.voices__grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.voices__grid{grid-template-columns:1fr}}

/* ==================== BLOG posts (home) ==================== */
.posts{padding-block:clamp(6rem,10vw,12rem);text-align:center}
.posts__head{max-width:56rem;margin-inline:auto}
.posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;text-align:left}
.post-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid rgba(28,28,28,.08);
  border-radius:var(--card);overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.post-card:hover{transform:translateY(-.6rem);box-shadow:0 3rem 6rem rgba(28,28,28,.14)}
.post-card__img{aspect-ratio:4/3;overflow:hidden;background:var(--beige)}
.post-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card__img img{transform:scale(1.05)}
.post-card__body{padding:2.4rem}
.post-card__tag{display:inline-block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.03rem;color:var(--coral);margin-bottom:1rem}
.post-card__body h3{font-size:2.1rem;line-height:1.2;font-weight:600}
@media(max-width:960px){.posts__grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.posts__grid{grid-template-columns:1fr}}

/* ==================== PERFIS (screenshots IG + TikTok) ==================== */
.profiles{display:flex;gap:clamp(2rem,4vw,4rem);justify-content:center;flex-wrap:wrap;max-width:132rem;margin-inline:auto;width:100%;padding-inline:2.4rem;margin-top:2vh}
.profilecard{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:min(30rem,82vw);transition:transform .4s var(--ease)}
.profilecard:hover{transform:translateY(-.6rem)}
.profilecard img{width:100%;height:auto;border-radius:2.4rem;box-shadow:0 3rem 6rem rgba(28,28,28,.2);border:1px solid rgba(28,28,28,.08);display:block}
.profilecard__num{margin:0 0 .3rem;font-weight:800;font-size:clamp(3.6rem,6vw,5.2rem);line-height:1;letter-spacing:-.03em;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.profilecard__num.ig{background-image:linear-gradient(48deg,#f9a03f 0%,#f56040 22%,#e02c68 48%,#c22694 72%,#8a3ab9 100%)}
.profilecard__num.tiktok{background-image:linear-gradient(48deg,#00c4cc 0%,#111 52%,#fe2c55 100%)}
.profilecard__cap{margin:0 0 1.6rem;font-weight:600;font-size:1.4rem;color:var(--ink);opacity:.55}
/* cards pretos abaixo dos screenshots */
.proof-black{display:flex;gap:clamp(2rem,4vw,4rem);justify-content:center;flex-wrap:wrap;max-width:132rem;margin:2.4vh auto 0;width:100%;padding-inline:2.4rem}
.pblack{width:min(30rem,82vw);background:var(--ink);color:var(--cream);border-radius:var(--card);padding:2.8rem 3rem;text-align:center}
.pblack__num{font-weight:800;font-size:clamp(3.4rem,5vw,5rem);line-height:1;letter-spacing:-.2rem;color:var(--coral)}
.pblack p{margin-top:1rem;font-weight:500;opacity:.8;font-size:1.5rem}
.livedot{display:inline-block;width:1rem;height:1rem;border-radius:50%;background:var(--coral);margin-right:1rem;vertical-align:middle;animation:livepulse 1.6s ease-in-out infinite}
@keyframes livepulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.livedot{animation:none}}

/* ---------- Mobile: compactar seções longas (menos scroll por seção) ---------- */
@media(max-width:620px){
  .profiles{gap:1.2rem;flex-wrap:nowrap}
  .profilecard{width:min(30rem,46vw)}
  .profilecard__cap{font-size:1.2rem;margin-bottom:1.2rem}
  .proof-black{gap:1.2rem;flex-wrap:nowrap}
  .pblack{width:min(30rem,46vw);padding:2rem 1.4rem}
  .fast__stage{min-height:auto;gap:3vh}
  .collage{min-height:auto;padding-block:clamp(7rem,16vw,11rem)}
}

/* ==================== Banda 3 colunas: métricas | screenshots | métricas ==================== */
.pgrid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1.6rem,2.5vw,3rem);align-items:center;max-width:132rem;margin:2vh auto 0;width:100%;padding-inline:2.4rem}
.pgrid__side{display:flex;flex-direction:column;gap:1.6rem}
.pgrid__shots{display:flex;gap:clamp(1.4rem,2vw,2.4rem)}
.pshot{display:block;width:min(23rem,26vw);transition:transform .4s var(--ease)}
.pshot:hover{transform:translateY(-.6rem)}
.pshot img{width:100%;height:auto;border-radius:2rem;box-shadow:0 3rem 6rem rgba(28,28,28,.2);border:1px solid rgba(28,28,28,.08)}
.metriccard{display:flex;flex-direction:column;justify-content:center;background:var(--cream);border:1px solid rgba(28,28,28,.08);border-radius:var(--card);padding:2.6rem 2.4rem;text-decoration:none;color:inherit;min-height:13rem}
.metriccard--dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.metriccard__num{font-weight:800;font-size:clamp(2.8rem,3.4vw,4.2rem);line-height:1;letter-spacing:-.03em;color:var(--coral)}
.metriccard__num.ig,.metriccard__num.tiktok{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.metriccard__num.ig{background-image:linear-gradient(48deg,#f9a03f,#f56040,#e02c68,#c22694,#8a3ab9)}
.metriccard__num.tiktok{background-image:linear-gradient(48deg,#00c4cc,#111 52%,#fe2c55)}
.metriccard__lbl{margin-top:.8rem;font-weight:500;font-size:1.4rem;opacity:.6}
.metriccard--dark .metriccard__lbl{opacity:.75}
@media(max-width:900px){
  .pgrid{grid-template-columns:1fr 1fr;gap:1.4rem}
  .pgrid__shots{grid-column:1 / -1;order:-1;justify-content:center;margin-bottom:1rem}
  .pshot{width:min(23rem,42vw)}
  .metriccard{min-height:11rem;padding:2rem 1.8rem}
}