.cria .sx{display:none}
.cria .presa{padding:clamp(116px,17vh,160px) var(--gut) 24px}
.abre-tx{max-width:1040px;margin-inline:auto;text-align:center}
.abre-tx .lead{margin-inline:auto;max-width:620px}
.im .abre-tx .lead{font-size:23px}
.abre-base .btns{justify-content:center}

/* As passagens entre o escuro das cenas e o claro da home são só céu, que a rolagem atravessa.
   A primeira sai do preto da cena do Editor, mais fundo que o chão do tema escuro. */
.vira[data-vira]{height:calc(var(--pausa) * 1.1);padding:0}
.cria + .vira{background:linear-gradient(180deg,#040405 0,oklch(0.27 0.045 248) calc(var(--pausa) * .07),oklch(0.42 0.07 244) calc(var(--pausa) * .15),oklch(0.62 0.08 238) calc(var(--pausa) * .28),oklch(0.8 0.055 237) calc(var(--pausa) * .54),oklch(0.9 0.035 240) calc(var(--pausa) * .8),var(--chao) calc(var(--pausa) * 1.08))}

.ps{list-style:none;margin:clamp(56px,9vh,96px) auto 0;padding:0;max-width:760px;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(52px,8vh,84px)}
.ps-i{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.ps-t .n{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ciano)}
.ps-t h2{margin-top:10px;font-size:var(--t-h2);font-weight:500;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.ps-t p{margin-top:14px;max-width:46ch;font-size:17px;font-weight:500;line-height:1.45;letter-spacing:-.005em;color:var(--apoio)}
.ps-t .lk{margin-top:18px}

.im .cria .presa{padding:0;background:#040405}
.im .cria .sx{display:block;position:absolute;inset:0}
.im .cria .presa:not(.viva) .sx{visibility:hidden}
.im .abre-tx{position:absolute;z-index:5;left:var(--gut);right:var(--gut);top:clamp(92px,12vh,124px);max-width:none}
.im .abre-tx .lead{margin-top:14px}
.im .abre-base{position:absolute;z-index:5;left:0;right:0;bottom:clamp(26px,4.5vh,48px)}
.im .abre-base .btns{margin-top:0}
.im .ps{position:absolute;inset:0;z-index:9;margin:0;max-width:none;display:block;pointer-events:none}
.im .ps-i{position:absolute;left:max(40px,6vw);top:50%;width:min(420px,29vw);display:block;opacity:0;visibility:hidden}
.im .ps-f{display:none}
.im .ps-t .lk{pointer-events:auto}

.qd{position:relative;container-type:inline-size;width:100%;max-width:760px;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#0E0F11;box-shadow:0 0 0 1px rgba(255,255,255,.11),0 50px 90px -50px #000,0 0 120px -50px rgba(56,189,255,.35)}
.qd-i{position:absolute;inset:0;font-size:1.72cqw;color:#c9d0d8}

.q1 .qd-i{display:flex;flex-direction:column;padding:1.6em;gap:1.2em;background:#F3F5F7;color:#1A2330}
.vt-cab{display:flex;align-items:center;gap:1em;font-weight:700;font-size:1.25em}
.vt-cab span{margin-left:auto;height:2.6em;padding:0 1.1em;border-radius:999px;display:flex;align-items:center;background:#fff;box-shadow:inset 0 0 0 1px #DCE1E7;font-size:.72em;font-weight:500;color:#8A95A3}
.vt-g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1em}
.vt-c{display:flex;flex-direction:column;min-height:0;padding:.6em;border-radius:1em;background:#fff;box-shadow:0 0 0 1px #E1E5EA,0 .6em 1.2em -.8em rgba(26,35,48,.35)}
.vt-c img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top;border-radius:.6em}
.vt-c div{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.6em .2em 0;font-size:.82em;font-weight:700;white-space:nowrap}
.vt-c em{font-style:normal;height:2.2em;padding:0 .8em;border-radius:.6em;display:flex;align-items:center;background:#EEF1F4;font-size:.86em;font-weight:600}
.vt-c.alvo{box-shadow:0 0 0 .18em #009CFF,0 0 0 1px #E1E5EA,0 .6em 1.2em -.8em rgba(26,35,48,.35)}
.vt-c.alvo em{background:#1A2330;color:#fff}
.seta{position:absolute;z-index:3;left:23%;top:49%;width:1.9em;height:1.9em;filter:drop-shadow(0 .2em .3em rgba(0,0,0,.35))}

.q2 .qd-i{background:#1A1A1A}
.qd .pg{position:relative;container-type:inline-size}
.qd .pg img{width:100%;height:auto}
.q2 .pg{position:absolute;left:5%;top:15%;width:90%;box-shadow:0 1.4em 3.4em -1.2em #000}
.qd .tit{position:absolute;left:8.6%;top:25.4%;width:41%;height:29%;padding:1.05cqw 0 0 2.35cqw;background:#F4ECE5;font:500 8.125cqw/.92 "Cormorant Garamond",Georgia,serif;letter-spacing:-.01em;color:#7A2E3B;white-space:nowrap}
.qd .tit i{display:block}
.marca-sel{position:absolute;left:9.9%;top:25.9%;width:39%;height:28%;border:.17em solid #0099ff}
.qd .barra{position:absolute;left:5%;top:4.5%;display:flex;align-items:center;gap:.9em;height:3em;padding:0 1em;border-radius:.8em;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.1);font-size:.92em;color:#fff;white-space:nowrap}
.qd .barra span{color:#8b8b8b}
.qd .barra .st{margin-left:.6em;color:#34D399}
.qd .cores{position:absolute;right:7%;bottom:8%;display:flex;align-items:center;gap:.7em;padding:.7em .9em;border-radius:999px;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 1em 2em -1em #000;font-size:.92em;color:#fff}
.qd .cores i{width:1.7em;height:1.7em;border-radius:50%}
.qd .cores i:nth-of-type(2){box-shadow:0 0 0 .15em #111,0 0 0 .3em #0099ff}

.q3 .qd-i{display:flex;flex-direction:column;background:#111}
.qd .nav{flex:none;display:flex;align-items:center;gap:.8em;height:4em;padding:0 1.2em}
.qd .nav .pts{display:flex;gap:.45em}
.qd .nav .pts i{width:.8em;height:.8em;border-radius:50%;background:#2c2c2c}
.qd .end{flex:1;display:flex;align-items:center;gap:.6em;height:2.6em;padding:0 1em;border-radius:999px;background:#1c1c1c;color:#fff;white-space:nowrap}
.qd .end svg{width:1.05em;height:1.05em;flex:none;color:#34D399}
.qd .noar{display:flex;align-items:center;gap:.5em;height:2.6em;padding:0 1em;border-radius:999px;background:rgba(52,211,153,.14);color:#6EE7B7;font-weight:600;white-space:nowrap}
.qd .noar:before{content:"";width:.6em;height:.6em;border-radius:50%;background:#34D399}
.q3 .corta{flex:1;min-height:0;overflow:hidden}

.fm-palco{max-width:360px}
.fm-palco .form{border-radius:16px;background:#F4ECE5;color:#2B2320;padding:20px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.fm-palco .form em{font:italic 500 19px "Cormorant Garamond",Georgia,serif;color:#7A2E3B}
.fm-palco .form b{font-size:18px;letter-spacing:-.01em}
.fm-palco .form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:#7A6A61}
.fm-palco .form label span{display:flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px rgba(43,35,32,.14);font-size:13px;font-weight:500;color:#2B2320;white-space:nowrap;overflow:hidden}
.fm-palco .form label .vazio{color:#A89A92}
.fm-palco .env{display:grid;place-items:center;margin-top:4px;height:40px;border-radius:999px;background:#2B2320;color:#fff;font-weight:600}
.fm-palco .env.foi{background:#4F6F5B}
.col-f{max-width:420px;padding:18px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.col-cab{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;font-size:15px;font-weight:700}
.col-cab b{margin-left:auto;min-width:34px;height:26px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#1C1E22;font-size:13px}
.col-f .ct{flex-wrap:wrap}

.faixas{display:flex;flex-direction:column;gap:22px;margin:44px calc(var(--gut) * -1) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.faixa{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.faixa.anda{flex-wrap:nowrap;justify-content:flex-start;width:max-content;will-change:transform}
.mod{flex:none;width:clamp(230px,25vw,360px);margin:0}
.mod img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.mod figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;font-size:15px;font-weight:600}
.mod figcaption span{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--apoio-2);text-align:right}

.pedido{padding:clamp(22px,2.6vw,36px)}
.pd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pd-top b{font-size:19px;letter-spacing:-.01em}
.pd-pe{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;padding-top:18px;box-shadow:inset 0 1px 0 var(--linha);font:500 12px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--apoio-2)}
.fim-nota{margin-top:18px;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--apoio-2)}

@media (max-width:599px){
  .ps-t p{font-size:16px}
}
@media (max-width:640px){
  .mod{width:230px}
  .qd-i{font-size:2.5cqw}
  .vt-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-c:nth-child(n+5){display:none}
  .seta{left:36%;top:44%}
}