/* =====================================================================
   JCE 2.0 — COMPONENTES
   Ordem do DS Grotesk Zero. Cada bloco diz de onde veio.
   IDs do original (#portal, #manifesto, #axis, #inuse…) viraram classes
   para que cada cena possa aparecer em qualquer página.
   ===================================================================== */

/* ---------- NAV (difference: tinta sobre papel, papel sobre tinta) ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;
  justify-content:space-between;padding:18px var(--gutter);mix-blend-mode:difference;color:#fff}
.nav .wordmark{display:flex;align-items:center;gap:10px;font-weight:900;font-size:var(--fs-wordmark);
  letter-spacing:.05em;font-variation-settings:'wght' 900;transition:font-variation-settings .5s var(--ease)}
.nav .wordmark:hover{font-variation-settings:'wght' 100}
.nav .wordmark svg{height:22px;width:auto;flex:none}
.nav .links{display:flex;gap:30px;align-items:center}
.nav .links a{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;position:relative}
.nav .links a::after{content:"";position:absolute;left:0;bottom:-5px;height:1px;width:0;
  background:currentColor;transition:width .35s var(--ease)}
.nav .links a:hover::after,.nav .links a[aria-current="page"]::after{width:100%}
.nav .buy{border:1px solid currentColor;padding:9px 18px;font-family:var(--mono);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.nav .buy::after{display:none}
.nav .lang{opacity:.7}
@media(max-width:760px){.nav .links a:not(.buy){display:none}}

/* ---------- CENAS: trilho com palco fixo ---------- */
section{position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.scene-tag{position:absolute;right:var(--gutter);bottom:18px;z-index:5;
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:inherit;opacity:.4;text-transform:uppercase}

/* ---------- HERO ---------- */
.hero{height:100vh;height:100svh;position:relative;display:flex;flex-direction:column;
  justify-content:center;padding:0 var(--gutter);background:var(--bone)}
.reg-v,.reg-h{position:absolute;background:var(--hair-ink);z-index:1}
.reg-v{top:0;bottom:0;width:1px;left:50%;transform-origin:top;transform:scaleY(0)}
.reg-h{left:0;right:0;height:1px;top:50%;transform-origin:left;transform:scaleX(0)}
.reg-cross{position:absolute;right:var(--gutter);top:var(--nav-top);width:26px;height:26px;opacity:0}
.reg-cross::before,.reg-cross::after{content:"";position:absolute;background:var(--ink)}
.reg-cross::before{left:50%;top:0;bottom:0;width:1px}
.reg-cross::after{top:50%;left:0;right:0;height:1px}
.hero-title{position:relative;z-index:2;line-height:.86;user-select:none}
/* folga para acentos (Ã, Ç, Ó) dentro da máscara, sem mudar o espaçamento */
.hero-title .row{display:block;overflow:hidden;white-space:nowrap;font-size:var(--fs-display-1);padding-top:.16em;margin-top:-.16em}
.hero-title .row > span{display:inline-block;transform:translateY(115%)}
.hero-title .ch{display:inline-block;font-weight:900;font-size:1em;letter-spacing:-.035em;
  font-variation-settings:'wght' 900,'wdth' 100}
.hero-title .row.thin .ch{font-variation-settings:'wght' 100,'wdth' 100}
.hero-meta{position:absolute;right:var(--gutter);bottom:41vh;z-index:2;text-align:right;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;line-height:2.1;
  text-transform:uppercase;color:var(--t-spec)}
.hero-meta b{color:var(--ink);font-weight:500}
.hero-kicker{position:absolute;left:var(--gutter);top:var(--nav-top);z-index:2}
.hero-cue{position:absolute;left:var(--gutter);bottom:18px;z-index:2;opacity:.75;
  color:var(--t-index);animation:cue 2.6s infinite}
.hero-bed ~ .hero-cue{color:var(--t-cue)} /* só fica clara se houver foto */
@keyframes cue{50%{opacity:.15}}
.hero-sub{margin-top:4vh;max-width:430px;font-size:var(--fs-lead);line-height:1.6;
  color:var(--t-lead);z-index:2;position:relative;opacity:0;transform:translateY(20px)}
.hero-actions{margin-top:3vh;position:relative;z-index:2;opacity:0;transform:translateY(20px)}
.hero-bed{position:absolute;left:0;right:0;bottom:0;height:44vh;z-index:1;margin:0;overflow:hidden;opacity:0}
.hero-bed img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;
  filter:grayscale(1) contrast(1.06) brightness(1.08);mix-blend-mode:multiply}
/* o "dissolver" é um degradê de papel PINTADO sobre a foto (máscara alfa falhava em camadas) */
.hero-bed::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 80% at 22% 22%,rgba(244,241,234,.96) 0%,rgba(244,241,234,.78) 42%,rgba(244,241,234,0) 76%),
  linear-gradient(180deg,var(--bone) 0,rgba(244,241,234,.88) 16%,rgba(244,241,234,.42) 44%,rgba(244,241,234,0) 74%)}
.hero-bed figcaption{position:absolute;right:var(--gutter);bottom:14px;z-index:3;
  color:var(--t-caption);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:760px){
  .hero-bed{height:26vh}
  .hero-title .row{font-size:11vw}
  .hero-meta{bottom:auto;top:132px}
}

/* ---------- AÇÕES ---------- */
/* link-seta de linha (lic-row .go) também usado solto */
.go{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:10px}
.go i{font-style:normal;transition:transform .35s var(--ease)}
.go:hover i{transform:translateX(8px)}
/* botão contorno (nav .buy fora da nav) */
.btn-outline{display:inline-flex;align-items:center;gap:12px;border:1px solid currentColor;padding:12px 22px;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.btn-outline:hover{background:var(--ink);border-color:var(--ink);color:var(--bone)}
.btn-outline i{font-style:normal;transition:transform .35s var(--ease)}
.btn-outline:hover i{transform:translateX(6px)}

/* ---------- FITAS (marquee de texto acoplado à velocidade do scroll) ---------- */
.ribbons{border-top:1px solid var(--hair-ink);border-bottom:1px solid var(--hair-ink);
  padding:10px 0;background:var(--bone);overflow:clip}
.ribbon{white-space:nowrap;will-change:transform}
.ribbon span{display:inline-block;font-size:var(--fs-ribbon);letter-spacing:.02em;padding-right:3vw;line-height:1.25}
.ribbon.r1 span{font-variation-settings:'wght' 900,'wdth' 100}
.ribbon.r2 span{font-variation-settings:'wght' 150,'wdth' 100;color:transparent;-webkit-text-stroke:1px var(--stroke-outline)}

/* ---------- PORTAL (atravessa o miolo de uma letra; papel vira tinta) ---------- */
.portal{height:300vh;background:var(--ink)}
.portal .stage{display:flex;align-items:center;justify-content:center;background:var(--bone)}
.portal .stage.inked{background:var(--ink)}
.o-wrap{position:relative;z-index:2;line-height:1}
/* a letra cresce por font-size (não scale) para continuar vetor nítido */
.o-glyph{font-weight:900;font-size:64vmin;line-height:1;display:block;font-variation-settings:'wght' 900;color:var(--ink)}
.portal-line{position:absolute;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);
  color:var(--bone);opacity:0;font-family:var(--mono);font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;white-space:nowrap}
.shards{position:absolute;inset:0;z-index:2;pointer-events:none;color:var(--bone)}
.shard{position:absolute;font-weight:900;opacity:.16;will-change:transform;line-height:1}
.shard.s-deep{font-size:9vmin;opacity:.10}
.shard.s-mid{font-size:16vmin;opacity:.14}
.shard.s-near{font-size:26vmin;opacity:.2}
.portal-eyebrow{position:absolute;left:var(--gutter);top:var(--nav-top);z-index:3;opacity:.55}

/* ---------- MANIFESTO (palavras acendem com o scroll) ---------- */
.scene-manifesto{height:230vh;background:var(--ink)}
.manifesto{background:var(--ink);color:var(--bone);display:flex;align-items:center;padding:0 var(--gutter);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.manifesto .inner{max-width:1080px;margin:0 auto;position:relative;z-index:2}
.manifesto p{font-size:var(--fs-h1);line-height:1.16;font-weight:700;letter-spacing:-.02em}
.manifesto p .w{opacity:.14;display:inline-block;transition:opacity .4s linear}
.manifesto p .w.on{opacity:1}
.manifesto .mono{display:block;margin-bottom:5vh;color:var(--t-eyebrow-ink)}
.mani-shard{position:absolute;font-weight:900;color:var(--ghost-num);z-index:1;font-size:34vmin;line-height:1;will-change:transform}

/* ---------- EIXO DE PESO (nove paradas) ---------- */
.axis{height:280vh;background:var(--ink)}
.axis .stage{background:var(--ink);color:var(--bone);display:flex;align-items:center;justify-content:center}
.axis-rule{position:absolute;left:6vw;right:6vw;height:1px;background:var(--hair-bone)}
.axis-rule small{position:absolute;right:0;top:-18px;font-family:var(--mono);font-size:10px;
  letter-spacing:.2em;color:var(--t-rule-ink);text-transform:uppercase}
.zero-mask{overflow:hidden;line-height:.92;font-size:var(--fs-display-2);padding-top:.16em;margin-top:-.16em}
.axis-word{display:block;font-size:1em;letter-spacing:-.02em;
  font-variation-settings:'wght' 100;will-change:transform;transform:translateY(115%)}
.axis-hud{position:absolute;left:6vw;bottom:9vh;opacity:0}
.axis-rail{position:relative;width:min(300px,30vw);height:1px;background:var(--hair-bone);margin-bottom:14px}
.axis-rail i{position:absolute;top:-3px;width:1px;height:7px;background:var(--t-rule-ink)}
.axis-tick{position:absolute;top:-6px;width:2px;height:13px;background:var(--verm)}
.axis-read{display:flex;gap:14px;align-items:baseline;font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em}
.axis-num{font-size:13px;color:var(--bone)}
.axis-name{font-size:11px;color:var(--t-mono-ink)}
.axis-name.stamped{animation:stamp .4s var(--ease)}
@keyframes stamp{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}

/* ---------- CABEÇALHO DE SEÇÃO (h2 + rótulo mono) ---------- */
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
.section-head h2,.h2{font-weight:900;font-size:var(--fs-h2);letter-spacing:-.02em;line-height:1.15}
.section-head.ruled{border-bottom:1px solid var(--hair-ink);padding-bottom:18px}

/* ---------- TESTADOR DE TIPO (controles + range) ---------- */
.tester{background:var(--bone);padding:16vh var(--gutter);position:relative}
.tester .section-head{margin-bottom:7vh}
.tester-line{display:block;width:100%;border:0;outline:none;background:transparent;color:var(--ink);
  font-family:var(--arch);line-height:1.04;min-height:1.2em;white-space:pre-wrap;word-break:break-word;caret-color:var(--verm)}
.tester-line:empty::before{content:attr(data-placeholder);color:var(--t-placeholder)}
.tester-controls{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:4vw;
  margin-top:8vh;border-top:1px solid var(--hair-ink);padding-top:26px;align-items:center}
.ctl label{display:flex;justify-content:space-between;margin-bottom:12px;
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--t-label)}
.ctl label b{color:var(--ink);font-weight:500}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1px;background:var(--hair-ink);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;
  border-radius:50%;background:var(--verm);cursor:pointer;border:0}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--verm);cursor:pointer;border:0}
.presets{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.presets button,.chip{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:6px 12px;border:1px solid var(--hair-ink);transition:.25s var(--ease)}
.presets button:hover,.presets button.on,.chip:hover,.chip.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:900px){.tester-controls{grid-template-columns:1fr 1fr;gap:26px}}

/* ---------- LINHAS DE DESTAQUE (feat-row: índice · título · demo no hover) ---------- */
.features{background:var(--bone);padding:4vh var(--gutter) 16vh}
.feat-row{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:3vw;align-items:center;
  border-top:1px solid var(--hair-ink);padding:34px 0;cursor:default}
.feat-row:last-child{border-bottom:1px solid var(--hair-ink)}
.feat-row .idx{font-family:var(--mono);font-size:11px;color:var(--t-index);letter-spacing:.14em}
.feat-row h3{font-weight:700;font-size:var(--fs-title);letter-spacing:-.01em;line-height:1.2}
.feat-row .demo{font-size:var(--fs-demo);text-align:right;white-space:nowrap;overflow:hidden;
  font-variation-settings:'wght' 500;color:var(--t-demo);transition:color .3s}
.feat-row:hover .demo{color:var(--verm)}
@media(max-width:760px){.feat-row{grid-template-columns:40px 1fr}.feat-row .demo{grid-column:1/-1;text-align:left}}

/* ---------- EM USO: trilho horizontal fixado + molduras ---------- */
.inuse{background:var(--bone)}
.inuse > .section-head{padding:10vh var(--gutter) 6vh}
.h-pin{height:auto}
.track{display:flex;gap:3vw;padding:0 var(--gutter);align-items:center;height:74vh;will-change:transform;width:max-content}
.frame{position:relative;height:62vh;flex:none;overflow:hidden;background:var(--frame-ground);margin:0}
.frame.w-a{width:44vw}.frame.w-b{width:30vw}.frame.w-c{width:24vw}
@media(max-width:760px){.frame.w-a{width:78vw}.frame.w-b{width:64vw}.frame.w-c{width:56vw}}
.frame img{width:112%;height:112%;max-width:none;object-fit:cover;filter:grayscale(.25) contrast(1.04);will-change:transform}
.frame .cap{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.frame .num{position:absolute;right:14px;top:12px;z-index:2;color:var(--verm);font-family:var(--mono);font-size:11px;letter-spacing:.14em}
.frame::after{content:"";position:absolute;inset:0;background:var(--shade-frame);pointer-events:none}

/* ---------- INTERLÚDIO: foto em parallax + foto DENTRO das letras ---------- */
.interlude{position:relative;height:120vh;overflow:clip;background:var(--ink)}
.interlude > img{position:absolute;left:0;top:-12%;width:100%;height:124%;max-width:none;object-fit:cover;
  filter:grayscale(.85) contrast(1.06) brightness(.62);will-change:transform}
.interlude::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--scrim-photo)}
.interlude .knock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  z-index:2;mix-blend-mode:difference;color:#fff;text-align:center;line-height:.92}
.interlude .knock span{display:block;font-weight:900;font-size:var(--fs-knock);letter-spacing:-.03em}
@supports (-webkit-background-clip:text){
  .interlude .knock{mix-blend-mode:normal}
  /* bg + clip em CADA span: no Chromium o clip:text do pai não pinta filhos transformados */
  /* --knock-img deve vir com caminho absoluto: url() em variável resolve relativo a ESTE arquivo */
  .interlude .knock .fill span{background-image:var(--knock-img);background-size:cover;
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .interlude .knock .fill span:nth-child(1){background-position:50% 42%}
  .interlude .knock .fill span:nth-child(2){background-position:50% 54%}
}
/* variante só tipográfica (sem foto): letras em papel sobre tinta */
.interlude.no-photo{height:100vh}
.interlude.no-photo::before{display:none}
.interlude.no-photo .knock{mix-blend-mode:normal;color:var(--bone)}
.interlude.no-photo .knock .fill span{background:none;color:var(--bone);-webkit-background-clip:border-box;background-clip:border-box}
.interlude.no-photo .knock .fill span:nth-child(2){color:transparent;-webkit-text-stroke:1.5px var(--bone);font-variation-settings:'wght' 900}
.interlude.no-photo .credit{color:var(--t-rule-ink)}
.interlude .credit{position:absolute;right:var(--gutter);bottom:16px;z-index:3;color:rgba(255,255,255,.5)}

/* ---------- LIVRO-RAZÃO + GRADE DE GLIFOS (sobre tinta) ---------- */
.ledger{background:var(--ink);color:var(--bone);padding:18vh var(--gutter)}
.ledger .grid2{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;max-width:1500px;margin:0 auto}
@media(max-width:900px){.ledger .grid2{grid-template-columns:1fr}}
.ledger h2{font-weight:900;font-size:var(--fs-h2);letter-spacing:-.02em;margin-bottom:6vh}
.led-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--hair-bone);padding:16px 2px}
.led-row .k{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--t-mono-ink)}
.led-row .v{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-ledger)}
.glyphs{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--hair-bone)}
@media(max-width:760px){.glyphs{grid-template-columns:repeat(5,1fr)}}
.glyph{aspect-ratio:1;display:grid;place-items:center;border-right:1px solid var(--hair-bone);
  border-bottom:1px solid var(--hair-bone);font-size:var(--fs-glyph);font-weight:500;font-variation-settings:'wght' 500;
  transition:background .25s var(--ease),color .25s var(--ease),font-variation-settings .35s var(--ease);
  opacity:0;transform:scale(.8)}
.glyph:hover{background:var(--bone);color:var(--ink);font-variation-settings:'wght' 900}

/* ---------- LISTA DE LINHAS (lic-row: título · valor · ação) ---------- */
.list{background:var(--bone);padding:16vh var(--gutter)}
.list > .section-head{margin-bottom:7vh}
.lic-row{display:grid;grid-template-columns:1fr clamp(110px,12vw,180px) clamp(150px,14vw,200px);gap:3vw;align-items:center;
  border-top:1px solid var(--hair-ink);padding:38px 0;position:relative;cursor:pointer;transition:padding-left .4s var(--ease)}
.lic-row:last-of-type{border-bottom:1px solid var(--hair-ink)}
.lic-row:hover{padding-left:18px}
.lic-row::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--verm);transition:width .5s var(--ease)}
.lic-row:hover::before{width:100%}
.lic-row h3{font-weight:900;font-size:var(--fs-h3);letter-spacing:-.02em;line-height:1.1}
.lic-row p{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-muted);margin-top:8px}
.lic-row .price{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-price);justify-self:end;text-align:right}
.lic-row .go{justify-self:end}
.lic-row:hover .go i{transform:translateX(8px)}
.list-note{margin-top:5vh;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-index)}
@media(max-width:560px){.lic-row{grid-template-columns:minmax(0,1fr) auto;row-gap:14px}.lic-row .go{grid-column:1/-1;justify-self:start}}

/* ---------- RODAPÉ revelado por baixo da página ---------- */
main{position:relative;z-index:2;background:var(--bone)}
.footer{position:sticky;bottom:0;z-index:1;background:var(--ink-deep);color:var(--bone);
  padding:10vh var(--gutter) 4vh;min-height:74vh;display:flex;flex-direction:column;justify-content:space-between;overflow:clip}
/* fantasma: no DS era o numeral "0"; aqui é o monograma em contorno */
.foot-ghost{position:absolute;right:-4vw;bottom:-18vh;z-index:0;pointer-events:none;user-select:none;
  height:110vh;width:auto;color:transparent;will-change:transform}
.foot-ghost path{fill:none;stroke:var(--stroke-ghost);stroke-width:1.5px;vector-effect:non-scaling-stroke}
.footer > div{position:relative;z-index:1}
.foot-mark{font-weight:900;font-size:var(--fs-foot-mark);letter-spacing:-.035em;line-height:.9;user-select:none;white-space:nowrap}
.foot-mark .fch{display:inline-block;font-variation-settings:'wght' 900}
.foot-cta{margin:5vh 0 0;display:inline-flex;align-items:center;gap:16px;
  font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid var(--b-cta-ink);padding:16px 26px;width:max-content;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.foot-cta:hover{background:var(--verm);border-color:var(--verm);color:var(--bone)}
.foot-cols{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;
  border-top:1px solid var(--hair-bone);padding-top:22px;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--t-foot);line-height:2}
.foot-cols a{transition:color .25s var(--ease)}
.foot-cols a:hover{color:var(--verm)}
/* "ponto art": assinatura pontual do rodapé */
.foot-sign{height:34px;width:auto;color:var(--bone);opacity:.9}
.foot-cross{position:absolute;right:var(--gutter);top:10vh;width:30px;height:30px;opacity:.6}
.foot-cross::before,.foot-cross::after{content:"";position:absolute;background:var(--verm)}
.foot-cross::before{left:50%;top:0;bottom:0;width:1px}
.foot-cross::after{top:50%;left:0;right:0;height:1px}
@media(max-width:760px){.foot-mark{font-size:10.4vw}}

/* ---------- REVELAÇÃO genérica ---------- */
/* (o JS anima .reveal; sem JS, tudo aparece normalmente) */

/* ---------- movimento reduzido: estado final ---------- */
@media(prefers-reduced-motion:reduce){
  .hero-title .row > span{transform:none}
  .reg-v{transform:scaleY(1)}.reg-h{transform:scaleX(1)}.reg-cross{opacity:.5}
  .hero-sub,.hero-actions{opacity:1;transform:none}
  .hero-bed{opacity:1}
  .axis-word{transform:none;font-variation-settings:'wght' 500}
  .axis-hud{opacity:1}
  .manifesto p .w{opacity:1}
  .glyph{opacity:1;transform:none}
  .hero-cue{animation:none}
}