/* case.css — estilo compartilhado das páginas de case (alinhado à home) */

/* ============================================================
   TOKENS — mesmos da home
   ============================================================ */
:root{
  --bg:#202020;
  --white:#fff;
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(255,255,255,.28);
  --mute:rgba(255,255,255,.6);
  --text:rgba(255,255,255,.76);
  --page-pad:clamp(24px,5vw,80px);
  --nav-h:56px;
  --font-cta:clamp(20px,3vw,41.6px);
  --font-email:clamp(18px,2.5vw,36.4px);
  --cond:'Roboto Condensed',Helvetica,sans-serif;
  --sans:Roboto,Helvetica,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --ease:cubic-bezier(.22,1,.36,1);
  /* compatibilidade com CSS específico de cada case */
  --bg-elev:rgba(255,255,255,.025);
  --card-bg:rgba(255,255,255,.05);
  --muted:rgba(255,255,255,.6);
  --border:var(--line);
  --border-strong:var(--line-strong);
  /* acento: branco por padrão. Para dar cor a um case: :root{--accent:#ff5238} na página */
  --accent:#fff;
  --accent-dim:rgba(255,255,255,.06);
}

*,*::before,*::after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}
html,body{background:var(--bg);color:var(--white);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff;outline-offset:4px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}

/* ============================================================
   NAV — igual ao da home (voltar à esquerda, menu à direita)
   ============================================================ */
.nav{position:fixed;top:6px;left:0;right:0;z-index:500;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,2.4vw,32px);border-bottom:1px solid transparent;transition:background .4s,border-color .4s,top .4s}
.nav.scrolled{top:0;background:rgba(32,32,32,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.08)}
.nav ul{display:flex;align-items:center;list-style:none;gap:clamp(14px,2vw,28px)}
.nav a{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav__back svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.nav__back:hover svg{transform:translateX(-3px)}

/* ============================================================
   TIPOGRAFIA BASE
   ============================================================ */
.label{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:0}
.case-p{max-width:58ch;font-size:clamp(15px,1.1vw,17px);font-weight:400;line-height:1.75;letter-spacing:.01em;color:var(--text)}
.case-p strong{font-weight:500;color:#fff}
.pill{display:inline-block;font:500 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78);border:1px solid var(--line-strong);border-radius:99px;padding:7px 14px;white-space:nowrap}

/* número do capítulo: caixa fina, como nas seções da home */
.idx{font:900 12px/1 var(--cond);letter-spacing:.18em;color:var(--mute);border:1px solid var(--line-strong);border-radius:2px;padding:5px 10px;white-space:nowrap}
/* voz secundária: serifa itálica, igual à home */
.sub{font:italic 400 clamp(18px,1.7vw,24px)/1.1 var(--serif);color:rgba(255,255,255,.62)}
.sec-index{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.case-section-title{font:900 clamp(26px,3vw,44px)/1.05 var(--cond);letter-spacing:-.01em;text-transform:uppercase}

/* ============================================================
   HERO — título gigante em condensada + linha que se desenha
   ============================================================ */
.hero{padding:clamp(120px,15vw,200px) var(--page-pad) 0}
.hero__title{font:900 clamp(34px,var(--hero-fs,12.5vw),240px)/.9 var(--cond);letter-spacing:-.03em;text-transform:uppercase}
.hero__ln{display:block;overflow:hidden;padding:.14em 0 .02em;margin:-.08em 0 -.02em}
.hero__ln>span{display:block}
.hero__line{height:2px;background:#fff;margin-top:clamp(28px,3.4vw,48px)}
.hero__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:clamp(20px,2.4vw,32px)}

.js .hero__ln>span{transform:translateY(105%);transition:transform 1s var(--ease)}
.js .hero__ln:nth-child(2)>span{transition-delay:.12s}
.js .hero__line{clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.76,0,.24,1) .3s}
.js .hero__tags{opacity:0;transition:opacity .8s ease .8s}
.js .hero.is-in .hero__ln>span{transform:none}
.js .hero.is-in .hero__line{clip-path:inset(0 0 0 0)}
.js .hero.is-in .hero__tags{opacity:1}

/* ============================================================
   RESUMO + FICHA
   ============================================================ */
.brief{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(24px,4vw,64px);row-gap:28px;padding:clamp(40px,6vw,88px) var(--page-pad)}
.brief__main{grid-column:span 8;display:flex;flex-direction:column;gap:18px}
.brief__side{grid-column:span 4;display:flex;flex-direction:column;gap:18px}
.brief__lead{max-width:1100px;font:400 clamp(20px,2.4vw,36px)/1.3 var(--sans);letter-spacing:-.01em}
.brief__lead strong{font-weight:700}
.brief__side p:last-child{font-size:clamp(14px,1.1vw,16px);line-height:1.65;color:var(--text)}

.meta{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(20px,2.4vw,40px);padding:0 var(--page-pad);margin-bottom:clamp(40px,6vw,88px)}
.meta__cell{display:flex;flex-direction:column;gap:10px;padding:22px 0 26px;border-top:1px solid var(--line)}
.meta__v{font:500 clamp(15px,1.3vw,19px)/1.35 var(--sans)}
.meta__v strong{font-weight:700}

/* ============================================================
   CAPÍTULOS — texto fixo + mídia, separados por linha fina
   ============================================================ */
.split-section{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.split-col-text{grid-column:span 5;padding:clamp(36px,5vw,80px) var(--page-pad);border-right:1px solid var(--line)}
.split-col-media{grid-column:span 7;padding:clamp(28px,4vw,64px) var(--page-pad);display:flex;flex-direction:column;justify-content:center}
.split-section--reverse .split-col-text{border-right:0}
.split-section--reverse .split-col-media{border-right:1px solid var(--line)}
.sticky-box{position:sticky;top:calc(var(--nav-h) + 32px);display:flex;flex-direction:column;gap:clamp(18px,2vw,26px)}

.dual-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.dual-grid__cell{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(32px,4.5vw,72px) var(--page-pad)}
.dual-grid__cell:first-child{border-right:1px solid var(--line)}
.dual-grid__txt{display:flex;flex-direction:column;gap:18px}

/* destaque numérico: linha tracejada, como o rodapé dos cards da home */
.brutal-callout{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding-top:16px;margin-top:6px;border-top:1px dashed rgba(255,255,255,.2)}
.brutal-callout__v{font:900 clamp(18px,1.7vw,24px)/1.1 var(--cond);letter-spacing:.01em;text-transform:uppercase}

/* figuras */
.case-img-wrap{width:100%}
.case-img-frame{border:1px solid var(--line);padding:clamp(10px,1.4vw,18px);background:rgba(255,255,255,.025);transition:border-color .25s}
.case-img-frame:hover{border-color:var(--line-strong)}
.case-img-frame img{width:100%;height:auto;cursor:zoom-in}
.case-img-meta{display:flex;align-items:baseline;gap:16px;padding-top:14px}
.case-img-tag{flex:none}
.case-img-caption{max-width:60ch;font-size:13px;line-height:1.5;color:var(--mute)}

/* ============================================================
   IMPACTO
   ============================================================ */
.imp-header{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.imp-header__left{grid-column:span 5;display:flex;flex-direction:column;gap:clamp(18px,2vw,26px);padding:clamp(32px,4.5vw,64px) var(--page-pad);border-right:1px solid var(--line)}
.imp-header__right{grid-column:span 7;display:flex;align-items:center;padding:clamp(32px,4.5vw,64px) var(--page-pad)}
.imp__lead{font:900 clamp(26px,3.2vw,46px)/1.08 var(--cond);letter-spacing:-.02em;text-transform:uppercase}

.imp-dashboard{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.imp__sus{grid-column:span 5;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,52px) var(--page-pad);border-right:1px solid var(--line)}
.imp__cap{font:500 clamp(14px,1.2vw,16px)/1.4 var(--sans);color:#fff}
.imp__cap span{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--mute)}

.imp__scale{position:relative;padding-top:clamp(92px,12vw,140px)}
.imp__num{position:absolute;top:0;right:0;font:900 clamp(84px,10vw,144px)/.8 var(--cond);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.imp__track{position:relative;height:12px;background:rgba(255,255,255,.12)}
.imp__fill{display:block;width:90%;height:100%;background:#fff;transition:width 1.5s var(--ease)}
.imp__avg{position:absolute;left:68%;top:-8px;bottom:-8px;width:2px;background:linear-gradient(#fff 0 8px,var(--bg) 8px calc(100% - 8px),#fff calc(100% - 8px))}
.imp__avg-label{position:relative;left:68%;display:block;width:max-content;margin-top:14px;transform:translateX(-50%);font-size:12px;color:var(--mute);white-space:nowrap}
.imp__ends{display:flex;justify-content:space-between;margin-top:-16px;font-size:12px;color:var(--mute)}
.imp--armed .imp__fill{width:0}

.imp__clicks{grid-column:span 7;display:grid;grid-template-columns:1fr 1fr}
.imp__click-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(28px,4vw,52px) clamp(20px,3vw,44px);border-right:1px solid var(--line)}
.imp__click-card:last-child{border-right:0}
.imp__click-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.imp__click-metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}
.imp__click-old{font:900 clamp(20px,2vw,26px)/1 var(--cond);color:rgba(255,255,255,.4);text-decoration:line-through}
.imp__click-arrow{font-size:15px;color:var(--mute)}
.imp__click-new{font:900 clamp(40px,4.5vw,60px)/1 var(--cond);letter-spacing:-.02em}
.imp__click-new small{margin-left:8px;font:500 14px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.imp__click-dots{display:flex;align-items:center;gap:8px;margin:4px 0}
.imp__dot{flex:1;max-width:52px;height:8px;background:#fff}
.imp__dot--cut{background:transparent;border:1px dashed rgba(255,255,255,.35)}
.imp__click-desc{font-size:clamp(13px,1.05vw,14.5px);line-height:1.65;color:var(--text)}
.imp__click-desc strong{font-weight:500;color:#fff}

.imp__tag{align-self:flex-start;font:500 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);border:1px solid var(--line-strong);border-radius:99px;padding:5px 12px}

.imp__stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.imp__stat{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(28px,3.5vw,48px) var(--page-pad);border-right:1px solid var(--line)}
.imp__stat:last-child{border-right:0}
.imp__stat svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.7;opacity:.9}
.imp__stat-k{font:900 clamp(22px,2.1vw,30px)/1.1 var(--cond);letter-spacing:-.01em;text-transform:uppercase}
.imp__stat-d{font-size:clamp(13.5px,1.05vw,15px);line-height:1.65;color:var(--text)}

/* antes / depois */
.imp__ba{border-top:1px solid var(--line)}
.imp__ba-head,.imp__row{display:grid;grid-template-columns:3fr 4.5fr 4.5fr}
.imp__ba-head{border-bottom:1px solid var(--line)}
.imp__ba-head span{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.imp__ba-head span,.imp__row>*{padding:clamp(20px,2.8vw,36px) var(--page-pad);border-right:1px solid var(--line)}
.imp__ba-head span:last-child,.imp__row>*:last-child{border-right:0}
.imp__row+.imp__row{border-top:1px solid var(--line)}
.imp__row h4{font:900 clamp(18px,1.5vw,22px)/1.2 var(--cond);text-transform:uppercase}
.imp__row p{font-size:clamp(14px,1.1vw,15.5px);line-height:1.65}
.imp__b{color:rgba(255,255,255,.55)}
.imp__a{color:#fff;background:rgba(255,255,255,.035);box-shadow:inset 2px 0 0 #fff}
.imp__a .imp__tag{margin-bottom:10px;display:inline-block}

/* decisões e custos */
.dlog-section{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.dlog-section__left{grid-column:span 4;padding:clamp(36px,5vw,72px) var(--page-pad);border-right:1px solid var(--line)}
.dlog-section__right{grid-column:span 8}
.dlog-section__ttl{font:900 clamp(22px,2.2vw,32px)/1.1 var(--cond);letter-spacing:-.01em;text-transform:uppercase}
.dlog-section__lead{font-size:13px;line-height:1.55;color:var(--mute)}
.dlog__row{display:grid;grid-template-columns:clamp(64px,7vw,100px) minmax(0,1fr);gap:20px;padding:clamp(28px,3.8vw,48px) var(--page-pad);border-bottom:1px solid var(--line)}
.dlog__row:last-child{border-bottom:0}
.dlog__n{font:900 clamp(36px,3.5vw,52px)/.9 var(--cond);color:rgba(255,255,255,.3)}
.dlog__t{margin-bottom:12px;font:500 clamp(18px,1.6vw,22px)/1.35 var(--sans)}
.dlog__p{max-width:62ch;font-size:clamp(14.5px,1.15vw,16px);line-height:1.7;color:var(--text)}
.dlog__cost{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.2);font:italic 400 clamp(18px,1.55vw,21px)/1.35 var(--serif);color:rgba(255,255,255,.72)}
.dlog__cost span{display:block;margin-bottom:6px;font:500 11px/1.4 var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

/* telemetria + síntese */
.closing-split{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.imp__telemetry{grid-column:span 7;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(36px,5vw,72px) var(--page-pad);border-right:1px solid var(--line)}
.imp__telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:24px;border-top:1px solid var(--line)}
.imp__telemetry-col .label{display:block;margin-bottom:10px}
.imp__telemetry-col p{font-size:clamp(13.5px,1.05vw,15px);line-height:1.65;color:var(--text)}
.imp__telemetry-col strong{font-weight:500;color:#fff}
.imp__telemetry-col code{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;border:1px solid var(--line);border-radius:2px;padding:1px 6px}
.closing-statement{grid-column:span 5;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,2vw,26px);padding:clamp(36px,5vw,72px) var(--page-pad)}
.closing-statement__p{font:italic 400 clamp(22px,2.2vw,32px)/1.3 var(--serif)}


/* ============================================================
   EXTRAS COMPARTILHADOS (marcação original dos cases)
   ============================================================ */
.brutal-callout__k{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.imp__telemetry-col small{display:block;margin-bottom:10px;font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.case-p code,.imp__telemetry-col code{font:.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;border:1px solid var(--line);border-radius:2px;padding:1px 6px}
.case-p a,.brief a{color:#fff;border-bottom:1px solid var(--line-strong);transition:border-color .2s}
.case-p a:hover,.brief a:hover{border-color:#fff}
.brief__p{font-size:clamp(14px,1.1vw,16px);line-height:1.65;color:var(--text);max-width:62ch}
.brief__side p:not(.label){font-size:clamp(14px,1.1vw,16px);line-height:1.65;color:var(--text)}
.brief__side strong{color:#fff;font-weight:500}
.imp-section{border-top:1px solid var(--line)}
.split-col-media{gap:clamp(20px,3vw,36px)}
.case-img-wrap{display:flex;flex-direction:column}

/* ============================================================
   REVEAL — só em imagens e no rodapé
   ============================================================ */
.js .reveal{opacity:0;transition:opacity .8s ease}
.js .reveal.is-visible{opacity:1}
.js :is(p,h1,h2,h3,h4,span,li,blockquote,a).reveal{opacity:1}

/* ============================================================
   RODAPÉ — igual ao da home
   ============================================================ */
.footer-section{padding:clamp(56px,8vw,100px) var(--page-pad) clamp(32px,5vw,60px)}
.cta{display:flex;align-items:center;gap:clamp(16px,2vw,26px)}
.js .cta{opacity:0;transition:opacity .8s ease}
.js .cta.is-visible{opacity:1}
.cta__label{font:400 var(--font-cta)/1.15 var(--sans);letter-spacing:.05em;white-space:nowrap}
.cta__line{flex:1;min-width:60px;height:4px;background:#fff;border-radius:7px}
.cta__email{font:700 var(--font-email)/1.15 var(--sans);letter-spacing:.05em;white-space:nowrap}

.tfv-wrap{width:100%;height:120vh;margin-top:-60vh;background:var(--bg);border-bottom:10px solid #fff}
.tfv-space{display:inline-block;flex-shrink:0;width:40px}
.tfv-text{position:fixed;bottom:-14px;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;padding:38px 1vw 0;line-height:1;white-space:nowrap;text-transform:uppercase;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;container:footer-wrapper/inline-size}
.tfv-letter{display:inline-block;font:800 clamp(16px,12cqi,225px)/.8 var(--cond);letter-spacing:-.05em;color:#fff;opacity:0;transform:translateY(110%);will-change:transform,opacity}

/* ============================================================
   LIGHTBOX
   ============================================================ */
.lightbox-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;background:transparent;opacity:0;pointer-events:none;transition:background .3s,opacity .3s}
.lightbox-overlay.is-open{opacity:1;pointer-events:all;cursor:zoom-out;background:rgba(0,0,0,.9)}
.lightbox-img{display:block;max-width:min(94vw,1400px);max-height:90vh;object-fit:contain;border:1px solid var(--line-strong);transform:scale(.92);transition:transform .35s var(--ease)}
.lightbox-overlay.is-open .lightbox-img{transform:scale(1)}
.lightbox-close{position:fixed;top:20px;right:24px;z-index:9001;display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:18px;line-height:1;color:#fff;background:none;border:1px solid var(--line-strong);border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s .1s,background .2s,color .2s}
.lightbox-overlay.is-open .lightbox-close{opacity:1;pointer-events:all}
.lightbox-close:hover{background:#fff;color:#111}
.lightbox-hint{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s .25s}
.lightbox-overlay.is-open .lightbox-hint{opacity:1}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1024px){
  .brief__main,.brief__side,
  .split__text,.split__media,
  .imp-head__l,.imp-head__r,
  .imp__sus,.imp__clicks,
  .dlog__l,.dlog__r,
  .tele,.sum{grid-column:span 12;border-right:0!important}
  .split__text,.imp-head__l,.imp__sus,.dlog__l,.tele{border-bottom:1px solid var(--line)}
  .split--rev .split__text{order:1}
  .split--rev .split__media{order:2}
  .sticky{position:static}
  .meta{grid-template-columns:repeat(2,1fr)}
  .dual{grid-template-columns:1fr}
  .dual__cell:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .imp__stats{grid-template-columns:1fr}
  .imp__stat{border-right:0;border-bottom:1px solid var(--line)}
  .imp__stat:last-child{border-bottom:0}
}
@media (max-width:700px){
  .meta{grid-template-columns:1fr}
  .imp__clicks{grid-template-columns:1fr}
  .imp__click-card{border-right:0;border-bottom:1px solid var(--line)}
  .imp__click-card:last-child{border-bottom:0}
  .imp__ba-head{display:none}
  .imp__row{grid-template-columns:1fr}
  .imp__row>*{padding:14px var(--page-pad);border-right:0}
  .imp__row h4{padding-top:20px}
  .imp__row p::before{content:attr(data-l);display:block;margin-bottom:4px;font:500 10px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
  .imp__a{margin:0 var(--page-pad) 20px;padding:14px 16px!important}
  .imp__telemetry-grid{grid-template-columns:1fr}
  .dlog__row{grid-template-columns:1fr;gap:8px}
  .cta{flex-wrap:wrap}
  .cta__line{flex:none;order:3;width:100%}
  .tfv-wrap{height:108vh;margin-top:-88vh;border-bottom-width:2px}
  .tfv-space{width:10px}
  .tfv-text{bottom:-8px}
  .case-img-meta{flex-direction:column;gap:6px}
}

@media (prefers-reduced-motion:reduce){
  .js .hero__ln>span,.js .hero__line,.js .hero__tags,.js .reveal,.js .cta,.imp__fill,.lightbox-img{transition:none!important}
  .js .hero__ln>span{transform:none}
  .js .hero__line{clip-path:none}
  .js .hero__tags,.js .reveal,.js .cta{opacity:1}
}