/* ───────────────────────────────────────────────────────────
   O Filme da Sua Vida — Daniel Davidsohn
   ATO I: um bloco fixo. A página não desce; o mundo avança
   dentro do mesmo quadro. ATO II: o produto.
   Sem bibliotecas. Só transform, opacity, clip-path e
   font-variation-settings — nada que force layout por frame.
   ─────────────────────────────────────────────────────────── */

:root{
  color-scheme:dark;
  --ink:#0a0908;
  --ink-soft:#100e0d;
  --paper:#e8e4dc;
  --dim:rgba(232,228,220,.56);
  --dimmer:rgba(232,228,220,.34);
  --gold:#8a7c63;
  --gold-lit:#c9ad7e;
  --rule:rgba(138,124,99,.26);
  --gutter:clamp(1.35rem,5vw,6rem);
  --measure:44rem;
  --ease:cubic-bezier(.16,1,.3,1);
  --span:1150vh;
  --display:"Archivo","Archivo Expanded","Helvetica Neue",Arial,sans-serif;
  --text:"Inter Tight","Inter","Helvetica Neue",Arial,sans-serif;
  /* sombra de contato em quatro camadas, em em: acompanha o corpo da fonte.
     Substitui a caixa escura que aparecia sobre os clipes claros. */
  --sombra:
    0 .02em .04em rgba(4,6,10,.92),
    0 .04em .1em rgba(4,6,10,.78),
    0 .11em .34em rgba(4,6,10,.62),
    0 .26em .9em rgba(4,6,10,.5);
  --sombra-hero:
    0 .012em .028em rgba(4,6,10,.82),
    0 .028em .085em rgba(4,6,10,.62),
    0 .075em .26em rgba(4,6,10,.48),
    0 .17em .62em rgba(4,6,10,.34);
}
@supports(height:100svh){:root{--span:1150svh}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4rem}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--text);font-size:clamp(1rem,.92rem + .32vw,1.125rem);
  line-height:1.62;font-weight:350;letter-spacing:-.008em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--gold-lit);outline-offset:.5rem}
::selection{background:rgba(138,124,99,.42);color:#fff}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}

.skip{position:fixed;top:1rem;left:1rem;z-index:60;padding:.9rem 1.1rem;background:var(--paper);color:var(--ink);transform:translateY(-220%)}
.skip:focus{transform:none}

.grain{
  position:fixed;inset:-6%;z-index:50;pointer-events:none;
  background-image:url("data:image/png;base64,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");
  background-repeat:repeat;background-size:128px 128px;
  opacity:.05;mix-blend-mode:overlay;
}

.masthead{
  position:fixed;inset:0 0 auto;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:calc(1.5rem + env(safe-area-inset-top)) var(--gutter) 2.4rem;
  background:linear-gradient(rgba(10,9,8,.6),transparent);
  pointer-events:none;
}
.masthead a,.masthead button{pointer-events:auto;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:450;text-shadow:0 1px 14px rgba(0,0,0,.6)}

/* ── som: visível e convidativo ───────────────────────────
   Nasce ligado. O navegador só libera áudio depois de um gesto,
   então até lá o botão pulsa e diz o que fazer. */
.sound{
  display:flex;align-items:center;gap:.6rem;
  background:none;border:0;border-bottom:1px solid rgba(201,173,126,.4);
  padding:.3rem 0 .42rem;margin:0;cursor:pointer;
  font-family:var(--text);font-size:.76rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lit);
  transition:color .4s var(--ease),border-color .4s var(--ease);
}
.sound:hover{color:#f2e6cf;border-color:var(--gold-lit)}
.sound:focus-visible{outline:1px solid var(--gold-lit);outline-offset:.45rem}
.sound-label{white-space:nowrap;text-indent:.2em}
.sound-bars{display:flex;align-items:flex-end;gap:2px;height:.8rem;flex:none}
.sound-bars i{
  width:1.7px;height:100%;background:currentColor;border-radius:1px;
  transform-origin:bottom;transform:scaleY(.2);
  transition:transform .5s var(--ease);
}
.sound.on .sound-bars i{animation:eq 1.15s ease-in-out infinite}
.sound.on .sound-bars i:nth-child(2){animation-duration:.84s;animation-delay:-.31s}
.sound.on .sound-bars i:nth-child(3){animation-duration:1.44s;animation-delay:-.63s}
.sound.on .sound-bars i:nth-child(4){animation-duration:.97s;animation-delay:-.14s}
@keyframes eq{0%,100%{transform:scaleY(.18)}50%{transform:scaleY(1)}}
.sound.armed{animation:convida 2.6s ease-in-out infinite}
@keyframes convida{0%,100%{opacity:.66}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .sound.armed{animation:none;opacity:1}
  .sound.on .sound-bars i{animation:none;transform:scaleY(.62)}
}

/* ══ tipografia ═══════════════════════════════════════════ */
.display{
  font-family:var(--display);
  font-variation-settings:"wdth" 108,"wght" 500;
  line-height:.92;letter-spacing:-.022em;text-wrap:balance;
}
.display .ln{display:block}
.display em{font-style:normal;color:var(--gold-lit)}
.display--hero{
  font-size:clamp(3.05rem,11.7vw,12.6rem);
  font-variation-settings:"wdth" 125,"wght" 680;
  text-transform:uppercase;line-height:.82;letter-spacing:-.032em;
  text-shadow:var(--sombra-hero);
}
.display--hero .ln{white-space:nowrap}
.display--lg{font-size:clamp(2.1rem,6.4vw,5.4rem);line-height:.94;font-variation-settings:"wdth" 112,"wght" 520}
.display--md{font-size:clamp(1.8rem,4.9vw,4.05rem);line-height:.98;font-variation-settings:"wdth" 108,"wght" 500}

.eyebrow{
  font-family:var(--text);font-size:.7rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:.85rem;
}
.eyebrow::before{content:"";width:1.7rem;height:1px;background:var(--gold);opacity:.7;flex:none}

.prose{max-width:var(--measure);color:var(--dim);font-size:clamp(1rem,.95rem + .28vw,1.16rem)}

/* ══ ATO I — A JORNADA ════════════════════════════════════ */
.journey{position:relative}
.js .journey{height:calc(var(--span) + 100vh)}
@supports(height:100svh){.js .journey{height:calc(var(--span) + 100svh)}}

.stage{position:relative;height:100vh;overflow:hidden;background:var(--ink);isolation:isolate}
@supports(height:100svh){.stage{height:100svh}}
.js .stage{position:sticky;top:0}

/* o mundo: a nebulosa que nunca sai de cena */
.world{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--ink)}
.world-bed{
  position:absolute;inset:-8%;width:116%;height:116%;
  object-fit:cover;object-position:center top;transform-origin:50% 54%;
  transform:scale(var(--zoom,1));
  filter:saturate(.92) contrast(1.05) brightness(.82);
  backface-visibility:hidden;
}
.world-haze{
  position:absolute;inset:-14%;pointer-events:none;opacity:.2;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 42% 36% at 66% 30%,rgba(84,138,190,.5),transparent 62%),
    radial-gradient(ellipse 38% 34% at 28% 72%,rgba(190,126,78,.36),transparent 60%);
  animation:drift 42s ease-in-out infinite alternate;
}
@keyframes drift{0%{transform:translate3d(1.5%,-1%,0)}100%{transform:translate3d(-2%,2.5%,0)}}
.world::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 44%,transparent 18%,rgba(3,6,12,.2) 62%,rgba(3,6,12,.78) 100%);
  mix-blend-mode:multiply;
}

/* as cenas vivem dentro do mundo: as bordas do clipe se
   dissolvem na nebulosa em vez de terminarem num retângulo */
.scenes{position:absolute;inset:0;z-index:2}
.scene{margin:0;position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity}
.scene:first-child{opacity:1;visibility:visible}
.scene img,.scene video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:var(--pan,50%) 50%;
  filter:saturate(.9) contrast(1.04) brightness(.9);
}
.scene video{opacity:0;transition:opacity .18s ease}
.scene.decoded video{opacity:1}

.stage::before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse 92% 96% at 50% 46%,transparent 44%,rgba(6,5,5,.28) 78%,rgba(6,5,5,.68) 100%)}
.opening{
  position:absolute;top:0;right:var(--gutter);left:var(--gutter);height:100%;
  display:flex;align-items:center;justify-content:flex-start;
  pointer-events:none;z-index:12;
}
.opening h1{margin:0}

/* legendas: o balé — Archivo Expanded, corpo grande, luz local,
   e uma passagem de dourado quando a frase assenta */
.caption{position:absolute;inset:0;z-index:15;pointer-events:none}
.cap{
  position:absolute;left:var(--cx,6%);top:var(--cy,76%);
  /* a largura é o que sobra da posição até a margem direita: com
     left em 56% uma largura fixa passava de 100% e cortava a frase */
  width:min(46rem,calc(100% - var(--cx,6%) - var(--gutter)));
  transform:translateY(-50%);opacity:0;
}
/* Nenhuma caixa atrás do texto. A separação vem da sombra de contato
   (--sombra), que segue o desenho da letra: em fundo claro ela aparece,
   em fundo escuro ela desaparece. Uma caixa não sabe fazer isso. */
.cap.on{opacity:1}
.cap-kicker{
  display:flex;align-items:center;gap:.9rem;margin-bottom:1.15rem;
  font-family:var(--text);font-size:.76rem;font-weight:500;
  letter-spacing:.26em;text-transform:uppercase;color:var(--gold-lit);
  text-shadow:0 1px 3px rgba(4,6,10,.95),0 4px 14px rgba(4,6,10,.7);
}
.cap-kicker::before{content:"";width:2rem;height:1px;background:var(--gold-lit);opacity:.8;flex:none}
.cap-body{position:relative}
.cap-line,.cap-sheen{
  margin:0;display:block;
  font-family:var(--display);
  font-variation-settings:"wdth" 125,"wght" 620;
  font-size:clamp(1.9rem,4.1vw,3.65rem);
  line-height:.94;letter-spacing:-.03em;text-wrap:balance;
}
.cap-line{
  color:#f2ede4;
  text-shadow:var(--sombra);
}
.cap-line .w{display:inline-block;white-space:nowrap;font-variation-settings:"wdth" 125,"wght" 620;will-change:transform,opacity}
/* camada separada só para o dourado: sem filhos transformados,
   então o background-clip:text nunca briga com a entrada */
.cap-sheen{
  position:absolute;inset:0;pointer-events:none;opacity:0;
  color:transparent;-webkit-text-fill-color:transparent;
  background-image:linear-gradient(101deg,transparent 36%,rgba(214,186,138,.95) 47%,transparent 58%);
  background-size:240% 100%;background-position:215% 0;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;
}
.cap.on .cap-sheen{animation:sheen 1.9s cubic-bezier(.32,.68,.24,1) .9s 1 both}
@keyframes sheen{
  0%{opacity:0;background-position:215% 0}
  8%{opacity:1}
  92%{opacity:1}
  100%{opacity:0;background-position:-115% 0}
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.cap-sheen{display:none}}

/* ENTRADA — só transform e opacity. A largura variável saiu daqui:
   animar font-variation-settings palavra por palavra obriga o browser a
   re-rasterizar cada glifo a cada quadro, e era isso que engasgava.
   A montagem continua, agora por deslize e revelação. */
.js .cap{opacity:0;transform:translateY(-50%)}
.js .cap.on{opacity:1}
.js .cap-kicker{clip-path:inset(-40% 100% -40% -2%)}
.js .cap.on .cap-kicker{clip-path:inset(-40% -4% -40% -2%);transition:clip-path .8s var(--ease) .04s}
.js .cap-line .w{transform:translate3d(0,.6em,0);opacity:0}
.js .cap.on .cap-line .w{
  transform:none;opacity:1;
  transition:transform .72s var(--ease),opacity .34s linear;
  transition-delay:calc(var(--w,0) * 28ms);
}
/* SAÍDA — em bloco, sem escalonamento. Escalonar a saída deixava
   palavras que ainda nem tinham entrado presas em invisível: era o
   texto truncado. Agora a linha inteira sai junta, sempre limpa. */
.js .cap.out{
  opacity:0;transform:translateY(calc(-50% - .2em));
  transition:opacity .32s ease,transform .38s cubic-bezier(.5,0,.75,0);
}
.js .cap.out .cap-line .w,.js .cap.out .cap-kicker{transition:none}
.js .cap.out .cap-sheen{animation:none;opacity:0}
/* ROLAGEM RÁPIDA — sem escalonamento e tudo mais curto, para a frase
   nunca ser interrompida no meio da própria entrada. */
.js .caption.rush .cap.on .cap-line .w{transition-duration:.34s,.2s;transition-delay:0s}
.js .caption.rush .cap.on .cap-kicker{transition-duration:.42s;transition-delay:0s}
.js .caption.rush .cap.on .cap-sheen{animation-duration:1.15s;animation-delay:.36s}

/* brilho dourado do título — uma única passagem.
   O dourado NUNCA toca o h1: o h1 é montado letra a letra em spans
   inline-block, e background-clip:text no pai não recorta no texto
   dos filhos — o título ficava sem pintura nenhuma. O brilho vive
   numa cópia sobreposta de texto simples, como nas legendas. */
.display--hero{color:var(--paper);position:relative}
.hero-sheen{
  position:absolute;top:0;left:0;width:100%;pointer-events:none;user-select:none;
  opacity:0;text-shadow:none;mix-blend-mode:multiply;
  color:transparent;-webkit-text-fill-color:transparent;
  background-image:linear-gradient(102deg,#fff 38%,#c79a55 50%,#fff 62%);
  background-size:300% 100%;background-position:215% 0;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;
}
.hero-sheen .ln{display:block;white-space:nowrap}
.display--hero.sweep .hero-sheen{animation:sheen-hero 2.4s cubic-bezier(.32,.68,.24,1) 1 both}
@keyframes sheen-hero{
  0%{opacity:0;background-position:215% 0}
  7%{opacity:1}
  88%{opacity:1}
  100%{opacity:0;background-position:-115% 0}
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.hero-sheen{display:none}}

/* indicador de rolagem: seta, palavra, seta — fino e visível.
   Some no primeiro gesto de scroll. */
.cue{
  position:absolute;z-index:14;left:50%;transform:translateX(-50%);
  bottom:calc(2.4rem + env(safe-area-inset-bottom));
  display:flex;flex-direction:column;align-items:center;gap:.6rem;
  color:var(--gold-lit);transition:opacity .9s ease .25s;pointer-events:none;
}
.cue-word{
  font-family:var(--text);font-size:.62rem;font-weight:500;
  letter-spacing:.34em;text-transform:uppercase;text-indent:.34em;
  color:#f0e7d7;text-shadow:0 1px 12px rgba(3,4,8,.9),0 0 26px rgba(3,4,8,.7);
}
.cue-arw{
  width:.92rem;height:.52rem;display:block;
  filter:drop-shadow(0 1px 8px rgba(3,4,8,.9));
}
.cue-arw.up{opacity:.5;animation:cue-up 3.4s var(--ease) infinite}
.cue-arw.down{opacity:.78;animation:cue-down 3.4s var(--ease) infinite}
@keyframes cue-up{0%,100%{transform:translateY(2.5px);opacity:.28}42%{transform:translateY(-1px);opacity:.6}}
@keyframes cue-down{0%,100%{transform:translateY(-2.5px);opacity:.4}42%{transform:translateY(1.5px);opacity:.92}}
.moved .cue{opacity:0;transition:opacity .35s ease}

.progress{position:absolute;z-index:14;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.07);pointer-events:none}
.progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--gold-lit);box-shadow:0 0 14px rgba(201,173,126,.45)}
.fadeout{position:absolute;inset:0;z-index:18;background:var(--ink);opacity:0;pointer-events:none}

/* sem JS, a jornada vira uma sequência simples e legível */
html:not(.js) .scenes{position:static;mask-image:none;-webkit-mask-image:none}
html:not(.js) .scene{position:relative;opacity:1;visibility:visible;height:70vh}
html:not(.js) .caption,html:not(.js) .progress,html:not(.js) .cue,html:not(.js) .fadeout{display:none}
html:not(.js) .stage{height:auto;overflow:visible}
html:not(.js) .opening{position:relative;height:auto;padding:8rem 0 3rem}

/* ══ ATO II — O PRODUTO ═══════════════════════════════════ */
/* ══ ATO II — A SÍNTESE ═══════════════════════════════════ */
.closing{
  position:relative;border-top:1px solid var(--rule);
  padding:clamp(7rem,18vh,14rem) var(--gutter) clamp(6rem,14vh,11rem);
  display:grid;gap:clamp(3rem,7vh,5.5rem);justify-items:start;
  background:linear-gradient(180deg,var(--ink),var(--ink-soft) 62%,var(--ink));
}
.creed{
  font-family:var(--display);
  font-variation-settings:"wdth" 106,"wght" 400;
  font-size:clamp(1.62rem,3.5vw,3.05rem);
  line-height:1.2;letter-spacing:-.022em;
  color:var(--paper);max-width:min(100%,58rem);text-wrap:pretty;
}
.creed em{
  font-style:normal;color:var(--paper);
  font-variation-settings:"wdth" 106,"wght" 400;
}
.facts{
  display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1.1rem;
  font-family:var(--text);font-size:.76rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--dim);
  max-width:min(100%,52rem);
}
.facts i{font-style:normal;color:var(--gold-lit);opacity:.8}

.marquee-band{padding:clamp(3.4rem,8vh,6rem) 0;border-top:1px solid var(--rule);overflow:hidden}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-row{display:flex;width:max-content;animation:marquee 54s linear infinite}
.marquee-row span{display:flex;align-items:center;white-space:nowrap;font-family:var(--display);font-variation-settings:"wdth" 108,"wght" 400;font-size:clamp(1.5rem,4.4vw,3.6rem);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(232,228,220,.34)}
.marquee-row i{font-style:normal;padding:0 1.2rem;color:var(--gold-lit);-webkit-text-stroke:0;transform:translateY(-.06em)}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}

.band{
  position:relative;padding:clamp(6rem,15vh,11.5rem) var(--gutter);
  display:grid;gap:clamp(1.9rem,4vh,3.1rem);justify-items:start;
  border-top:1px solid var(--rule);
}
.band--contact{padding-bottom:clamp(5rem,12vh,9rem)}
.mailto{
  font-family:var(--display);font-variation-settings:"wdth" 100,"wght" 420;
  font-size:clamp(1.1rem,2.5vw,1.9rem);letter-spacing:-.02em;
  padding-bottom:.55rem;border-bottom:1px solid var(--rule);
  background-image:linear-gradient(var(--gold-lit),var(--gold-lit));
  background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size .6s var(--ease),color .4s var(--ease);
}
.mailto:hover{background-size:100% 1px;color:var(--gold-lit)}
.contact-note{color:var(--dim);max-width:30rem;font-size:.98rem}

.colophon{
  display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:space-between;
  padding:1.7rem var(--gutter) calc(1.9rem + env(safe-area-inset-bottom));
  border-top:1px solid var(--rule);color:var(--dimmer);
  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
}
.colophon a{transition:color .4s var(--ease)}
.colophon a:hover{color:var(--gold-lit)}

/* ══ entrada do ATO II ════════════════════════════════════ */
.js .display .ln{clip-path:inset(-24% 100% -24% -1%);transition:clip-path 1.15s var(--ease);transition-delay:calc(var(--l,0) * 110ms)}
.js .display.in .ln{clip-path:inset(-24% -4% -24% -1%)}
.js .display--hero .ch{
  display:inline-block;font-variation-settings:"wdth" 62,"wght" 150;
  transform:translate3d(0,.3em,0);
  transition:font-variation-settings 1.25s var(--ease),transform 1.25s var(--ease);
  transition-delay:calc(var(--i,0) * 34ms);
}
.js .display--hero.in .ch{font-variation-settings:"wdth" 125,"wght" 680;transform:none}
.js [data-reveal]:not(.display):not(.creed){opacity:0;transform:translate3d(0,16px,0);transition:opacity .85s var(--ease),transform .95s var(--ease)}

/* A síntese entra linha a linha — as palavras de uma mesma linha
   sobem juntas, e só então as duas ênfases acendem. */
.js .creed .w{
  display:inline-block;
  transform:translate3d(0,.46em,0);opacity:0;
  transition:transform 1s var(--ease),opacity .6s linear;
  transition-delay:calc(var(--l,0) * 95ms);
}
.js .creed.in .w{transform:none;opacity:1}
.js .creed em{
  transition:color 1.15s var(--ease),font-variation-settings 1.15s var(--ease);
  transition-delay:calc(var(--lit,6) * 95ms + .5s);
}
.js .creed.in em.gold{color:var(--gold-lit);font-variation-settings:"wdth" 114,"wght" 580}
.js .creed.in em.mass{font-variation-settings:"wdth" 116,"wght" 600}
.js [data-reveal].in:not(.display):not(.creed){opacity:1;transform:none}

/* ══ responsivo ═══════════════════════════════════════════ */
@media(max-width:900px){
  .opening{align-items:flex-start;padding-top:26vh}
  /* No celular a coluna do desktop não cabe: com left vindo do data-x
     (até 56%) a frase virava um filete de quatro palavras por linha.
     Aqui a legenda sempre encosta na esquerda e usa a largura inteira;
     só a altura é decidida por cena, via --my. */
  .cap{left:var(--gutter);right:var(--gutter);width:auto;max-width:none;top:var(--my,50%)}
  .cap-line,.cap-sheen{font-size:clamp(1.34rem,6.6vw,2.1rem);line-height:1.0;letter-spacing:-.028em}
  .cap-kicker{font-size:.68rem;letter-spacing:.22em;margin-bottom:.75rem}
  .cap-kicker::before{width:1.4rem}
  /* no celular a legenda é menor: a sombra ganha um pouco de corpo
     para não perder contorno em fundo claro */
  .cap-line{text-shadow:
    0 .022em .05em rgba(4,6,10,.95),
    0 .05em .13em rgba(4,6,10,.82),
    0 .13em .4em rgba(4,6,10,.68),
    0 .3em 1em rgba(4,6,10,.54)}
}
@media(max-width:900px){
  .closing{gap:clamp(2.6rem,6vh,4rem)}
  .creed{font-size:clamp(1.46rem,6.2vw,2.05rem);line-height:1.26;letter-spacing:-.018em}
  .facts{
    display:grid;gap:.8rem;font-size:.68rem;letter-spacing:.13em;
    border-left:1px solid var(--rule);padding-left:1.1rem;
  }
  .facts i{display:none}
}
@media(max-width:560px){
  .sound{gap:.5rem;font-size:.7rem;letter-spacing:.16em}
  .colophon{flex-direction:column;gap:.55rem}
  .meta{gap:1.6rem}
}
@media(max-height:520px) and (orientation:landscape){
  .opening{padding-top:0;align-items:center}
  .display--hero{font-size:clamp(2.2rem,7vw,4rem)}
  .cue{display:none}
}

/* ══ acessibilidade ═══════════════════════════════════════ */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .journey{height:auto}
  .js .stage{position:relative;height:auto;overflow:visible}
  .scenes{position:static;mask-image:none;-webkit-mask-image:none}
  .scene{position:relative;opacity:1!important;visibility:visible!important;height:64vh}
  .caption,.progress,.cue,.fadeout,.world{display:none}
  .opening{position:relative;height:auto;padding:7rem 0 2rem}
  .js [data-reveal]:not(.display){opacity:1!important;transform:none!important}
  .js .display .ln{clip-path:none!important}
  .js .display--hero .ch{font-variation-settings:"wdth" 125,"wght" 680!important;transform:none!important}
}