/* =====================================================================
   SELAH — estilos do site (cabeçalho, páginas e a visita imersiva)
   Depende de tokens.css e componentes.css
   ===================================================================== */
html{scroll-behavior:smooth}
body{margin:0}
.ilus{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;display:block}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--marca);color:var(--sobre-marca);padding:10px 16px;border-radius:var(--raio-md);font-weight:700}
.pular:focus{top:12px}

/* ---------- Barra fixa ---------- */
.barra{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;transition:background .4s var(--curva-suave),color .4s}
.barra__logo img{height:38px;display:block}
.barra__logo .claro{display:none}
.barra__acoes{display:flex;align-items:center;gap:8px}
.barra .s-botao-som{min-height:40px;padding:0 12px 0 10px}
.barra .s-botao-som span.txt{display:none}
.barra__menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--raio-pilula);background:var(--superficie-creme);color:var(--tinta);cursor:pointer}
.barra__cta{display:none}
.barra.is-escura{color:#FFF6E1}
.barra.is-escura .barra__logo .escuro{display:none}
.barra.is-escura .barra__logo .claro{display:block}
.barra.is-escura .barra__menu{background:rgba(255,246,225,.12);color:#FFF6E1}
.barra.is-solida{background:color-mix(in srgb,var(--fundo) 90%,transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--borda)}
.barra.is-solida.is-escura{background:color-mix(in srgb,var(--orig-cotele) 88%,transparent);box-shadow:none}
@media (min-width:768px){.barra{padding:14px 28px}.barra .s-botao-som span.txt{display:inline}.barra__cta{display:inline-flex}}

/* ---------- Gaveta de cômodos ---------- */
.gaveta{position:fixed;inset:0;z-index:60;display:none}
.gaveta.is-aberta{display:block}
.gaveta__fundo{position:absolute;inset:0;background:rgba(30,6,6,.55);backdrop-filter:blur(2px)}
.gaveta__painel{position:absolute;right:0;top:0;bottom:0;width:min(360px,92vw);overflow-y:auto;animation:s-entra .4s var(--curva-suave)}
.gaveta__topo{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 4px;color:#FFF6E1}
.gaveta__fechar{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,246,225,.12);color:#FFF6E1;cursor:pointer}
.s-comodo svg.ilus{width:48px;height:38px;color:#EFE2C7;flex:none}
.gaveta__links{padding:0 18px 24px;display:grid;gap:6px}
.gaveta__links a{color:#EFE2C7;font:600 14px/1.4 var(--font-sans);text-decoration:none;opacity:.85}

/* ---------- Pontos de progresso (desktop) ---------- */
.pontos{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40;display:none;flex-direction:column;gap:12px}
.pontos a{position:relative;display:block;width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;color:var(--marca);opacity:.6}
.pontos a.is-ativo{background:currentColor;opacity:1}
.pontos a span{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 12px/1 var(--font-sans);opacity:0;transition:opacity .2s;pointer-events:none}
.pontos a:hover span,.pontos a:focus-visible span{opacity:1}
.pontos.is-escura a{color:#EFE2C7}
@media (min-width:1024px){.pontos{display:flex}}

/* ---------- Revelação ligada à rolagem ---------- */
.rv{--k:clamp(0,(var(--p,0) - var(--in,0)) * var(--vel,6),1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 28px))}
.sem-animacao .rv{opacity:1;transform:none}

/* ---------- Cenas: base ---------- */
.cena{position:relative;height:var(--h,220vh)}
.cena__palco{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cena__conteudo{position:relative;z-index:5;width:100%;max-width:1120px;padding:84px 20px 40px;box-sizing:border-box}
.cena h2{font:400 clamp(34px,6vw,64px)/1.02 var(--font-serif);margin:0 0 14px;letter-spacing:-.01em}
.cena p.apoio{font:400 clamp(16px,1.6vw,19px)/1.6 var(--font-sans);margin:0;max-width:560px}
.luzes{position:absolute;left:0;right:0;top:0;height:90px;z-index:3;pointer-events:none}
.sem-animacao .cena{height:auto}
.sem-animacao .cena__palco{position:relative;height:auto;min-height:100vh;padding:40px 0}

/* ---------- Cena 0 · A porta ---------- */
.c0{--h:200vh}
.c0 .cena__palco{background:var(--orig-cotele)}
.c0 .parede{position:absolute;inset:0}
.c0 .luz-dentro{position:absolute;left:50%;top:50%;width:min(560px,86vw);height:min(760px,84vh);transform:translate(-50%,-46%);background:radial-gradient(ellipse at center,#FFF6E1 0%,var(--luz-quente) 45%,#C98F4A 100%);border-radius:12px 12px 0 0;opacity:calc(.35 + var(--p,0) * .65)}
.c0 .vao{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1400px;transform:scale(calc(1 + var(--p,0) * var(--p,0) * 3.2));transform-origin:50% 52%}
.c0 .porta{position:relative;width:min(560px,86vw);height:min(760px,84vh);margin-top:4vh;transform-origin:left center;transform:rotateY(calc(clamp(0,(var(--p,0) - .12) * 1.6,1) * -96deg));border-radius:12px 12px 0 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:30px 22px;box-sizing:border-box;color:#FFF6E1}
.c0 .porta::after{content:"";position:absolute;inset:14px;border:1.5px dashed rgba(239,226,199,.5);border-radius:6px 6px 0 0;pointer-events:none}
.c0 .macaneta{position:absolute;right:26px;top:54%;width:14px;height:14px;border-radius:50%;background:var(--luz-quente);box-shadow:0 0 12px var(--luz-quente)}
.c0 .porta img.logo{width:min(150px,36vw)}
.c0 .tri{font:400 clamp(26px,4.4vw,40px)/1.05 var(--font-serif);margin:4px 0 0}
.c0 .linha{font:500 14px/1.5 var(--font-sans);max-width:320px;opacity:.9;margin:0}
.c0 .s-contador{margin:6px 0}
.c0 .s-contador__item{min-width:62px;padding:8px 4px}
.c0 .s-contador__num{font-size:30px}
.c0 .dica{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:6;color:#EFE2C7;opacity:calc(1 - var(--p,0) * 5)}
.c0 .guirlanda{position:absolute;left:50%;top:calc(50% - min(380px,42vh) - 6px);transform:translateX(-50%);width:min(620px,94vw);height:10px;z-index:4;opacity:calc(1 - var(--p,0) * 3)}
.sem-animacao .c0 .porta{transform:none}.sem-animacao .c0 .vao{transform:none}

/* ---------- Cena 1 · O hall ---------- */
.c1{--h:240vh}
.c1 .cena__palco{color:var(--tinta)}
.c1 .grade{display:grid;gap:24px;align-items:center}
.c1 .recado{position:relative;padding:30px 26px;transform:rotate(-1.2deg);border-radius:4px;box-shadow:var(--almofada-3)}
.c1 .recado::after{content:"";position:absolute;inset:9px;border:1.5px dashed var(--vinho-600);border-radius:2px;pointer-events:none;opacity:.7}
.c1 .recado h2{font-size:clamp(30px,4.6vw,48px);color:var(--orig-tinta)}
.c1 .recado p{font:400 16px/1.65 var(--font-sans);margin:0 0 10px;color:var(--orig-cotele)}
.c1 .recado b{color:var(--orig-tinta)}
.c1 .clipe{position:absolute;top:-18px;left:28px;width:16px;height:46px;border:3px solid #B9A57A;border-radius:10px}
.c1 .respiro-bloco{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.c1 .respiro-circulo{position:relative;width:170px;height:170px;display:flex;align-items:center;justify-content:center}
.c1 .respiro-circulo::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(242,207,134,.35),transparent 70%);border:1.5px solid var(--acento);animation:s-respira var(--dur-respiro) var(--curva-respira) infinite}
.c1 .respiro-circulo span{font:400 22px/1.1 var(--font-serif);color:var(--marca)}
.c1 .respiro-txt{font:500 14px/1.5 var(--font-sans);color:var(--tinta-suave);min-height:42px}
.c1 .versiculo{font:400 18px/1.4 var(--font-serif);color:var(--tinta);max-width:300px}
.c1 .versiculo small{display:block;font:600 12px/1.4 var(--font-sans);color:var(--acento-texto);margin-top:6px}
.c1 .mochila{position:absolute;right:4%;bottom:6%;width:150px;color:var(--marca);opacity:.85}
@media (min-width:900px){.c1 .grade{grid-template-columns:1.25fr 1fr;gap:60px}}
@media (max-width:899px){.c1 .mochila{display:none}.c1 .recado{padding:24px 20px}.c1 .recado p{font-size:15px}}

/* ---------- Cena 2 · A sala ---------- */
.c2{--h:260vh}
.c2 .cena__palco{color:var(--tinta);align-items:flex-start}
.c2 .cena__conteudo{padding-top:96px}
.c2 .moveis{position:absolute;left:0;right:0;bottom:0;height:58%;display:flex;align-items:flex-end;justify-content:center;gap:2vw;color:var(--marca);transform:scale(calc(1 + var(--p,0) * .18));transform-origin:50% 100%}
.c2 .moveis .sofa{width:min(560px,78vw)}
.c2 .moveis .abajur{width:min(170px,22vw);margin-bottom:6%}
.c2 .moveis .planta{width:min(130px,16vw);margin-bottom:4%}
.c2 .tapete{position:absolute;left:50%;bottom:2%;width:min(760px,96vw);height:44px;transform:translateX(-50%);border-radius:50%;background:repeating-linear-gradient(90deg,var(--linho-300) 0 6px,var(--linho-400) 6px 8px);opacity:.55}
.c2 .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;max-width:620px}
.c2 .card{background:var(--fundo);border-radius:var(--raio-md);padding:14px 16px;box-shadow:var(--almofada-2)}
.c2 .card b{display:block;font:400 19px/1.15 var(--font-serif);color:var(--marca);margin-bottom:4px}
.c2 .card span{font:500 13px/1.45 var(--font-sans);color:var(--tinta-suave)}
.c2 .rodape-cena{margin-top:16px;font:700 12px/1.4 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--acento-texto)}
.c2 .s-cortina{z-index:2;width:12%}
@media (max-width:767px){.c2 .moveis{height:34%}.c2 .moveis .abajur,.c2 .moveis .planta{display:none}.c2 .cards{grid-template-columns:1fr 1fr}.c2 .card{padding:10px 12px}.c2 .card b{font-size:16px}.c2 .card span{font-size:12px}.c2 .s-cortina{display:none}}

/* ---------- Cena 3 · A parede ---------- */
.c3{--h:300vh}
.c3 .cena__palco{color:var(--tinta);flex-direction:column;justify-content:flex-start}
.c3 .simbolos{position:absolute;top:84px;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;gap:4vw;z-index:2}
.c3 .simbolos img{display:block}
.c3 .fl{width:min(200px,26vw)}
.c3 .bd{width:min(130px,18vw);margin-top:6px}
.c3 .cena__conteudo{padding-top:min(250px,30vh)}
.c3 .trilho{display:flex;gap:28px;padding:20px 0 10px;transform:translateX(calc(var(--p,0) * -1 * var(--desloca,600px)))}
.c3 .s-quadro{flex:none;width:200px}
.c3 .s-quadro .info{padding:10px 4px 2px;font:600 13px/1.35 var(--font-sans);color:var(--tinta)}
.c3 .s-quadro .info b{display:block;font:400 18px/1.1 var(--font-serif);color:var(--marca)}
.c3 .s-quadro__foto{display:flex;align-items:center;justify-content:center;text-align:center;font:600 11px/1.3 var(--font-sans);color:var(--tinta-suave);background:var(--superficie)}
.c3 .s-quadro__foto svg{width:70%;color:var(--marca);opacity:.8}
.c3 .algo-maior{max-width:520px;margin-top:14px;padding:16px 18px;border-radius:var(--raio-md);background:var(--superficie-creme);font:500 14px/1.55 var(--font-sans)}
.c3 .algo-maior b{font-family:var(--font-serif);font-weight:400;font-size:18px;color:var(--marca)}
@media (max-width:767px){.c3 .s-quadro{width:160px}.c3 .simbolos{top:72px}.c3 .cena__conteudo{padding-top:150px}}

/* ---------- Cena 4 · A banda ---------- */
.c4{--h:260vh}
.c4 .cena__palco{color:#FFF6E1}
.c4 .grade{display:grid;gap:22px;align-items:center}
.c4 h2,.c4 p.apoio{color:#FFF6E1}
.c4 .palco-banda{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:1.5vw;color:#EFE2C7;min-height:220px}
.c4 .palco-banda .bateria{width:min(260px,30vw)}
.c4 .palco-banda .teclado{width:min(240px,28vw)}
.c4 .palco-banda .microfone{width:min(120px,14vw)}
.c4 .palco-banda .violao{width:min(110px,13vw)}
.c4 .halo{position:absolute;left:50%;bottom:0;width:90%;height:70%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 100%,rgba(242,207,134,calc(.12 + var(--p,0) * .25)),transparent 70%);pointer-events:none}
.c4 .s-teclas{max-width:420px;margin-top:14px}
.c4 .s-tecla{height:80px}
.c4 .acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.c4 .painel-hotspot{min-height:24px;margin-top:10px;font:500 15px/1.5 var(--font-sans);color:#EFE2C7}
@media (min-width:900px){.c4 .grade{grid-template-columns:1fr 1.15fr;gap:40px}}
@media (max-width:899px){.c4 .palco-banda{min-height:150px}.c4 .palco-banda .bateria{width:34vw}.c4 .palco-banda .teclado{width:32vw}.c4 .palco-banda .microfone{width:16vw}.c4 .palco-banda .violao{display:none}.c4 .s-tecla{height:64px}}

/* ---------- Cena 5 · A mesa ---------- */
.c5{--h:260vh}
.c5 .cena__palco{color:var(--tinta)}
.c5 .grade{display:grid;gap:24px;align-items:start}
.c5 .bilhetes{display:grid;gap:10px}
.c5 .bilhete{background:#FFFDF6;border-radius:4px;box-shadow:var(--almofada-2);padding:0 16px;transform:rotate(var(--r,0deg))}
.c5 .bilhete summary{list-style:none;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 15px/1.35 var(--font-sans);color:var(--tinta)}
.c5 .bilhete summary::-webkit-details-marker{display:none}
.c5 .bilhete summary::after{content:"+";font:400 24px/1 var(--font-serif);color:var(--marca)}
.c5 .bilhete[open] summary::after{content:"–"}
.c5 .bilhete p{margin:0;padding:0 0 14px;font:500 14px/1.55 var(--font-sans);color:var(--tinta-suave)}
.c5 .mesa-ilus{width:min(340px,70vw);color:var(--marca);margin-top:8px}
.c5 .oracao{margin-top:12px;padding:20px;border-radius:var(--raio-lg);background:var(--superficie);box-shadow:var(--almofada-1)}
.c5 .oracao b{font:400 22px/1.2 var(--font-serif);color:var(--marca);display:block;margin-bottom:6px}
.c5 .lanterna{position:absolute;right:6%;top:18%;width:110px;color:var(--marca)}
@media (min-width:900px){.c5 .grade{grid-template-columns:1.2fr 1fr;gap:50px}}
@media (max-width:899px){.c5 .lanterna,.c5 .mesa-ilus{display:none}.c5 .bilhete summary{min-height:46px;font-size:14px}}
@media (max-height:760px) and (max-width:899px){.c5 .bilhete:nth-child(n+5){display:none}}

/* ---------- Cena 6 · A janela ---------- */
.c6{--h:240vh}
.c6 .cena__palco{color:var(--tinta)}
.c6 .janela{position:absolute;left:50%;top:50%;width:min(900px,92vw);height:min(560px,70vh);transform:translate(-50%,-48%);border:10px solid var(--vinho-800);border-radius:8px;background:linear-gradient(#1d2140,#3b3557 60%,#5a4048);overflow:hidden;box-shadow:var(--almofada-3)}
.c6 .janela::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 20%,#fff8,transparent),radial-gradient(1.5px 1.5px at 30% 12%,#fff9,transparent),radial-gradient(1px 1px at 52% 26%,#fff8,transparent),radial-gradient(1.5px 1.5px at 70% 16%,#fffa,transparent),radial-gradient(1px 1px at 86% 30%,#fff8,transparent),radial-gradient(1px 1px at 40% 40%,#fff6,transparent)}
.c6 .rua{position:absolute;left:0;right:0;bottom:0;height:34%;background:#2a1f2c}
.c6 .igreja{position:absolute;right:12%;bottom:30%;width:120px;height:120px;color:var(--luz-quente)}
.c6 .poste{position:absolute;left:18%;bottom:30%;width:4px;height:110px;background:#4a3b46}
.c6 .poste::after{content:"";position:absolute;top:-10px;left:-12px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,var(--luz-quente),transparent 70%)}
.c6 .travessa{position:absolute;left:50%;top:0;bottom:0;width:10px;margin-left:-5px;background:var(--vinho-800);z-index:2}
.c6 .cortina-e,.c6 .cortina-d{position:absolute;top:-2%;bottom:-2%;width:56%;z-index:4;background:linear-gradient(90deg,rgba(255,246,225,.96),rgba(239,226,199,.9) 40%,rgba(255,246,225,.95) 70%,rgba(239,226,199,.9));box-shadow:0 0 30px rgba(0,0,0,.12)}
.c6 .cortina-e::after,.c6 .cortina-d::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(166,158,138,.16) 18px 21px)}
.c6 .cortina-e{left:-2%;transform:translateX(calc(clamp(0,var(--p,0) * 1.8,1) * -82%))}
.c6 .cortina-d{right:-2%;transform:translateX(calc(clamp(0,var(--p,0) * 1.8,1) * 82%))}
.c6 .cartao-pais{position:relative;z-index:6;max-width:560px;margin:0 auto;padding:26px 24px;border-radius:var(--raio-lg);background:color-mix(in srgb,var(--fundo) 94%,transparent);box-shadow:var(--almofada-3)}
.c6 .cartao-pais h2{font-size:clamp(28px,4vw,42px);color:var(--tinta)}
.c6 .garantias{display:grid;gap:8px;margin:14px 0 18px;padding:0;list-style:none}
.c6 .garantias li{display:flex;gap:10px;align-items:flex-start;font:500 14px/1.5 var(--font-sans);color:var(--tinta)}
.c6 .garantias li::before{content:"";flex:none;margin-top:7px;width:10px;height:10px;border-radius:50%;background:var(--acento)}

/* ---------- Cena 7 · De volta à porta ---------- */
.c7{--h:150vh}
.c7 .cena__palco{background:var(--orig-cotele);color:#FFF6E1}
.c7 .vao-final{position:absolute;left:50%;top:50%;width:min(420px,70vw);height:min(600px,70vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 60%,#FFF6E1,var(--luz-quente) 50%,#C98F4A);border-radius:10px 10px 0 0;opacity:.95}
.c7 .folha{position:absolute;left:calc(50% - min(210px,35vw));top:50%;width:min(130px,22vw);height:min(600px,70vh);transform:translateY(-50%) perspective(900px) rotateY(-70deg);transform-origin:left center;background:var(--orig-vinho);border-radius:10px 0 0 0}
.c7 .final{position:relative;z-index:5;text-align:center;max-width:520px;margin:0 auto;padding:28px 24px;border-radius:var(--raio-lg);background:rgba(62,17,16,.72);backdrop-filter:blur(4px)}
.c7 .final h2{color:#FFF6E1}
.c7 .final .acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}

/* ---------- Rodapé ---------- */
.rod{padding:48px 0 28px}
.rod .s-rodape__grade{gap:28px}

/* ---------- Páginas internas ---------- */
.pagina{padding-top:86px}
.pagina__topo{padding:28px 0 8px}
.pagina__topo h1{font:400 clamp(34px,6vw,58px)/1.04 var(--font-serif);margin:6px 0 10px;color:var(--tinta)}
.pagina__topo p{font:400 18px/1.6 var(--font-sans);color:var(--tinta-suave);max-width:620px;margin:0}
.pagina .s-secao{padding:28px 0 64px}
.pagina .estreita{max-width:620px}
.aviso-prototipo{margin-top:14px;padding:10px 14px;border-radius:var(--raio-md);background:var(--superficie-creme);font:500 13px/1.5 var(--font-sans);color:var(--tinta-suave)}
.sucesso{display:none;padding:24px;border-radius:var(--raio-lg);background:var(--superficie-creme);box-shadow:var(--almofada-1)}
.sucesso h2{font:400 30px/1.1 var(--font-serif);color:var(--marca);margin:0 0 8px}
.sucesso.is-visivel{display:block}
.form-escondido{display:none!important}
.ajuda-imediata{margin-top:28px;padding:16px 18px;border-radius:var(--raio-md);border:1.5px solid var(--borda-campo);font:500 14px/1.55 var(--font-sans)}
.convite{width:300px;aspect-ratio:9/16;border-radius:16px;padding:28px 22px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;color:#FFF6E1;box-shadow:var(--almofada-3)}
.convite .quem{font:400 34px/1 var(--font-script)}
.convite h3{font:400 40px/1 var(--font-serif);margin:6px 0}
.lista-links{display:grid;gap:10px}
.prose h2{font:400 26px/1.2 var(--font-serif);color:var(--marca);margin:32px 0 8px}
.prose p,.prose li{font:400 16px/1.7 var(--font-sans);color:var(--tinta)}

/* ajustes pós-teste */
@media (min-width:900px){.c4 .grade{grid-template-columns:minmax(340px,1fr) minmax(0,1.15fr)}}
@media (max-width:899px){
 .c1 .respiro-bloco>.s-campo__ajuda{display:none}
 .c1 .respiro-circulo{width:118px;height:118px}
 .c1 .recado h2{font-size:28px}
 .c1 .grade{gap:14px}
 .c1 .versiculo{margin-top:6px}
}
@media (min-width:768px) and (max-height:960px){.c3 .s-quadro{width:150px}.c3 .simbolos{transform:scale(.85);transform-origin:top center}}
@media (min-width:1200px){.c4 .palco-banda{transform:scale(1.3);transform-origin:center bottom;margin-bottom:40px}}
.c4 .spotify{margin-top:18px;display:grid;gap:8px;max-width:420px}
.c4 .spotify iframe{border-radius:12px;display:block;background:rgba(255,246,225,.08)}
.c4 .spotify a{font:600 13px/1.4 var(--font-sans);color:#EFE2C7}
@media (max-width:899px){.c4 .spotify{margin-top:10px}.c4 .spotify a{display:none}}
.c4 .spotify__player,.c4 .spotify iframe{min-height:80px;border-radius:12px;display:block;background:rgba(255,246,225,.08)}
.c4 .spotify__player>a{display:flex;align-items:center;justify-content:center;height:80px}