:root{
  --he-preto:#050504;--he-carvao:#0e0c09;--he-brasa:#e6220c;--he-brasa-clara:#f06e4e;--he-brasa-funda:#7d0103;
  --he-ambar:#b3560f;--he-mel:#c79a5b;--he-indigo:#2c3192;--he-creme:#f3e9da;--he-creme-2:#b9ab97;--he-fio:rgba(243,233,218,.16);
  --he-titulo:"Darker Grotesque",system-ui,sans-serif;--he-texto:"Chivo",system-ui,sans-serif;
  --he-margem:clamp(20px,5vw,72px);--he-ease:cubic-bezier(.2,.7,.1,1);
  /* apelidos do sistema, para as seções */
  --preto:var(--he-preto);--carvao:var(--he-carvao);--carvao-2:#17130e;--brasa:var(--he-brasa);--brasa-clara:var(--he-brasa-clara);--brasa-funda:var(--he-brasa-funda);
  --ambar:var(--he-ambar);--mel:var(--he-mel);--indigo:var(--he-indigo);--indigo-claro:#7f86ff;--creme:var(--he-creme);--creme-2:var(--he-creme-2);--fio:var(--he-fio);
  --f-titulo:var(--he-titulo);--f-texto:var(--he-texto);--margem:var(--he-margem);--ease:var(--he-ease);
  --largura:1296px;--raio:32px;--raio-p:14px;--secao:clamp(88px,13vw,180px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{margin:0;background:var(--preto)}
body{font-family:var(--f-texto);font-weight:300;font-size:17.5px;line-height:1.55;color:var(--creme);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--mel);outline-offset:3px;border-radius:4px}
.pular{position:absolute;left:-999px;top:8px;background:var(--creme);color:#111;padding:10px 16px;border-radius:8px;z-index:99}
.pular:focus{left:8px}
/* peças comuns */
.t2{font-family:var(--f-titulo);font-weight:800;font-size:clamp(40px,5.6vw,84px);line-height:.9;letter-spacing:-.025em;color:var(--creme);text-wrap:balance}
.t2 i{font-style:normal;color:var(--brasa)}
.olho{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel);font-weight:400}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--brasa);color:#fff;font-weight:700;font-size:16px;padding:17px 26px;border-radius:999px;box-shadow:0 14px 40px -14px rgba(230,34,12,.9);transition:transform .5s var(--ease),background .3s}
.btn:hover{transform:translateY(-2px);background:#f0331c}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn-fio{background:transparent;box-shadow:inset 0 0 0 1px rgba(243,233,218,.3);color:var(--creme)}
.btn-fio:hover{background:rgba(243,233,218,.08)}
/* revelar na rolagem: um gesto só, o mesmo "sobe" do hero */
.js [data-rev]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.js [data-rev].visto{opacity:1;transform:none}
/* granulado único, fixo, por cima de tudo */
.grao{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.he-grao{display:none}
/* botão que acompanha a rolagem no celular */
.zap{position:fixed;right:16px;bottom:16px;z-index:50;display:none;align-items:center;gap:10px;background:var(--brasa);color:#fff;font-weight:700;font-size:15px;padding:14px 20px;border-radius:999px;box-shadow:0 12px 34px -8px rgba(230,34,12,.85),0 0 0 1px rgba(255,255,255,.08) inset;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .5s var(--ease);pointer-events:none}
.zap svg{width:20px;height:20px;fill:currentColor}
.zap.on{opacity:1;transform:none;pointer-events:auto}
@media (max-width:760px){.zap{display:inline-flex;padding:0;width:54px;height:54px;justify-content:center}.zap span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zap svg{width:26px;height:26px}body{font-size:16.5px}}
.he{position:relative;min-height:max(100svh,700px);overflow:hidden;background:var(--he-preto);isolation:isolate;display:flex;flex-direction:column}

/* cena: a foto e ela */
.he-cena{position:absolute;inset:0;z-index:-1}
.he-foto{position:absolute;top:-17svh;left:22vw;height:135svh;aspect-ratio:3/4;translate:calc(var(--he-px,0)*-12px) calc(var(--he-py,0)*-8px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 72%,transparent 100%);
  animation:he-acende 2.4s var(--he-ease) both}
.he-foto img{width:100%;height:100%;object-fit:cover;display:block}
.he-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,4,.9) 13%,rgba(5,5,4,.62) 28%,rgba(5,5,4,.2) 38%,transparent 46%)}
@keyframes he-acende{from{filter:brightness(.04) saturate(.3)}to{filter:brightness(1.08) saturate(1.1)}}

/* malha de luz: brasa atrás da bola, âmbar no chão, índigo no teto */
.he-malha{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}
.he-malha i{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform}
.he-malha i:nth-child(1){left:33%;top:34%;width:30vw;height:30vw;background:radial-gradient(circle,color-mix(in oklab,var(--he-brasa) 52%,transparent) 0,transparent 68%);animation:he-m1 9s cubic-bezier(.45,0,.55,1) infinite alternate}
.he-malha i:nth-child(2){left:26%;top:72%;width:46vw;height:26vw;background:radial-gradient(circle,color-mix(in oklab,var(--he-ambar) 50%,transparent) 0,transparent 70%);animation:he-m2 34s ease-in-out infinite alternate}
.he-malha i:nth-child(3){left:64%;top:-16%;width:44vw;height:30vw;background:radial-gradient(circle,color-mix(in oklab,var(--he-indigo) 72%,transparent) 0,transparent 70%);animation:he-m3 38s ease-in-out infinite alternate}
.he-malha i:nth-child(4){left:-12%;top:62%;width:36vw;height:30vw;background:radial-gradient(circle,color-mix(in oklab,var(--he-brasa-funda) 46%,transparent) 0,transparent 70%);animation:he-m2 30s ease-in-out infinite alternate-reverse}
@keyframes he-m1{from{opacity:.62;transform:scale(.94)}to{opacity:1;transform:scale(1.12)}}
@keyframes he-m2{to{transform:translate(5vw,-3vh) scale(1.08)}}
@keyframes he-m3{to{transform:translate(-6vw,4vh) scale(1.15)}}

.he-grao{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* navegação */
.he-nav{display:flex;align-items:center;justify-content:space-between;padding:26px var(--he-margem) 0}
.he-logo{font-family:var(--he-titulo);font-weight:900;font-size:30px;letter-spacing:-.01em;line-height:1}
.he-logo span{color:var(--he-brasa)}
.he-logo small{font-family:var(--he-texto);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--he-creme-2);margin-left:14px;vertical-align:middle}
.he-links{display:flex;gap:30px;font-size:14px;letter-spacing:.04em;color:var(--he-creme-2)}
.he-links a{transition:color .3s}
.he-links a:hover{color:var(--he-creme)}

/* título e a semana */
.he-topo{padding:clamp(18px,4.2svh,44px) var(--he-margem) 0}
.he-titulo{font-family:var(--he-titulo);font-weight:800;font-size:clamp(52px,7.4vw,112px);line-height:.86;letter-spacing:-.028em;margin:0}
.he-titulo span{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.he-titulo b{display:block;font-weight:inherit;animation:he-sobe 1.1s var(--he-ease) both}
.he-titulo span:nth-child(2) b{animation-delay:.14s}
.he-titulo span:nth-child(3) b{animation-delay:.28s}
.he-ponto{font-style:normal;color:var(--he-brasa);text-shadow:0 0 .22em rgba(240,60,30,.9),0 0 .6em rgba(230,34,12,.55)}
@keyframes he-sobe{from{transform:translateY(108%)}to{transform:none}}
@keyframes he-surge{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.he-semana{width:min(100%,77vw);margin-top:clamp(20px,3.4svh,34px);position:relative}
.he-semana::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--he-brasa-clara),rgba(243,233,218,.28) 30%,rgba(243,233,218,.14));transform-origin:0 50%;animation:he-fio 1.3s .55s var(--he-ease) both}
@keyframes he-fio{from{transform:scaleX(0)}to{transform:none}}
.he-dias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);animation:he-surge .9s .8s var(--he-ease) both}
.he-dias li{padding:14px 0 0;position:relative;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,233,218,.46)}
.he-dias li::before{content:"";position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#40382f;transition:background .35s,box-shadow .35s,transform .35s var(--he-ease)}
.he-dias li small{display:inline;font-size:11.5px;letter-spacing:.02em;text-transform:none;margin-left:8px;color:rgba(243,233,218,.34)}
.he-dias li.he-passou::before{background:#8a2c18}
.he-dias li.he-hoje{color:var(--he-creme)}
.he-dias li.he-hoje small{color:var(--he-mel)}
.he-dias li.he-hoje::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--he-brasa) 55%,#8c0a06);box-shadow:0 0 18px 4px rgba(230,34,12,.75);transform:scale(1.8)}
@keyframes he-pulso{50%{box-shadow:0 0 26px 7px rgba(230,34,12,.5)}}
.he-dias.he-pronto li.he-hoje::before{animation:he-pulso 3.6s ease-in-out infinite}
.he-hoje-txt{font-size:13.5px;color:var(--he-creme-2);margin:12px 0 0;min-height:1.4em;transition:opacity .6s}
.he-hoje-txt:empty{opacity:0}

/* apoio e ação */
.he-baixo{margin-top:auto;padding:28px var(--he-margem) 0;max-width:calc(var(--he-margem) + 400px)}
.he-sub{font-size:17.5px;line-height:1.5;font-weight:300;color:var(--he-creme);margin:0 0 26px;animation:he-surge 1s .6s var(--he-ease) both}
.he-acao{display:flex;flex-direction:column;align-items:flex-start;gap:16px;animation:he-surge 1s .75s var(--he-ease) both}
.he-botao{display:inline-flex;align-items:center;gap:12px;background:var(--he-brasa);color:#fff;font-weight:700;font-size:16px;padding:17px 26px;border-radius:999px;box-shadow:0 14px 40px -14px rgba(230,34,12,.9);transition:transform .5s var(--he-ease),background .3s}
.he-botao:hover{transform:translateY(-2px);background:#f0331c}
.he-botao svg{width:20px;height:20px;fill:currentColor}
.he-prova{font-size:15px;color:var(--he-creme-2)}
.he-prova b{color:var(--he-creme);font-weight:700}
.he-rt{font-size:12px;color:rgba(243,233,218,.5);margin:0;padding:26px var(--he-margem) 22px;letter-spacing:.02em}

/* ela, na porta acesa por dentro */
.he-ela{position:absolute;right:var(--he-margem);bottom:0;width:350px;height:min(436px,52svh);margin:0;border-radius:32px 32px 0 0;overflow:hidden;translate:calc(var(--he-px,0)*7px) 0;
  background:
    radial-gradient(64% 46% at 50% 60%,rgba(240,120,50,.78) 0,rgba(196,52,16,.5) 42%,transparent 78%),
    radial-gradient(90% 60% at 50% 108%,rgba(125,1,3,.75) 0,transparent 70%),
    linear-gradient(180deg,#15090a 0,#22090a 55%,#120505 100%);
  box-shadow:0 1px 0 0 rgba(120,130,255,.75) inset,0 14px 34px -12px rgba(60,70,220,.5) inset,0 0 0 1px rgba(255,190,150,.13) inset,0 0 110px -30px rgba(230,60,20,.6),-40px 0 70px -30px rgba(0,0,0,.95);
  animation:he-ergue 1.3s .7s var(--he-ease) both}
@keyframes he-ergue{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
.he-ela::before{content:"";position:absolute;inset:10px 10px -2px;border:1px dashed rgba(255,200,170,.2);border-radius:23px 23px 0 0;z-index:2;pointer-events:none}
.he-ela::after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(180deg,transparent,rgba(12,3,3,.6));z-index:1;pointer-events:none}
.he-ela img{position:absolute;bottom:0;left:50%;width:560px;max-width:none;transform:translateX(-54.2%);display:block;filter:sepia(.14) saturate(1.06) contrast(1.05) brightness(.96)}
.he-ela figcaption{position:absolute;top:30px;left:0;right:0;text-align:center;z-index:3;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--he-mel)}
.he-ela figcaption b{display:block;color:var(--he-creme);font-family:var(--he-titulo);font-weight:800;font-size:27px;letter-spacing:-.005em;text-transform:none;line-height:1.05;margin-bottom:4px}

@media (max-width:1180px){
  .he-foto{left:16vw}
  .he-semana{width:100%}
  .he-dias li small{display:block;margin:3px 0 0}
  .he-ela{width:290px}
  .he-ela img{width:480px}
}
@media (max-width:760px){
  .he{min-height:0}
  .he-links{gap:14px;font-size:12.5px;letter-spacing:.02em}
  .he-logo{font-size:25px}
  .he-logo small{display:none}
  .he-nav{padding-top:18px}
  .he-topo{padding-top:34px}
  .he-titulo{font-size:15.2vw}
  .he-dias li{font-size:10px;letter-spacing:.1em}
  .he-dias li small{font-size:10px;letter-spacing:0}
  .he-baixo{max-width:none;margin-top:0;padding-top:30px}
  .he-sub{font-size:16px;margin-bottom:22px}
  .he-cena{position:relative;inset:auto;z-index:0;margin-top:8px;display:flex;flex-direction:column;align-items:center}
  .he-foto{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:1/1.02;translate:none;overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,transparent 2%,#000 36%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 2%,#000 36%,#000 78%,transparent 100%)}
  .he-foto::after{display:none}
  .he-foto img{object-position:26% 66%;transform:scale(1.16);transform-origin:36% 60%}
  .he-malha{inset:0}
  .he-malha i:nth-child(1){left:10%;top:22%;width:70vw;height:70vw}
  .he-ela{position:relative;right:auto;translate:none;margin-top:-84px;width:min(310px,80vw);height:352px}
  .he-ela img{width:500px}
  .he-ela figcaption{top:24px}
  .he-ela figcaption b{font-size:25px}
  .he-rt{padding-top:14px;padding-bottom:18px;border-top:1px solid var(--he-fio);position:relative;background:var(--he-preto)}
}
@media (prefers-reduced-motion:reduce){
  .he *,.he *::before,.he *::after{animation:none!important;transition:none!important}
}

.he-ela img{height:auto}

/* ca */
.ca{position:relative;background:var(--preto);padding:clamp(72px,8vw,116px) var(--margem) var(--secao);overflow:clip;isolation:isolate;
  --ca-sangra:calc((100vw - min(100vw - 2*var(--margem),var(--largura)))/2)}
/* soleira: a linha onde o hero pousa */
.ca-soleira{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(243,233,218,.1),rgba(243,233,218,.2) 55%,color-mix(in oklab,var(--brasa-clara) 70%,transparent) 84%,rgba(243,233,218,.12))}
.ca-luz{position:absolute;inset:0;z-index:-1;mix-blend-mode:screen;pointer-events:none}
.ca-luz i{position:absolute;border-radius:50%;filter:blur(70px)}
.ca-luz i:nth-child(1){left:46%;top:340px;width:46vw;height:32vw;background:radial-gradient(circle,color-mix(in oklab,var(--brasa-funda) 62%,transparent) 0,transparent 68%);animation:ca-l1 32s ease-in-out infinite alternate}
.ca-luz i:nth-child(2){left:2%;top:620px;width:38vw;height:22vw;background:radial-gradient(circle,color-mix(in oklab,var(--ambar) 30%,transparent) 0,transparent 70%);animation:ca-l1 36s ease-in-out infinite alternate-reverse}
.ca-luz i:nth-child(3){right:-4%;top:150px;width:32vw;height:18vw;background:radial-gradient(circle,color-mix(in oklab,var(--indigo) 52%,transparent) 0,transparent 70%)}
@keyframes ca-l1{to{transform:translate(4vw,-2vh) scale(1.1)}}

.ca-palco{position:relative;max-width:var(--largura);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto 1fr auto;column-gap:24px;align-items:start}
.ca-cab{grid-column:1/9;grid-row:1;position:relative;z-index:2}
.ca-cab .olho{margin-bottom:22px}
.ca-cab .t2{max-width:9.4em}
.ca-foto{grid-column:5/13;grid-row:1/5;margin:26px calc(var(--ca-sangra)*-1) 0 -2%;position:relative;z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 30%,#000 66%,transparent 96%);
  mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 30%,#000 66%,transparent 96%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ca-foto img{width:100%;height:auto}
.ca-texto{grid-column:1/5;grid-row:2;position:relative;z-index:2;margin-top:40px;max-width:340px}
.ca-texto p+p{margin-top:18px}
.ca-apoio{color:var(--creme-2)}
.ca-texto p{text-wrap:pretty}
.ca-frase{grid-column:1/9;grid-row:3;position:relative;z-index:2;align-self:end;font-family:var(--f-titulo);font-weight:800;font-size:clamp(30px,3.7vw,54px);line-height:.94;letter-spacing:-.022em;color:var(--creme);margin:clamp(64px,8vw,116px) 0 0}
.ca-frase span{display:block;text-wrap:balance}
.ca-frase span+span{margin-top:.08em}
.ca-frase em{font-style:normal;color:var(--brasa-clara)}
.ca-chave{grid-column:1/6;grid-row:4;position:relative;z-index:2;align-self:end;font-size:15.5px;line-height:1.5;color:var(--creme-2);max-width:300px;margin:22px 0 clamp(50px,5vw,74px);padding-left:20px}
.ca-chave::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06)}
.ca-chave b{font-weight:700;color:var(--creme)}
.ca-porta{grid-column:10/13;grid-row:3/5;justify-self:end;align-self:end;position:relative;z-index:3;margin:0;width:236px;height:322px;border-radius:var(--raio) var(--raio) 0 0;overflow:hidden;background:var(--carvao-2);
  box-shadow:0 0 0 1px rgba(255,190,150,.16) inset,0 0 110px -30px rgba(230,120,40,.6),-40px 0 70px -30px rgba(0,0,0,.95)}
.ca-porta::before{content:"";position:absolute;inset:10px 10px -2px;border:1px dashed rgba(255,200,170,.22);border-radius:23px 23px 0 0;z-index:2;pointer-events:none}
.ca-porta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,4,.86) 0,rgba(5,5,4,.3) 30%,transparent 52%,rgba(12,3,3,.42) 100%);z-index:1;pointer-events:none}
.ca-porta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 78%}
.ca-porta figcaption{position:absolute;top:28px;left:0;right:0;text-align:center;z-index:3;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel)}
.ca-porta figcaption b{display:block;color:var(--creme);font-family:var(--f-titulo);font-weight:800;font-size:24px;letter-spacing:-.005em;text-transform:none;line-height:1.05;margin-bottom:4px}

/* índice pendurado na mola */
.ca-indice{max-width:var(--largura);margin:0 auto;position:relative}
.ca-mola{position:relative;height:44px;margin:-22px 0 -6px}
.ca-mola-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ca-mola-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ca-mola-fio{stroke:rgba(243,233,218,.86);stroke-width:1.9}
.ca-mola-tras{stroke:rgba(199,154,91,.4);stroke-width:1.2}
.ca-mola-haste{stroke:rgba(243,233,218,.5);stroke-width:1.3}
.ca-mola-bola{position:absolute;top:50%;left:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 20px 5px rgba(230,34,12,.6);transform:translateX(var(--ca-x,0px));opacity:0}
.ca-mola.ca-viva .ca-mola-bola{opacity:1}
.ca-mola:not(.ca-viva)::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--fio)}
.ca-indice ol{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--fio)}
.ca-indice li+li{border-top:1px solid var(--fio)}
.ca-indice a{display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,4fr) auto;align-items:center;column-gap:24px;padding:24px 0 28px;position:relative}
.ca-n{font-size:12.5px;letter-spacing:.14em;color:var(--mel);font-weight:400}
.ca-nome{font-family:var(--f-titulo);font-weight:800;font-size:clamp(40px,5.2vw,76px);line-height:.9;letter-spacing:-.025em;transition:transform .7s var(--ease),color .3s}
.ca-desc{color:var(--creme-2);font-size:16.5px;max-width:330px}
.ca-desc small{display:block;margin-top:9px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mel);line-height:1.5}
.ca-vai{display:inline-flex;align-items:center;gap:16px;font-size:14px;letter-spacing:.04em;color:var(--creme);white-space:nowrap}
.ca-vai i{width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(243,233,218,.3);position:relative;transition:background .4s,box-shadow .4s}
.ca-vai i::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translate(-50%,-70%) rotate(45deg)}
.ca-indice a:hover .ca-nome,.ca-indice a:focus-visible .ca-nome{transform:translateX(14px)}
.ca-indice a:hover .ca-vai i,.ca-indice a:focus-visible .ca-vai i{background:var(--brasa);box-shadow:0 0 26px -4px rgba(230,34,12,.8)}

@media (max-width:1100px){
  .ca-cab{grid-column:1/11}
  .ca-foto{grid-column:5/13;margin-left:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 30%,#000 66%,transparent 96%);
    mask-image:linear-gradient(90deg,transparent 0,#000 46%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,#000 30%,#000 66%,transparent 96%)}
  .ca-texto{grid-column:1/5}
  .ca-frase{grid-column:1/9}
  .ca-porta{width:200px;height:276px}
  .ca-indice a{grid-template-columns:48px minmax(0,1fr) auto}
  .ca-desc{grid-column:2;grid-row:2;margin-top:8px}
  .ca-vai{grid-column:3;grid-row:1/3}
}
@media (max-width:900px){
  .ca{padding-top:64px}
  .ca-soleira{display:none}
  .ca-palco{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:none;column-gap:16px}
  .ca-cab,.ca-foto,.ca-texto,.ca-frase{grid-column:1/3;grid-row:auto}
  .ca-foto{margin:-14px calc(var(--margem)*-1) 0;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 70%,transparent 100%);
    -webkit-mask-composite:source-over;mask-composite:add}
  .ca-texto{margin-top:-22px;max-width:34em}
  .ca-frase{margin:48px 0 0;font-size:clamp(31px,9vw,40px)}
  .ca-frase span+span{margin-top:.22em}
  .ca-chave{grid-column:1;grid-row:auto;margin:0 0 40px;max-width:none;font-size:15px}
  .ca-porta{grid-column:2;grid-row:auto;margin:34px 0 0;width:min(176px,46vw);height:238px}
  .ca-porta figcaption{top:24px;font-size:9px;letter-spacing:.16em}
  .ca-porta figcaption b{font-size:21px}
  .ca-indice a{grid-template-columns:34px minmax(0,1fr) 46px;column-gap:10px;padding:20px 0 22px}
  .ca-nome{font-size:clamp(38px,12vw,52px)}
  .ca-desc{font-size:15.5px}
  .ca-desc small{font-size:10px;letter-spacing:.13em}
  .ca-vai{font-size:0;gap:0}
}
@media (min-width:561px) and (max-width:900px){
  .ca-frase{grid-column:1;grid-row:4}
  .ca-chave{grid-row:5;margin-top:20px}
  .ca-porta{grid-row:4/6;align-self:end}
}

/* pl */
.pl{position:relative;background:var(--preto);padding:var(--secao) 0;overflow:hidden;isolation:isolate;
  --pl-pad:max(var(--margem),calc((100vw - var(--largura))/2 + var(--margem)));
  --pl-h:clamp(380px,min(68vh,46vw),680px);--pl-ancora:72px}

/* luz: brasa no chão do palco, âmbar à direita, índigo só no alto */
.pl-luz{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen}
.pl-luz i{position:absolute;border-radius:50%;filter:blur(70px)}
.pl-luz i:nth-child(1){left:4%;top:38%;width:52vw;height:30vw;background:radial-gradient(circle,color-mix(in oklab,var(--brasa) 26%,transparent) 0,transparent 68%);animation:pl-respira 9s cubic-bezier(.45,0,.55,1) infinite alternate}
.pl-luz i:nth-child(2){right:-10%;top:46%;width:44vw;height:26vw;background:radial-gradient(circle,color-mix(in oklab,var(--ambar) 24%,transparent) 0,transparent 70%)}
.pl-luz i:nth-child(3){left:30%;top:20%;width:60vw;height:16vw;background:radial-gradient(circle,color-mix(in oklab,var(--indigo) 46%,transparent) 0,transparent 70%)}
@keyframes pl-respira{from{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}

/* cabeçalho */
.pl-cab{max-width:var(--largura);margin:0 auto;padding:0 var(--margem);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,80px);align-items:end}
.pl-cab .olho{margin-bottom:22px}
.pl-titulo{max-width:11em}
.pl-intro{color:var(--creme-2);max-width:25em;padding-bottom:.5em}

/* palco: o teto de LED e o trilho */
.pl-palco{position:relative;margin-top:clamp(36px,4.4vw,64px)}
.pl-led{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 2%,var(--indigo-claro) 22%,var(--indigo-claro) 64%,transparent 96%);opacity:.75;box-shadow:0 0 18px 1px rgba(127,134,255,.55),0 10px 60px 6px rgba(44,49,146,.6)}
.pl-trilho{position:relative;display:flex;align-items:flex-end;gap:clamp(48px,7vw,120px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--pl-pad);padding:clamp(20px,2.4vw,34px) var(--pl-pad) 40px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}
.pl-trilho::-webkit-scrollbar{display:none}
.pl-trilho.pl-arrasta{scroll-snap-type:none;cursor:grabbing;user-select:none}
.pl-trilho:focus-visible{outline:2px solid var(--mel);outline-offset:-6px;border-radius:var(--raio-p)}

.pl-peca{flex:none;display:flex;align-items:flex-end;scroll-snap-align:start;height:var(--pl-h)}
.pl-foto{margin:0;height:100%;flex:none;position:relative}
.pl-foto img{position:relative;mix-blend-mode:screen;height:100%;width:auto;max-width:none;display:block;user-select:none;-webkit-user-drag:none;transition:filter 1.1s var(--ease);translate:var(--pl-dx,0) 0;will-change:translate}
.pl-txt{translate:var(--pl-tx,0) 0}
/* a poça de luz no chão, debaixo de cada aparelho */
.pl-foto::before{content:"";position:absolute;left:-12%;right:-12%;bottom:-7%;height:34%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--brasa) 34%,transparent) 0,color-mix(in oklab,var(--ambar) 16%,transparent) 46%,transparent 100%);filter:blur(26px);transition:opacity 1.1s var(--ease)}
/* com JS: só o aparelho em que você parou fica aceso */
.pl-js .pl-peca .pl-foto img{filter:brightness(.42) saturate(.75)}
.pl-js .pl-peca .pl-foto::before{opacity:.25}
.pl-js .pl-peca.pl-ativa .pl-foto img{filter:none}
.pl-js .pl-peca.pl-ativa .pl-foto::before{opacity:1}
.pl-js .pl-peca .pl-txt{opacity:.38;transition:opacity .9s var(--ease)}
.pl-js .pl-peca.pl-ativa .pl-txt{opacity:1}
.pl-txt::before{content:"";position:absolute;inset:-56px -70px -48px -64px;z-index:-1;background:radial-gradient(closest-side,rgba(5,5,4,.78) 30%,rgba(5,5,4,.4) 68%,transparent 100%);pointer-events:none}
.pl-txt{position:relative;z-index:1;flex:none;width:max-content;max-width:430px;margin-left:clamp(-90px,-5vw,-40px);padding-bottom:clamp(8px,2vw,30px)}
.pl-num{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel);font-weight:400;display:flex;align-items:center;gap:14px}
.pl-num b{font-family:var(--f-titulo);font-weight:800;font-size:22px;letter-spacing:0;color:var(--creme);line-height:1}
.pl-num b::after{content:"";display:inline-block;width:26px;height:1px;background:var(--fio);vertical-align:middle;margin-left:14px}
.pl-nome{font-family:var(--f-titulo);font-weight:800;font-size:clamp(64px,9.4vw,148px);line-height:.84;letter-spacing:-.03em;color:var(--creme);margin:14px 0 22px;white-space:nowrap;text-shadow:0 2px 30px rgba(5,5,4,.7)}
.pl-nome::after{content:".";color:var(--brasa)}
.pl-frase{max-width:21.5em;color:var(--creme);font-size:16.5px;line-height:1.55}
.pl-bolas .pl-nome{font-size:clamp(54px,7vw,108px);white-space:normal;max-width:4.6em}
.pl-reformer .pl-txt{margin-left:clamp(-280px,-18vw,-90px)}
.pl-cadillac .pl-txt,.pl-espaldar .pl-txt,.pl-bolas .pl-txt{margin-left:clamp(-36px,-2vw,-12px)}

/* a última parada: a porta acesa por dentro, como a do hero */
.pl-hora{width:calc(100vw - 2*var(--pl-pad));min-width:0}
.pl-porta{position:relative;width:100%;height:100%;border-radius:var(--raio) var(--raio) 0 0;overflow:hidden;padding:clamp(30px,4vw,60px) clamp(28px,5vw,76px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(28px,6vw,110px);align-items:end;
  background:
    radial-gradient(60% 70% at 24% 112%,rgba(240,120,50,.5) 0,rgba(196,52,16,.34) 40%,transparent 76%),
    radial-gradient(70% 60% at 90% 120%,rgba(125,1,3,.7) 0,transparent 70%),
    linear-gradient(180deg,#15090a 0,#1e0909 55%,#120505 100%);
  box-shadow:0 1px 0 0 rgba(120,130,255,.75) inset,0 14px 34px -12px rgba(60,70,220,.45) inset,0 0 0 1px rgba(255,190,150,.13) inset}
.pl-porta::before{content:"";position:absolute;inset:10px 10px -2px;border:1px dashed rgba(255,200,170,.2);border-radius:23px 23px 0 0;pointer-events:none}
.pl-porta-a{display:flex;flex-direction:column;align-items:flex-start;height:100%}
.pl-porta .pl-nome{white-space:normal;margin:auto 0 20px;padding-top:20px;font-size:clamp(64px,8vw,124px)}
.pl-porta .pl-frase{color:var(--creme-2)}
.pl-btn{margin-top:26px}
.pl-porta-b{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:0}
.pl-dias{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--creme-2)}
.pl-dias::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fio)}
.pl-dias li{position:relative;padding-top:14px}
.pl-dias li::before{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06)}
.pl-dias .pl-dom{color:rgba(243,233,218,.4)}
.pl-dias .pl-dom::before{background:#40382f}
.pl-horas{margin:0;display:grid}
.pl-horas div{padding:clamp(14px,2vw,26px) 0 clamp(10px,1.4vw,18px);border-top:1px solid var(--fio)}
.pl-horas dt{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel);margin-bottom:6px}
.pl-horas dd{margin:0;font-family:var(--f-titulo);font-weight:800;font-size:clamp(48px,7.2vw,112px);line-height:.9;letter-spacing:-.03em;color:var(--creme);white-space:nowrap}

/* o fio com sete pontos; a mola e a bola marcam onde você parou */
.pl-fio{position:relative;margin:26px var(--pl-pad) 0;padding-left:var(--pl-ancora)}
.pl-fio::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(243,233,218,.34),rgba(243,233,218,.14))}
.pl-fio::after{content:"";position:absolute;left:0;top:-13px;width:2px;height:27px;border-radius:2px;background:var(--creme-2)}
.pl-mola{position:absolute;left:0;top:-16px;width:100%;height:32px;filter:drop-shadow(0 0 6px rgba(240,110,78,.45));overflow:visible;pointer-events:none}
.pl-mola path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.pl-mola-s{stroke:rgba(5,5,4,.92);stroke-width:4}
.pl-mola-l{stroke:var(--creme-2);stroke-width:1.25}
.pl-bola{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 18px 4px rgba(230,34,12,.7);transform:translateX(calc(var(--pl-ancora) + 4.5px));will-change:transform;pointer-events:none;z-index:2}
.pl-pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative}
.pl-pt{all:unset;box-sizing:border-box;display:block;width:100%;position:relative;cursor:pointer;padding:18px 4px 12px 0;min-height:48px;white-space:nowrap;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,233,218,.5);transition:color .35s}
.pl-pt::before{content:"";position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#40382f;transition:background .35s}
.pl-pt i{font-style:normal;color:rgba(243,233,218,.36);margin-right:8px;letter-spacing:.06em}
.pl-pt:hover{color:var(--creme)}
.pl-pt.pl-foi::before{background:#8a2c18}
.pl-pt.pl-on{color:var(--creme)}
.pl-pt.pl-on i{color:var(--mel)}
.pl-pt:focus-visible{outline:2px solid var(--mel);outline-offset:2px;border-radius:4px}
.pl-pe{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px var(--pl-pad) 0}
.pl-agora{font-size:13.5px;color:var(--creme-2)}
.pl-setas{display:flex;gap:10px}
.pl-seta{all:unset;box-sizing:border-box;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--creme);box-shadow:inset 0 0 0 1px rgba(243,233,218,.3);transition:background .3s,opacity .3s}
.pl-seta svg{width:22px;height:22px}
.pl-seta:hover{background:rgba(243,233,218,.08)}
.pl-seta:focus-visible{outline:2px solid var(--mel);outline-offset:3px}
.pl-seta[disabled]{opacity:.3;cursor:default}

/* fatos da casa */
.pl-fatos{list-style:none;max-width:var(--largura);margin:clamp(48px,7vw,96px) auto 0;padding:0 var(--margem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.pl-fatos li{padding:22px 24px 4px 0;border-top:1px solid var(--fio);display:flex;flex-direction:column;gap:8px}
.pl-fatos li+li{padding-left:24px;border-left:1px solid var(--fio)}
.pl-fatos b::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:12px;vertical-align:.18em;background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06)}
.pl-fatos b{font-family:var(--f-titulo);font-weight:800;font-size:27px;line-height:1;letter-spacing:-.01em;color:var(--creme)}
.pl-fatos span{font-size:15px;color:var(--creme-2);line-height:1.45}

@media (min-width:1181px){
  /* as setas vão para a ponta do fio */
  .pl-fio{margin-right:calc(var(--pl-pad) + 138px)}
  .pl-pe{position:absolute;right:var(--pl-pad);bottom:24px;margin:0}
  .pl-agora{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (max-width:1180px){
  .pl-pt span{display:none}
  .pl-pt i{color:rgba(243,233,218,.5)}
}
@media (max-width:760px){
  .pl{--pl-ancora:50px}
  .pl-cab{grid-template-columns:1fr;gap:20px}
  .pl-cab .olho{margin-bottom:16px}
  .pl-trilho{gap:26px;align-items:stretch;padding-top:34px;padding-bottom:24px}
  .pl-peca{height:auto;flex-direction:column;align-items:flex-start;width:80vw}
  .pl-txt::before{display:none}
  .pl-foto{height:auto;aspect-ratio:1/1.1;width:100%;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .pl-foto::before{display:none}
  .pl-foto img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
  .pl-reformer .pl-foto img{object-position:36% 60%}
  .pl-cadillac .pl-foto img{object-position:50% 58%}
  .pl-chair .pl-foto img{object-position:46% 40%}
  .pl-barril .pl-foto img{object-position:42% 50%}
  .pl-espaldar .pl-foto img{object-position:50% 50%}
  .pl-bolas .pl-foto img{object-position:50% 40%}
  .pl-num{white-space:nowrap}
  .pl-txt,.pl-reformer .pl-txt,.pl-cadillac .pl-txt,.pl-espaldar .pl-txt,.pl-bolas .pl-txt{margin:-18px 0 0;width:100%;max-width:none;padding-bottom:0}
  .pl-nome{font-size:58px;margin:10px 0 14px}
  .pl-bolas .pl-nome{font-size:50px}
  .pl-frase{font-size:16px}
  .pl-hora{width:calc(100vw - 2*var(--pl-pad))}
  .pl-porta{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:32px 26px 30px;border-radius:var(--raio)}
  .pl-porta::before{inset:10px;border-radius:23px}
  .pl-porta-a{height:auto}
  .pl-porta .pl-nome{margin:14px 0 14px;padding:0;font-size:58px}
  .pl-horas dd{font-size:52px}
  .pl-porta-b{height:auto;gap:18px}
  .pl-dias{font-size:10px;letter-spacing:.1em}
  .pl-btn{margin-top:20px}
  .pl-fio{margin-top:14px}
  .pl-pt{padding:16px 0 10px;font-size:10.5px;letter-spacing:.06em}
  .pl-pt i{margin:0}
  .pl-seta{width:44px;height:44px}
  .pl-fatos{grid-template-columns:1fr 1fr;margin-top:44px}
  .pl-fatos li{padding:18px 14px 18px 0}
  .pl-fatos li+li{padding-left:0;border-left:0}
  .pl-fatos li:nth-child(even){padding-left:16px;border-left:1px solid var(--fio)}
  .pl-fatos b{font-size:23px}
  .pl-fatos span{font-size:14.5px}
  .pl-luz i:nth-child(1){left:-20%;top:30%;width:120vw;height:80vw}
  .pl-luz i:nth-child(3){left:0;top:16%;width:110vw;height:40vw}
}

/* es */
.es{position:relative;background:var(--preto);padding:var(--secao) 0;overflow:hidden;isolation:isolate;
  --es-tom:color-mix(in oklab,var(--mel) 80%,var(--creme));--es-halo:var(--ambar)}
.es{--es-tom-rosto:color-mix(in oklab,var(--mel) 80%,var(--creme));--es-tom-corpo:color-mix(in oklab,var(--brasa-clara) 84%,var(--creme))}
.es[data-es-lado="corpo"]{--es-tom:var(--es-tom-corpo);--es-halo:var(--brasa)}

/* luz: resto de brasa no alto (vem do pilates), âmbar e mel depois; some antes das bordas */
.es-luz{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%)}
.es-luz i{position:absolute;border-radius:50%;filter:blur(70px)}
.es-luz i:nth-child(1){left:-16%;top:2%;width:52vw;height:40vw;background:radial-gradient(circle,color-mix(in oklab,var(--brasa) 30%,transparent) 0,color-mix(in oklab,var(--brasa-funda) 30%,transparent) 40%,transparent 70%)}
.es-luz i:nth-child(2){right:-18%;top:10%;width:64vw;height:46vw;background:radial-gradient(circle,color-mix(in oklab,var(--ambar) 40%,transparent) 0,transparent 70%);animation:es-respira 32s ease-in-out infinite alternate}
.es-luz i:nth-child(3){left:18%;bottom:6%;width:60vw;height:32vw;background:radial-gradient(circle,color-mix(in oklab,var(--mel) 22%,transparent) 0,transparent 70%);animation:es-respira 36s ease-in-out infinite alternate-reverse}
.es-luz i:nth-child(4){right:-14%;top:16%;width:60vw;height:44vw;background:radial-gradient(circle,color-mix(in oklab,var(--brasa) 30%,transparent) 0,color-mix(in oklab,var(--brasa-funda) 26%,transparent) 42%,transparent 70%);opacity:0;transition:opacity 1.3s var(--ease)}
.es-luz i:nth-child(2),.es-luz i:nth-child(3){transition:opacity 1.3s var(--ease)}
.es[data-es-lado="corpo"] .es-luz i:nth-child(4){opacity:1}
.es[data-es-lado="corpo"] .es-luz i:nth-child(2){opacity:.3}
@keyframes es-respira{to{transform:translate(-4vw,3vh) scale(1.12)}}

.es-dentro{max-width:calc(var(--largura) + 2*var(--margem));margin:0 auto;padding:0 var(--margem)}
.es-topo .olho{margin-bottom:24px}
.es-t2{font-size:clamp(46px,7.4vw,112px);line-height:.86;letter-spacing:-.028em}
.es-t2 i{text-shadow:0 0 .22em rgba(240,60,30,.9),0 0 .6em rgba(230,34,12,.55)}
.es-intro{color:var(--creme-2);max-width:47ch;margin-top:clamp(24px,3vw,38px)}

/* seletor: o fio do hero com duas paradas; a bola fica na escolhida */
.es-seletor{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);margin-top:clamp(52px,7vw,100px);position:relative}
.es-seletor::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--brasa-clara),rgba(243,233,218,.28) 30%,rgba(243,233,218,.14))}
.es-aba{appearance:none;background:none;border:0;margin:0;padding:22px 0 6px;cursor:pointer;color:rgba(243,233,218,.5);font:inherit;text-align:left;display:flex;align-items:baseline;gap:14px;position:relative;justify-self:start;transition:color .5s var(--ease)}
.es-aba::before{content:"";position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#40382f;transition:background .35s,box-shadow .35s,transform .5s var(--ease)}
.es-aba b{font-family:var(--f-titulo);font-weight:800;font-size:clamp(34px,3.6vw,50px);line-height:1;letter-spacing:-.02em}
.es-aba small{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;white-space:nowrap}
.es-aba[aria-pressed="true"]{color:var(--creme)}
.es-aba[aria-pressed="true"] small{color:var(--mel)}
.es-aba[aria-pressed="true"]::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 18px 4px rgba(230,34,12,.75);transform:scale(1.8)}
.es-aba:hover{color:var(--creme)}
.es:not(.es-js) .es-seletor{display:none}

/* palco e listas */
.es-palco{position:relative;margin-top:clamp(26px,3.4vw,44px)}
.es-h3{font-family:var(--f-titulo);font-weight:800;font-size:clamp(34px,3.6vw,50px);line-height:1;letter-spacing:-.02em;margin:clamp(48px,7vw,96px) 0 26px;padding-top:22px;border-top:1px solid var(--fio)}
.es-js .es-h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.es-js .es-painel[hidden]{display:none}
.es-lista{margin:0;padding:0}
.es-item{--es-p:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,372px);gap:8px 48px;align-items:first baseline;padding:clamp(20px,2.1vw,30px) 0 clamp(14px,1.5vw,22px);position:relative}
/* o fio de cada linha: apagado é 1 px quase invisível; aceso, corre da esquerda */
.es-item::before,.es-item::after{content:"";position:absolute;top:0;left:56px;right:0;height:1px;pointer-events:none}
.es-item::before{background:rgba(243,233,218,.09)}
.es-item::after{background:linear-gradient(90deg,var(--es-tom) 0,color-mix(in oklab,var(--es-tom) 40%,transparent) 55%,transparent 100%);transform-origin:0 50%;transform:scaleX(var(--es-p));opacity:var(--es-p)}
.es:not(.es-js) .es-item::after{display:none}
.es-nome{margin:0;font-family:var(--f-titulo);font-weight:800;font-size:clamp(40px,6.7vw,98px);line-height:.86;letter-spacing:-.028em;padding-left:56px;position:relative;text-wrap:balance;
  color:color-mix(in oklab,var(--es-tom) calc(var(--es-p)*100%),color-mix(in oklab,var(--es-tom) 30%,rgba(243,233,218,.44)));
  text-shadow:0 0 .55em color-mix(in oklab,var(--es-halo) calc(var(--es-p)*46%),transparent)}
.es-n{position:absolute;left:0;top:.7em;font-family:var(--f-texto);font-weight:400;font-size:11.5px;letter-spacing:.2em;line-height:1;color:var(--mel);text-shadow:none;opacity:calc(.8 + var(--es-p)*.2)}
.es-pal{display:block}
.es-comp{display:block;margin-top:12px;font-family:var(--f-texto);font-weight:400;font-size:11.5px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--mel);text-shadow:none;opacity:calc(.8 + var(--es-p)*.2)}
.es-comp sub{font-size:.8em;vertical-align:baseline;position:relative;top:.3em}
.es-oque{margin:0;font-size:17.5px;line-height:1.5;color:color-mix(in oklab,var(--creme) calc(var(--es-p)*100%),color-mix(in oklab,var(--creme-2) 82%,var(--preto)))}
.es-js .es-item{--es-p:0}

/* passagem de um lado para o outro, no fim da lista: tem a cor do lado para onde leva */
.es-troca{appearance:none;background:none;border:0;margin:0;width:100%;font:inherit;text-align:left;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding-left:56px;--es-tom:var(--es-tom-corpo);--es-halo:var(--brasa);
  color:color-mix(in oklab,var(--es-tom) calc(40% + var(--es-p)*60%),rgba(243,233,218,.5))}
.es-troca[data-es-ver="rosto"]{--es-tom:var(--es-tom-rosto);--es-halo:var(--ambar)}
.es-troca small{flex:0 0 100%;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--mel);margin-bottom:6px}
.es-troca b{font-family:var(--f-titulo);font-weight:800;font-size:clamp(40px,6.7vw,98px);line-height:.86;letter-spacing:-.028em;text-shadow:0 0 .55em color-mix(in oklab,var(--es-halo) calc(var(--es-p)*46%),transparent)}
.es-troca svg{width:clamp(40px,4.4vw,62px);height:clamp(40px,4.4vw,62px);flex:none;padding:clamp(9px,1vw,15px);border-radius:50%;box-shadow:inset 0 0 0 1px currentColor;transition:transform .6s var(--ease)}
.es-troca:hover svg{transform:translateX(8px)}
.es:not(.es-js) .es-troca{display:none}
.es-js .es-painel:not([hidden]){animation:es-chega .8s var(--ease) both}
@keyframes es-chega{from{opacity:0}to{opacity:1}}

/* o gesto: uma luz parada na linha de leitura; os nomes acendem ao passar por ela */
.es-brilho{display:none}
.es-js .es-brilho{display:block;position:absolute;z-index:-1;left:-14%;top:0;width:86%;height:520px;margin-top:-260px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(closest-side,color-mix(in oklab,var(--es-halo) 46%,transparent) 0,color-mix(in oklab,var(--es-halo) 16%,transparent) 45%,transparent 100%);filter:blur(34px);
  transform:translateY(var(--es-y,120px));opacity:var(--es-v,0);transition:opacity .8s,background 1s}

/* fecho */
.es-fim{margin-top:clamp(64px,9vw,128px);padding-left:56px}
.es-frase{font-family:var(--f-titulo);font-weight:500;font-size:clamp(32px,4.6vw,66px);line-height:.96;letter-spacing:-.022em;color:var(--creme);max-width:19ch;margin-top:20px;text-wrap:balance}
.es-frase b{font-weight:800;color:var(--es-tom-rosto)}
.es-link{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(30px,4vw,48px);font-size:15.5px;color:var(--creme);padding:10px 0;border-bottom:1px solid rgba(243,233,218,.34);transition:border-color .4s,color .4s}
.es-link svg{width:20px;height:20px;flex:none;transition:transform .5s var(--ease)}
.es-link:hover{border-color:var(--mel);color:var(--mel)}
.es-link:hover svg{transform:translateX(5px)}

@media (max-width:900px){
  .es-t2{font-size:clamp(46px,13.4vw,84px)}
  .es-item::before,.es-item::after{left:30px}
  .es-troca.es-item{padding-left:30px;display:flex}
  .es-troca b{font-size:clamp(40px,12vw,72px)}
  .es-seletor{grid-template-columns:1fr 1fr}
  .es-aba{flex-direction:column;gap:6px}
  .es-aba small{font-size:10.5px;letter-spacing:.16em}
  .es-item{grid-template-columns:1fr;gap:12px;padding:18px 0}
  .es-nome{padding-left:30px;font-size:clamp(40px,12vw,72px)}
  .es-oque{padding-left:30px;max-width:44ch;font-size:16px}
  .es-n{font-size:10.5px;letter-spacing:.12em}
  .es-comp{font-size:10.5px;letter-spacing:.16em;margin-top:10px}
  .es-js .es-brilho{left:-30%;width:150%;height:400px;margin-top:-200px}
  .es-fim{padding-left:0}
}

/* co */
.co{position:relative;background:var(--preto);padding:var(--secao) var(--margem);overflow:hidden;isolation:isolate}
.co-luz{position:absolute;inset:0;z-index:-1;mix-blend-mode:screen;pointer-events:none}
.co-luz i{position:absolute;border-radius:50%;filter:blur(70px)}
.co-luz i:nth-child(1){right:-4%;top:26%;width:44vw;height:38vw;background:radial-gradient(circle,color-mix(in oklab,var(--ambar) 36%,transparent) 0,transparent 68%)}
.co-luz i:nth-child(2){left:-14%;top:46%;width:38vw;height:30vw;background:radial-gradient(circle,color-mix(in oklab,var(--brasa-funda) 34%,transparent) 0,transparent 70%)}

.co-grade{max-width:var(--largura);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) min(440px,34vw);column-gap:clamp(40px,6vw,96px)}
.co-grade{position:relative;border-bottom:1px solid var(--fio)}
/* a luz da porta escorre pela soleira */
.co-grade::after{content:"";position:absolute;right:-60px;top:100%;width:calc(min(440px,34vw) + 120px);height:190px;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(50% 100% at 50% 0,rgba(240,120,50,.3) 0,rgba(196,52,16,.12) 45%,transparent 75%)}
.co-cab{grid-column:1 / -1}
.co-cab .t2{margin-top:18px}
.co-lede{margin-top:26px;max-width:27em;color:var(--creme-2);font-size:19px;line-height:1.5}

/* os três momentos: um fio em pé, três bolas, e o fio termina no botão */
.co-passos{grid-column:1;list-style:none;margin:clamp(48px,6vw,84px) 0 0;padding:0;position:relative;max-width:640px;--co-p:1}
.co-passos::before,.co-passos::after{content:"";position:absolute;left:8px;top:14px;bottom:-34px;width:1px;background:var(--fio)}
.co-passos::after{background:linear-gradient(180deg,var(--brasa-clara),var(--brasa));transform-origin:50% 0;transform:scaleY(var(--co-p));box-shadow:0 0 12px rgba(230,34,12,.7)}
.co-passo{position:relative;padding:0 0 clamp(36px,4.2vw,56px) 56px}
.co-bola{position:absolute;left:0;top:6px;width:17px;height:17px;border-radius:50%;z-index:1;background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 18px 3px rgba(230,34,12,.6);transition:background .5s,box-shadow .5s,transform .6s var(--ease)}
.co-n{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel);font-weight:400}
.co-h{font-family:var(--f-titulo);font-weight:800;font-size:clamp(29px,3.3vw,46px);line-height:.96;letter-spacing:-.018em;margin:8px 0 12px;color:var(--creme);transition:color .5s;text-wrap:balance}
.co-p{color:var(--creme-2);max-width:27em;transition:opacity .5s}
.co-p b{font-weight:400;color:var(--creme)}
.co-vivo .co-passo:not(.co-aceso) .co-bola{background:#40382f;box-shadow:none;transform:scale(.7)}
.co-vivo .co-passo:not(.co-aceso) .co-h{color:rgba(243,233,218,.5)}
.co-vivo .co-passo:not(.co-aceso) .co-p{opacity:.55}

.co-acao{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;padding:0 0 clamp(56px,6vw,84px);position:relative;z-index:1}
.co-fone{font-size:15px;color:var(--creme-2)}

/* a porta, agora com a sala dela dentro */
.co-porta{grid-column:2;grid-row:2 / span 2;align-self:end;margin:0;position:relative;width:100%;aspect-ratio:440/650;border-radius:var(--raio) var(--raio) 0 0;overflow:hidden;
  background:linear-gradient(180deg,#15090a 0,#22090a 55%,#120505 100%);
  box-shadow:0 0 130px -30px rgba(230,60,20,.62),-40px 0 70px -30px rgba(0,0,0,.9)}
.co-porta::before{content:"";position:absolute;inset:10px 10px -2px;border:1px dashed rgba(255,200,170,.22);border-radius:23px 23px 0 0;z-index:4;pointer-events:none}
/* teto escuro com o LED no alto, calor da casa por cima do cinza da sala, sombra na base */
.co-porta::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(16,6,8,.97) 0,rgba(24,8,8,.9) 13%,rgba(52,16,10,.52) 27%,rgba(110,44,18,.14) 44%,transparent 70%,rgba(12,3,3,.55) 100%);
  box-shadow:0 1px 0 0 rgba(120,130,255,.75) inset,0 14px 34px -12px rgba(60,70,220,.5) inset,0 0 0 1px rgba(255,190,150,.13) inset}
.co-porta img{position:absolute;left:0;width:100%;height:auto;max-width:none}
.co-ela{bottom:0;z-index:1;filter:sepia(.22) saturate(1.08) contrast(1.05) brightness(.9);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
/* a mesma sala, espelhada e desfocada, sobe até o alto da porta */
.co-fundo{bottom:calc(100% * 866 / 842 * 440 / 650 - 2px);transform:scaleY(-1) scale(1.12);transform-origin:50% 100%;filter:blur(20px) sepia(.3) brightness(.82)}
.co-porta figcaption{position:absolute;top:30px;left:0;right:0;text-align:center;z-index:3;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel)}

/* a nota, como dado: um bloco só, do outro lado da soleira */
.co-nota{max-width:var(--largura);margin:clamp(44px,5.4vw,76px) auto 0;display:flex;align-items:flex-end;gap:clamp(28px,4vw,60px)}
.co-num{font-family:var(--f-titulo);font-weight:800;font-size:clamp(170px,24vw,340px);line-height:.66;letter-spacing:-.05em;color:var(--creme);padding-bottom:.06em;flex:none}
.co-num i{font-style:normal;color:var(--brasa);text-shadow:0 0 .12em rgba(240,60,30,.6)}
.co-nota-txt{padding-bottom:6px;max-width:330px}
.co-nota-l{margin-top:14px;font-size:17.5px;color:var(--creme-2)}
.co-nota-l b{display:block;font-family:var(--f-titulo);font-weight:800;font-size:clamp(34px,3.4vw,48px);line-height:.95;letter-spacing:-.018em;color:var(--creme);margin-bottom:6px}
/* 35 pontos: um por avaliação */
.co-pontos{display:grid;grid-template-columns:repeat(18,7px);gap:7px;margin:18px 0 22px}
.co-pontos i{width:7px;height:7px;border-radius:50%;background:color-mix(in oklab,var(--mel) 62%,transparent)}
.co-ler{display:inline-block;padding:6px 0;color:var(--mel);border-bottom:1px solid color-mix(in oklab,var(--mel) 50%,transparent);transition:color .3s,border-color .3s}
.co-ler:hover{color:var(--creme);border-color:var(--creme)}
.co-so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media (max-width:900px){
  .co-grade{grid-template-columns:1fr;border-bottom:0}
  .co-grade::after{display:none}
  .co-cab{order:1}
  .co-porta{grid-column:1;grid-row:auto;order:2;width:min(320px,82vw);margin:44px auto 0;justify-self:center}
  .co-passos{order:3;margin-top:0;padding-top:52px;border-top:1px solid var(--fio)}
  .co-passos::before,.co-passos::after{top:66px;bottom:-20px}
  .co-passo{padding-left:40px}
  .co-acao{order:4;padding-bottom:0;justify-content:center}
  .co-acao .btn{width:100%;justify-content:center}
  .co-lede{font-size:17.5px}
  .co-nota{display:block;margin-top:64px;padding-top:48px;border-top:1px solid var(--fio)}
  .co-num{font-size:52vw}
  .co-nota-txt{margin-top:30px;max-width:none}
}

/* lo */
.lo{position:relative;background:var(--preto);overflow:hidden;isolation:isolate;padding:calc(var(--secao)*.7) 0 calc(var(--secao)*.8)}
.lo-dentro{max-width:calc(var(--largura) + 2*var(--margem));margin:0 auto;padding:0 var(--margem);position:relative}

/* luz: o índigo do LED no alto, brasa junto da semana */
.lo-luz{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen}
.lo-luz i{position:absolute;border-radius:50%}
.lo-luz i:nth-child(1){right:-6vw;top:40px;width:64vw;height:520px;background:radial-gradient(closest-side,color-mix(in oklab,var(--indigo) 92%,transparent) 0,color-mix(in oklab,var(--indigo) 40%,transparent) 46%,transparent 100%);animation:lo-respira 34s ease-in-out infinite alternate}
.lo-luz i:nth-child(2){left:-14vw;top:700px;width:60vw;height:520px;background:radial-gradient(closest-side,color-mix(in oklab,var(--brasa-funda) 30%,transparent) 0,transparent 100%)}
@keyframes lo-respira{to{transform:translate(-4vw,24px) scale(1.07)}}

/* alto: a vitrine é a cena; título, endereço e botões por cima da parte escura */
.lo-alto{position:relative;min-height:clamp(500px,45vw,640px);display:flex;align-items:center}
.lo-cab{position:relative;z-index:1;max-width:640px}
.lo-titulo{margin:18px 0 0;max-width:8.6em}
.lo-end{font-style:normal;font-size:17.5px;line-height:1.6;color:var(--creme);margin:clamp(26px,3vw,40px) 0 0}
.lo-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.lo-foto{margin:0;position:absolute;z-index:0;top:50%;right:calc(var(--margem)*-1);width:min(60vw,820px);translate:0 -50%}
.lo-foto img{width:100%;height:auto;
  -webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 46%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 4%,#000 46%,#000 60%,transparent 96%);
  mask-image:linear-gradient(90deg,transparent 2%,#000 46%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 4%,#000 46%,#000 60%,transparent 96%);
  -webkit-mask-composite:source-in;mask-composite:intersect}

/* a semana: a tabela de horários */
.lo-quando{margin-top:clamp(36px,5vw,72px)}
.lo-qcab{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 32px;margin-bottom:clamp(40px,4.4vw,60px)}
.lo-qcab .olho{grid-column:1/-1}
.lo-agora{font-family:var(--f-titulo);font-weight:800;font-size:clamp(34px,4.6vw,68px);line-height:.92;letter-spacing:-.025em;color:var(--creme);position:relative;padding-left:.66em;min-height:.92em}
.lo-agora::before{content:"";position:absolute;left:0;top:.34em;width:.36em;height:.36em;border-radius:50%;background:#40382f}
.lo.lo-aberto .lo-agora::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 18px 4px rgba(230,34,12,.7);animation:lo-pulso 3.6s ease-in-out infinite}
@keyframes lo-pulso{50%{box-shadow:0 0 28px 8px rgba(230,34,12,.45)}}
.lo-rel{font-size:14px;color:var(--creme-2);padding-bottom:.5em;font-variant-numeric:tabular-nums}

.lo-dias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative;border-top:1px solid rgba(243,233,218,.2)}
.lo-dias li{position:relative;padding:44px 8px 30px 0;isolation:isolate}
.lo-dias li::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:#40382f;transition:background .35s,box-shadow .35s,transform .35s var(--ease)}
.lo-d{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--creme-2);transition:color .35s}
.lo-d abbr{text-decoration:none}
.lo-h{display:block;margin-top:14px;font-family:var(--f-titulo);font-weight:800;font-size:clamp(20px,2.3vw,32px);line-height:1;letter-spacing:-.01em;color:var(--creme-2);transition:color .35s}
.lo-h b{display:block;font-weight:800;font-size:clamp(56px,7.4vw,112px);line-height:.74;letter-spacing:-.04em;color:rgba(243,233,218,.8);margin-bottom:.16em;transition:color .35s}
.lo-dom .lo-h{color:rgba(243,233,218,.6)}
.lo-dom .lo-h i{display:block;width:calc(clamp(56px,7.4vw,112px)*.5);height:calc(clamp(56px,7.4vw,112px)*.5);margin:calc(clamp(56px,7.4vw,112px)*.2) 0 calc(clamp(56px,7.4vw,112px)*.2);border-radius:50%;box-shadow:inset 0 0 0 2px rgba(243,233,218,.28)}
/* o dia de hoje andando: das portas abertas até fechar */
.lo-prog{display:none}
.lo-dias li[data-a]::after{background:linear-gradient(90deg,var(--brasa),var(--brasa-clara)) 0 100%/calc(100%*var(--lo-p,0)) 3px no-repeat,linear-gradient(rgba(243,233,218,.16),rgba(243,233,218,.16)) 0 100%/100% 3px no-repeat,radial-gradient(90% 60% at 50% 100%,rgba(196,52,16,.5) 0,transparent 80%),linear-gradient(180deg,#1a0a09 0,#240a09 60%,#160605 100%)}
.lo-dom::before{background:var(--preto)!important;box-shadow:inset 0 0 0 1.5px #5a5047}
.lo-dias li.lo-passou::before{background:#8a2c18}
/* hoje: a coluna vira a porta acesa do hero */
.lo-dias li::after{content:"";position:absolute;z-index:-1;inset:16px 14px 0 -22px;border-radius:26px 26px 0 0;opacity:0;transition:opacity .35s;pointer-events:none;
  background:radial-gradient(90% 60% at 50% 100%,rgba(196,52,16,.5) 0,transparent 80%),linear-gradient(180deg,#1a0a09 0,#240a09 60%,#160605 100%);
  box-shadow:0 1px 0 0 rgba(120,130,255,.7) inset,0 14px 30px -14px rgba(60,70,220,.45) inset,0 0 0 1px rgba(255,190,150,.12) inset,0 0 90px -30px rgba(230,60,20,.6)}
.lo-dias li.lo-hoje::after{opacity:1}
.lo-dias li.lo-hoje::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 18px 4px rgba(230,34,12,.75);transform:scale(1.7)}
.lo-dias li.lo-hoje .lo-d{color:var(--mel)}
.lo-dias li.lo-hoje .lo-h,.lo-dias li.lo-hoje .lo-h b{color:var(--creme)}
.lo-nota{font-size:14px;color:var(--creme-2);padding-top:22px;border-top:1px solid var(--fio)}

/* como chegar: o esquema da entrequadra e os três passos */
.lo-chegar{margin-top:clamp(64px,8vw,120px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.lo-mapa{margin:0;position:relative;border-radius:var(--raio);padding:clamp(18px,2.4vw,34px);background:linear-gradient(180deg,var(--carvao) 0,#0a0806 100%);box-shadow:0 0 0 1px var(--fio) inset,0 1px 0 0 rgba(120,130,255,.5) inset,0 14px 34px -16px rgba(60,70,220,.4) inset}
.lo-mapa::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,200,170,.16);border-radius:23px;pointer-events:none}
.lo-mapa svg{display:block;width:100%;height:auto}
.lo-mapa figcaption{font-size:13px;line-height:1.45;color:var(--creme-2);margin-top:10px;padding:0 6px 4px;max-width:44ch}
.lo-passos{list-style:none;margin:26px 0 0 5px;padding:0;border-left:1px solid rgba(243,233,218,.2)}
.lo-passos li{position:relative;padding:0 0 30px 30px}
.lo-passos li:last-child{padding-bottom:0}
.lo-passos li::before{content:"";position:absolute;left:-6px;top:.62em;width:11px;height:11px;border-radius:50%;background:#8a2c18}
.lo-passos li:last-child::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 14px 3px rgba(230,34,12,.6)}
.lo-passos b{display:block;font-family:var(--f-titulo);font-weight:800;font-size:clamp(28px,2.8vw,40px);line-height:1;letter-spacing:-.018em;color:var(--creme)}
.lo-passos p{margin-top:10px;color:var(--creme-2);max-width:40ch}
.lo-fios{grid-column:1/-1;list-style:none;margin:clamp(20px,3vw,40px) 0 0;padding:clamp(26px,3vw,40px) 0 0;border-top:1px solid var(--fio);display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:24px 32px}
.lo-fios span{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mel);margin-bottom:6px}
.lo-fios a{font-family:var(--f-titulo);font-weight:800;font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--creme);background:linear-gradient(var(--brasa-clara),var(--brasa-clara)) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:color .3s}
.lo-fios a:hover{color:#fff}

@media (max-width:900px){
  .lo-alto{display:block;min-height:0}
  .lo-foto{position:relative;top:auto;right:auto;translate:none;width:calc(100% + 2*var(--margem));max-width:560px;margin:-30px auto -90px;left:calc(var(--margem)*-1)}
  .lo-foto img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 3%,#000 30%,#000 62%,transparent 97%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 3%,#000 30%,#000 62%,transparent 97%)}
  .lo-alto{display:flex;flex-direction:column-reverse;align-items:stretch}
  .lo-cab{max-width:none}
  .lo-luz i:nth-child(1){width:130vw;right:-30vw;height:420px}
  .lo-chegar{grid-template-columns:1fr}
  .lo-mapa{max-width:560px}
}
@media (max-width:760px){
  .lo-acoes .btn{width:100%;justify-content:center}
  .lo-end{font-size:16.5px}
  .lo-end br{display:none}
  .lo-qcab{grid-template-columns:1fr}
  .lo-rel{padding:0}
  /* sete linhas */
  .lo-dias{grid-template-columns:1fr;border-top:0;margin-left:5px;border-left:1px solid rgba(243,233,218,.2)}
  .lo-dias li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:15px 14px 15px 28px}
  .lo-dias li::before{top:50%;left:-6px;margin-top:-5px}
  .lo-d{font-size:12px}
  .lo-h{margin:0;font-size:24px;white-space:nowrap}
  .lo-h b{display:inline;font-size:44px;line-height:.8;margin:0;letter-spacing:-.03em}
  .lo-dom .lo-h i{display:inline-block;width:20px;height:20px;margin:0 10px -2px 0}
  .lo-dias li::after{inset:3px 0 3px 12px;border-radius:14px}
  .lo-nota{border-top:0;padding-top:20px}
  .lo-fios{grid-template-columns:1fr;justify-content:start}
}

/* du */
.du{position:relative;background:var(--preto);overflow:hidden;isolation:isolate;padding:calc(var(--secao)*.62) 0 calc(var(--secao)*.8)}
.du-dentro{max-width:calc(var(--largura) + 2*var(--margem));margin:0 auto;padding:0 var(--margem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,104px);align-items:start}
.du-luz{position:absolute;z-index:-1;left:-20vw;top:8%;width:90vw;height:84%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,color-mix(in oklab,var(--ambar) 11%,transparent) 0,transparent 100%)}
.du-cab{position:sticky;top:clamp(24px,8vh,88px)}
.du-titulo{margin:18px 0 0;font-size:clamp(56px,8.4vw,132px);line-height:.82;letter-spacing:-.035em}
.du-apoio{color:var(--creme-2);max-width:30ch;margin-top:24px}
.du-zap{margin-top:28px}

.du-lista{position:relative;padding:6px 0}
/* o fio da semana, em pé: as perguntas penduradas nele */
.du-lista::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0,rgba(243,233,218,.22) 6%,rgba(243,233,218,.22) 94%,transparent 100%)}
.du-lista::after{content:"";position:absolute;left:3.5px;top:0;width:2px;height:var(--du-ate,0px);border-radius:2px;pointer-events:none;background:linear-gradient(180deg,transparent 0,var(--brasa-funda) 34px,var(--brasa) 100%);opacity:.9}
.du-item{position:relative;z-index:1}
.du-nq{white-space:nowrap}
.du-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:78px fit-content(calc(100% - 78px - 50px)) 1fr;align-items:baseline;gap:0 8px;padding:20px 0 20px;position:relative}
.du-item summary::-webkit-details-marker{display:none}
.du-item summary:focus-visible{outline-offset:-2px}
.du-n{font-size:12px;letter-spacing:.14em;color:var(--creme-2);position:relative;padding-left:34px;font-variant-numeric:tabular-nums;transition:color .4s}
.du-n::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;background:#40382f;transition:background .4s,box-shadow .4s,transform .5s var(--ease)}
.du-q{font-family:var(--f-titulo);font-weight:800;font-size:clamp(27px,2.9vw,42px);line-height:.98;letter-spacing:-.02em;color:rgba(243,233,218,.68);text-wrap:balance;transition:color .4s}
.du-sinal{position:relative;width:18px;height:18px;align-self:center;justify-self:start;margin-left:22px;opacity:.75;transition:opacity .3s,transform .6s var(--ease)}
.du-item summary:hover .du-sinal{opacity:1}
.du-sinal::before,.du-sinal::after{content:"";position:absolute;left:0;top:8px;width:18px;height:1.5px;border-radius:2px;background:var(--creme-2);transition:transform .6s var(--ease),background .4s}
.du-sinal::after{transform:rotate(90deg)}
.du-item[open]:not(.du-fechando) .du-sinal::after{transform:rotate(0)}
.du-item[open]:not(.du-fechando) .du-sinal::before,.du-item[open]:not(.du-fechando) .du-sinal::after{background:var(--brasa-clara)}
.du-item[open]:not(.du-fechando) .du-q{color:var(--creme)}
.du-item[open]:not(.du-fechando) .du-n{color:var(--mel)}
.du-item[open]:not(.du-fechando) .du-n::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 16px 3px rgba(230,34,12,.7);transform:scale(1.5)}
.du-item summary:hover .du-q{color:var(--creme)}
.du-r{overflow:hidden}
.du-r p{padding:4px 36px 26px 86px;max-width:calc(38ch + 122px);color:var(--creme-2);font-size:17.5px}
.du-r b{font-family:var(--f-titulo);font-weight:800;font-size:1.5em;line-height:1;letter-spacing:-.01em;color:var(--creme);margin-right:.12em}

@media (max-width:900px){
  .du-dentro{grid-template-columns:1fr;gap:40px}
  .du-cab{position:static}
  .du-apoio{max-width:36ch}
}
@media (max-width:760px){
  .du-item summary{grid-template-columns:58px fit-content(calc(100% - 58px - 40px)) 1fr;padding:17px 0}
  .du-sinal{margin-left:16px}
  .du-n{padding-left:24px;font-size:11px}
  .du-q{font-size:27px}
  .du-r p{padding:0 8px 20px 66px;font-size:16.5px}
  .du-titulo br{display:none}
  .du-titulo{font-size:17vw}
  .du-zap{width:100%;justify-content:center}
}

/* ro */
.ro{position:relative;background:var(--preto);overflow:hidden;isolation:isolate;padding:clamp(70px,10vw,140px) var(--margem) 28px}
.ro-luz{position:absolute;z-index:-1;left:50%;bottom:-38vw;width:120vw;height:70vw;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in oklab,var(--brasa) 46%,transparent) 0,color-mix(in oklab,var(--brasa-funda) 40%,transparent) 38%,transparent 72%);filter:blur(40px);animation:ro-respira 9s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes ro-respira{from{opacity:.55;transform:translateX(-50%) scale(.96)}to{opacity:.95;transform:translateX(-50%) scale(1.06)}}
.ro-dentro{max-width:var(--largura);margin:0 auto}
.ro-chamada{font-family:var(--f-titulo);font-weight:800;font-size:clamp(54px,10.5vw,176px);line-height:.84;letter-spacing:-.035em;color:var(--creme);text-wrap:balance}
.ro-chamada i{font-style:normal;color:var(--brasa);text-shadow:0 0 .22em rgba(240,60,30,.9),0 0 .6em rgba(230,34,12,.55)}
.ro-acao{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:clamp(28px,4vw,48px)}
.ro-tel{font-family:var(--f-titulo);font-weight:800;font-size:30px;letter-spacing:-.01em;border-bottom:1px solid var(--fio);line-height:1.1}
.ro-tel:hover{border-color:var(--brasa-clara)}
.ro-grade{display:grid;grid-template-columns:1.25fr 1.3fr 1fr 1fr;gap:40px;margin-top:clamp(64px,9vw,120px);padding-top:38px;border-top:1px solid var(--fio);font-size:15.5px;line-height:1.6;color:var(--creme-2)}
.ro-logo{font-family:var(--f-titulo);font-weight:900;font-size:44px;line-height:1;color:var(--creme);letter-spacing:-.01em}
.ro-logo span{color:var(--brasa)}
.ro-semana{list-style:none;display:flex;gap:9px;margin:16px 0 18px;padding:0}
.ro-semana li{width:9px;height:9px;border-radius:50%;background:#40382f}
.ro-semana li.ro-passou{background:#8a2c18}
.ro-semana li.ro-hoje{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 14px 3px rgba(230,34,12,.7);transform:scale(1.5)}
.ro-col{font-style:normal;display:flex;flex-direction:column;gap:2px}
.ro-col .olho{margin-bottom:12px}
.ro-col a{color:var(--creme);align-self:flex-start;border-bottom:1px solid var(--fio);margin-top:6px;transition:border-color .3s}
.ro-col a:hover{border-color:var(--brasa-clara)}
.ro-col:is(nav) a{margin-top:0;margin-bottom:6px}
.ro-fim{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 30px;margin-top:56px;padding-top:20px;border-top:1px solid var(--fio);font-size:13px;color:rgba(243,233,218,.62)}
.ro-selo a{color:var(--creme);font-weight:700;border-bottom:1px solid var(--brasa)}
.ro-selo a:hover{color:var(--brasa-clara)}
@media (max-width:900px){.ro-grade{grid-template-columns:1fr 1fr}.ro-marca{grid-column:1/-1}}
@media (max-width:560px){.ro-grade{grid-template-columns:1fr;gap:30px}.ro{padding-bottom:96px}.ro-tel{font-size:26px}}

/* rodada 2: a semana volta como sublinhado, a bola nasce no horizonte */
.ro-bola{position:absolute;z-index:-1;right:calc(var(--margem)*-1 - 6vw);bottom:-24vw;width:52vw;height:52vw;border-radius:50%;
  background:radial-gradient(circle at 38% 26%,#ff9a78 0,var(--brasa) 34%,#8c0a06 66%,#2a0303 100%);opacity:.9;
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.55) 30%,transparent 62%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.55) 30%,transparent 62%)}
.ro-fio{list-style:none;margin:clamp(22px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative;max-width:1080px}
.ro-fio::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--brasa-clara),rgba(243,233,218,.28) 30%,rgba(243,233,218,.14))}
.ro-fio li{position:relative;padding-top:14px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,233,218,.5)}
.ro-fio li::before{content:"";position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#40382f}
.ro-fio li.ro-passou::before{background:#8a2c18}
.ro-fio li.ro-hoje{color:var(--creme)}
.ro-fio li.ro-hoje::before{background:radial-gradient(circle at 40% 30%,#ffa88c,var(--brasa) 55%,#8c0a06);box-shadow:0 0 18px 4px rgba(230,34,12,.75);transform:scale(1.8)}
.ro-acao{margin-top:clamp(34px,4.4vw,56px)}
.ro-grade,.ro-fim{position:relative}
@media (max-width:560px){.ro-bola{width:110vw;height:110vw;right:-40vw;bottom:-30vw;opacity:.6}.ro-fio li{font-size:10px;letter-spacing:.1em}}

/* rodada 3: a bola pousa na linha, como no aparelho do hero; nada de texto por cima dela */
.ro-bola{position:absolute;z-index:0;right:4%;bottom:100%;top:auto;width:clamp(150px,19vw,270px);height:auto;aspect-ratio:1;border-radius:50%;opacity:1;
  background:radial-gradient(circle at 36% 28%,#ffd0b8 0,#ff6a44 9%,var(--brasa) 36%,#9a0c06 70%,#3a0403 100%);
  -webkit-mask-image:none;mask-image:none;box-shadow:0 0 120px -10px rgba(230,34,12,.55),0 26px 40px -18px rgba(230,34,12,.5);
  transform:translateY(1px)}
.js .ro-bola{transform:translateY(-140px);opacity:0;transition:transform 1.4s cubic-bezier(.3,1.5,.5,1) .3s,opacity .5s .3s}
.js .ro-grade.ro-chegou .ro-bola{transform:translateY(1px);opacity:1}
.ro-marca p{margin-top:16px}
.ro-grade{color:#c9bcaa}
.ro-luz{opacity:.6}
@media (max-width:900px){.ro-bola{right:0;width:120px}}
@media (max-width:560px){.ro-bola{width:92px;right:2px;opacity:1}.ro-col{padding-top:22px;border-top:1px solid var(--fio)}.ro-fim{margin-top:36px}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  [data-rev]{opacity:1;transform:none}
}