/* ==== hero ==== */
:root{
  /* cores amostradas de estudio-preto.webp */
  --a-preto:#0c0906;          /* bordas da foto */
  --a-preto-2:#141009;        /* lado quente do fundo da foto */
  --a-ambar:#d98a2b;          /* fio de contraluz no cabelo */
  --a-ambar-claro:#f0b765;
  --a-cobre:#8f4a1c;
  --a-rose:#e7c1b3;           /* "Dra" do logo */
  --a-marfim:#f3e9dc;
  --a-marfim-2:rgba(243,233,220,.74);
  --a-marfim-3:rgba(243,233,220,.52);
  --a-linha:rgba(240,183,101,.26);

  --a-titulo:"Gilda Display","Cormorant Garamond",Georgia,serif;
  --a-texto:"Outfit","Helvetica Neue",Arial,sans-serif;
  /* manuscrita do título. Pedido do usuário: Birthnight (NoahType), que só é livre para uso pessoal;
     enquanto a licença comercial não for comprada, usa-se a Satisfy (Apache 2.0), a livre mais parecida.
     Com a licença, basta pôr "Birthnight" na frente desta lista e declarar o @font-face. */
  --a-manuscrita:"Satisfy","Brush Script MT",cursive;

  --a-margem:clamp(1.5rem,4.6vw,4.5rem);
  --a-foto:min(92svh,60vw);
  --a-ease:cubic-bezier(.2,.7,.2,1);
}

.a-hero{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:var(--a-preto);
  display:flex;
  flex-direction:column;
}

/* ---------- palco: contraluz + retrato ---------- */
.a-palco{
  position:absolute;
  right:-3.5vw;
  bottom:0;
  width:var(--a-foto);
  height:var(--a-foto);
  z-index:0;
  pointer-events:none;
}
.a-luz{
  position:absolute;
  inset:-34% -22% -12% -46%;
  filter:blur(38px);
  opacity:1;
  animation:a-acende 1.7s var(--a-ease) both;
}
.a-luz i{position:absolute;inset:0;display:block;will-change:transform}
.a-luz i:nth-child(1){
  background:
    radial-gradient(ellipse 30% 38% at 43% 50% in oklab, oklch(.54 .12 62 / .58), oklch(.34 .09 50 / .22) 55%, transparent 100%),
    radial-gradient(ellipse 26% 30% at 70% 40% in oklab, oklch(.47 .105 55 / .36), transparent 100%);
  animation:a-respira-1 23s ease-in-out infinite alternate;
}
.a-luz i:nth-child(2){
  background:
    radial-gradient(ellipse 34% 30% at 30% 72% in oklab, oklch(.36 .085 42 / .42), transparent 100%),
    radial-gradient(ellipse 22% 24% at 84% 66% in oklab, oklch(.62 .05 45 / .20), transparent 100%),
    radial-gradient(ellipse 20% 22% at 56% 22% in oklab, oklch(.60 .10 70 / .30), transparent 100%);
  animation:a-respira-2 31s ease-in-out infinite alternate;
}
/* sombra do corpo: a luz fica atrás dela, não atravessa o blazer */
.a-corpo{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 30% 44% at 50% 84% in oklab, rgba(12,9,6,.94) 45%, transparent 100%),
    radial-gradient(ellipse 17% 24% at 48% 36% in oklab, rgba(12,9,6,.80) 40%, transparent 100%);
}
.a-retrato{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  mix-blend-mode:screen;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0, #000 24%, #000 75%, transparent 93%),
    linear-gradient(to bottom, transparent 0, #000 12%, #000 100%);
  -webkit-mask-composite:source-in;
          mask-image:
    linear-gradient(to right, transparent 0, #000 24%, #000 75%, transparent 93%),
    linear-gradient(to bottom, transparent 0, #000 12%, #000 100%);
          mask-composite:intersect;
  animation:a-revela 1.6s .35s var(--a-ease) both;
}

/* luz muito baixa do lado do texto, para o preto não ficar chapado */
.a-fundo{
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse 46% 50% at 4% 104% in oklab, oklch(.27 .05 48 / .55), transparent 100%),
    radial-gradient(ellipse 36% 34% at 30% -8% in oklab, oklch(.24 .03 40 / .40), transparent 100%);
  animation:a-respira-2 37s ease-in-out infinite alternate;
}

/* ---------- navegação ---------- */
.a-nav{
  position:relative;z-index:4;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1.5rem var(--a-margem) 0;
  animation:a-sobe .9s 1.5s var(--a-ease) both;
}
.a-marca{display:flex;align-items:baseline;gap:.55rem;text-decoration:none;white-space:nowrap}
.a-marca__dra{font-family:var(--a-titulo);font-size:1.5rem;color:var(--a-rose);line-height:1}
.a-marca__nome{font-size:.78rem;font-weight:400;letter-spacing:.34em;text-transform:uppercase}
.a-marca__area{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--a-marfim-3);padding-left:.55rem;border-left:1px solid var(--a-linha)}
.a-nav__links{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.2rem)}
.a-nav__links a{font-size:.86rem;font-weight:400;letter-spacing:.04em;text-decoration:none;color:var(--a-marfim-2);transition:color .25s}
.a-nav__links a:hover,.a-nav__links a:focus-visible{color:var(--a-ambar-claro)}
.a-nav__links a.a-nav__btn{
  color:var(--a-marfim);
  padding:.62rem 1.15rem;border:1px solid var(--a-linha);border-radius:999px;
  background:rgba(12,9,6,.45);
  backdrop-filter:blur(6px);white-space:nowrap;
  transition:border-color .25s,color .25s;
}
.a-nav__links a.a-nav__btn:hover,.a-nav__links a.a-nav__btn:focus-visible{border-color:var(--a-ambar-claro);color:var(--a-ambar-claro)}

/* ---------- texto ---------- */
.a-texto{
  position:relative;z-index:2;
  flex:1;
  display:flex;flex-direction:column;justify-content:center;
  width:min(100%,44rem);
  padding:2rem var(--a-margem) clamp(2rem,5svh,3.5rem);
}
.a-olho{
  margin:0 0 1.5rem;
  font-size:.76rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;
  color:var(--a-ambar-claro);
  display:flex;align-items:center;gap:.9rem;
  animation:a-sobe .9s 1s var(--a-ease) both;
}
.a-olho::before{content:"";width:2.2rem;height:1px;background:linear-gradient(to right in oklab,transparent,var(--a-ambar-claro))}
.a-titulo{
  margin:0;
  font-family:var(--a-manuscrita);
  font-weight:400;
  font-size:clamp(3rem,6.9vw,7rem);
  line-height:1.08;
  letter-spacing:0;
}
.a-titulo__l{display:block;white-space:nowrap}
.a-titulo__l--1{animation:a-sobe 1s 1.05s var(--a-ease) both}
.a-realce{
  position:relative;display:inline-block;
  font-size:1.22em;line-height:1.1;
  padding:.04em .16em .12em .04em;margin-left:-.04em;
}
.a-realce__base{
  display:inline-block;
  padding:.04em .16em .12em .04em;margin:-.04em -.16em -.12em -.04em;
  color:transparent;
  background:linear-gradient(100deg in oklab, #ffe2b0 0%, var(--a-ambar-claro) 38%, var(--a-ambar) 78%, #c4701f 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 18px rgba(217,138,43,.55)) drop-shadow(0 0 3px rgba(240,183,101,.45));
  animation:a-traca 1.25s 1.3s cubic-bezier(.5,.1,.2,1) both;
}
.a-realce__fio{
  position:absolute;left:0;top:0;
  padding:.04em .16em .12em .04em;
  color:#fff6e2;
  filter:drop-shadow(0 0 9px rgba(255,200,120,.95));
  -webkit-mask-image:linear-gradient(100deg,transparent 38%,#000 50%,transparent 62%);
          mask-image:linear-gradient(100deg,transparent 38%,#000 50%,transparent 62%);
  -webkit-mask-size:320% 100%;mask-size:320% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:120% 0;mask-position:120% 0;
  animation:a-fio 10s 1.25s linear infinite;
  pointer-events:none;
}
.a-apoio{
  margin:1.7rem 0 0;
  max-width:31rem;
  font-size:clamp(1rem,1.18vw,1.14rem);
  line-height:1.62;
  color:var(--a-marfim-2);
  animation:a-sobe .9s 1.55s var(--a-ease) both;
}
.a-apoio strong{font-weight:400;color:var(--a-marfim)}
.a-acoes{
  margin-top:2rem;
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;
  animation:a-sobe .9s 1.7s var(--a-ease) both;
}
.a-btn{
  display:inline-flex;align-items:center;gap:.7rem;
  padding:1rem 1.6rem;
  border-radius:999px;
  font-size:1rem;font-weight:500;letter-spacing:.02em;text-decoration:none;
  color:#1a0f04;
  background:linear-gradient(100deg in oklab,var(--a-ambar-claro),var(--a-ambar));
  box-shadow:0 0 0 1px rgba(255,230,189,.35) inset,0 10px 36px -10px rgba(217,138,43,.65);
  transition:transform .3s var(--a-ease),box-shadow .3s;
}
.a-btn:hover,.a-btn:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,230,189,.6) inset,0 16px 44px -10px rgba(217,138,43,.85)}
.a-btn svg{width:1.15rem;height:1.15rem;flex:none}
.a-horario{font-size:.86rem;line-height:1.5;color:var(--a-marfim-3)}
.a-horario b{display:block;font-weight:400;color:var(--a-marfim-2)}
.a-provas{
  margin:2.4rem 0 0;padding:1.3rem 0 0;
  list-style:none;
  display:flex;flex-wrap:wrap;gap:1rem 2.4rem;
  border-top:1px solid var(--a-linha);
  max-width:31rem;
  animation:a-sobe .9s 1.85s var(--a-ease) both;
}
.a-provas li{display:flex;align-items:baseline;gap:.6rem;font-size:.9rem;color:var(--a-marfim-2);white-space:nowrap}
.a-provas b{font-family:var(--a-titulo);font-weight:400;font-size:1.9rem;line-height:1;color:var(--a-ambar-claro)}

/* legenda de capa: nome e registro */
.a-legenda{
  position:absolute;z-index:2;
  right:var(--a-margem);bottom:clamp(1.4rem,4svh,2.4rem);
  margin:0;text-align:right;
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--a-marfim);
  text-shadow:0 1px 10px rgba(0,0,0,.9);
  animation:a-sobe .9s 2s var(--a-ease) both;
}
.a-legenda small{display:block;margin-top:.4rem;font-size:.66rem;letter-spacing:.12em;text-transform:none;color:var(--a-marfim-2)}

/* ---------- movimento ---------- */
@keyframes a-acende{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes a-revela{from{opacity:0}to{opacity:1}}
@keyframes a-sobe{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes a-traca{from{clip-path:inset(-30% 104% -30% -6%)}to{clip-path:inset(-30% -6% -30% -6%)}}
@keyframes a-fio{0%{-webkit-mask-position:120% 0;mask-position:120% 0}16%,100%{-webkit-mask-position:-20% 0;mask-position:-20% 0}}
@keyframes a-respira-1{from{transform:translate3d(-2.5%,1.5%,0) scale(1)}to{transform:translate3d(3%,-2.5%,0) scale(1.09)}}
@keyframes a-respira-2{from{transform:translate3d(2%,-1.5%,0) scale(1.06)}to{transform:translate3d(-3%,2.5%,0) scale(.97)}}

/* ---------- celular ---------- */
@media (max-width:820px){
  :root{--a-foto:110vw}
  .a-hero{min-height:100svh}
  .a-palco{position:relative;right:auto;bottom:auto;flex:none;order:2;margin:-.75rem 0 0 -5vw}
  .a-luz{inset:-14% -8% -4% -8%;filter:blur(30px)}
  .a-retrato{
    -webkit-mask-image:
      linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%),
      linear-gradient(to bottom, transparent 0, #000 9%, #000 62%, transparent 97%);
            mask-image:
      linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%),
      linear-gradient(to bottom, transparent 0, #000 9%, #000 62%, transparent 97%);
  }
  .a-nav{order:1;padding-top:1.1rem;gap:.6rem}
  .a-nav__links a:not(.a-nav__btn){display:none}
  .a-marca__area{display:none}
  .a-marca__dra{font-size:1.3rem}
  .a-marca__nome{font-size:.66rem;letter-spacing:.2em}
  .a-marca{gap:.4rem}
  .a-nav__links a.a-nav__btn{font-size:.76rem;padding:.5rem .8rem}
  .a-texto{order:3;flex:none;width:100%;margin-top:-25vw;padding-top:0;padding-bottom:1.2rem}
  .a-olho{font-size:.66rem;letter-spacing:.22em;margin-bottom:1rem;gap:.6rem}
  .a-olho::before{width:1.2rem}
  .a-titulo{font-size:clamp(2.3rem,11.6vw,4.6rem)}
  .a-apoio{margin-top:1rem;font-size:.97rem;line-height:1.55}
  .a-acoes{margin-top:1.25rem;gap:.7rem}
  .a-horario b{display:inline}
  .a-horario b::after{content:" · "}
  .a-btn{width:100%;justify-content:center}
  .a-provas{margin-top:1.2rem;padding-top:1rem;gap:.5rem 1.6rem}
  .a-provas b{font-size:1.6rem}
  .a-legenda{position:relative;order:4;right:auto;bottom:auto;text-align:left;padding:0 var(--a-margem) 1.5rem;font-size:.68rem}
}
@media (max-width:380px){
  .a-marca__nome{letter-spacing:.14em}
  .a-provas li{font-size:.84rem}
}

@media (prefers-reduced-motion:reduce){
  .a-hero *,.a-hero *::before,.a-hero *::after{animation:none!important;transition:none!important}
  .a-realce__fio{display:none}
}

/* ==== emdia ==== */
.ed{background:var(--preto);padding-top:clamp(4.5rem,8.5vw,7.5rem)}
.ed-fundo{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse 40% 46% at 0% 0% in oklab, oklch(.27 .05 48 / .5), transparent 100%),
    radial-gradient(ellipse 44% 40% at 100% 100% in oklab, oklch(.24 .035 42 / .45), transparent 100%)}

.ed-topo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.ed-titulo{font-size:clamp(2.9rem,7.4vw,7rem);line-height:1.04}
.ed-titulo__l{display:block;white-space:nowrap}
.ed-titulo__l--luz{font-size:1.24em;line-height:1.08;margin-top:-.04em}
.ed-ideia{padding-bottom:.9rem}
.ed-dela{margin:0 0 1.3rem}
.ed-dela p{margin:0;font-family:var(--f-titulo);font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.2;color:var(--marfim)}
.ed-dela footer{margin-top:.6rem;font-size:.8rem;letter-spacing:.06em;color:var(--marfim-3)}
.ed-texto{margin:0}
.ed-texto q{color:var(--marfim);quotes:"“" "”"}

/* a semana: uma pauta de luz. linhas: nome, número, fio, horário, estado de agora */
.ed-semana{position:relative;margin-top:clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto auto auto auto auto}
.ed-dias{display:contents;list-style:none;margin:0;padding:0}
.ed-dia{grid-row:1 / 5;display:grid;grid-template-rows:subgrid;justify-items:center;text-align:center;position:relative;z-index:1}
.ed-dia:nth-child(1){grid-column:1}.ed-dia:nth-child(2){grid-column:2}.ed-dia:nth-child(3){grid-column:3}.ed-dia:nth-child(4){grid-column:4}.ed-dia:nth-child(5){grid-column:5}.ed-dia:nth-child(6){grid-column:6}.ed-dia:nth-child(7){grid-column:7}
.ed-c{display:none}
.ed-dia__nome{font-size:.74rem;font-weight:400;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;line-height:1;color:var(--marfim-3);transition:color .8s var(--ease) 1.5s}
.ed-dia__num{font-family:var(--f-titulo);font-size:clamp(2.6rem,6vw,5.6rem);line-height:1;min-height:.4em;padding:.24em 0 .28em;color:rgba(243,233,220,.07);-webkit-text-stroke:1px rgba(240,183,101,.62);font-variant-numeric:lining-nums;transform-origin:50% 78%;transition:color .9s var(--ease) 1.45s,text-shadow .9s var(--ease) 1.45s,transform .9s var(--ease) 1.45s,-webkit-text-stroke-color .9s var(--ease) 1.45s}
.sem-js .ed-dia__num{display:none}
.sem-js .ed-dia__nome{padding-bottom:1.3rem}
.sem-js .ed-agora{margin-left:0;width:auto;text-align:left}
.ed-dia__marca{justify-self:stretch;height:1px;background:var(--linha);position:relative}
.ed-dia:first-child .ed-dia__marca{background:linear-gradient(to right in oklab,transparent,var(--linha))}
.ed-dia:last-child .ed-dia__marca{background:linear-gradient(to left in oklab,transparent,var(--linha))}
.ed-dia__marca::after{content:"";position:absolute;left:50%;top:-4px;width:1px;height:9px;background:rgba(240,183,101,.45)}
.ed-dia__hora{padding-top:1.2rem;font-size:.95rem;letter-spacing:.04em;color:var(--marfim-3);transition:color .8s var(--ease) 1.5s}
.ed-dia__hora i{font-style:normal}
.ed-dia--pausa .ed-dia__hora{font-size:.72rem;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;padding-top:1.4rem}

.ed-semana.is-vista .ed-dia.is-hoje .ed-dia__nome{color:var(--ambar-claro)}
.ed-semana.is-vista .ed-dia.is-hoje .ed-dia__num{color:var(--ambar-luz);-webkit-text-stroke-color:transparent;transform:scale(1.22);text-shadow:0 0 26px rgba(217,138,43,.85),0 0 3px rgba(240,183,101,.5)}
.ed-semana.is-vista .ed-dia.is-hoje .ed-dia__hora{color:var(--marfim)}

/* o fio: anda pela semana até hoje */
.ed-foco{grid-column:1;grid-row:1 / 5;display:grid;grid-template-rows:subgrid;position:relative;z-index:0;pointer-events:none;opacity:0;transform:translateX(0);transition:transform 1.5s var(--ease) .25s,opacity .6s ease .1s}
.ed-semana.is-vista.tem-hoje .ed-foco{opacity:1;transform:translateX(calc(var(--hoje,0) * 100%))}
.ed-foco__halo{position:absolute;left:50%;top:58%;width:340%;height:30rem;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse 50% 50% at 50% 50% in oklab, oklch(.56 .125 62 / .52), oklch(.36 .09 50 / .2) 48%, transparent 100%);filter:blur(16px)}
.ed-foco__fio{grid-row:3;grid-column:1;height:1px;position:relative;margin:0 -34%;background:linear-gradient(to right in oklab,transparent,var(--ambar) 25%,var(--ambar-luz) 50%,var(--ambar) 75%,transparent);box-shadow:0 0 12px 1px rgba(240,183,101,.7)}
.ed-foco__fio::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--ambar-luz);box-shadow:0 0 14px 3px rgba(255,200,120,.9)}

.ed-rastro{grid-row:3;grid-column:1 / -1;justify-self:start;height:1px;margin-left:calc(100% / 14);width:calc(var(--hoje,0) / 7 * 100%);pointer-events:none;
  background:linear-gradient(to right in oklab,rgba(217,138,43,.12),rgba(240,183,101,.75));box-shadow:0 0 8px rgba(217,138,43,.45);
  transform:scaleX(0);transform-origin:0 50%;transition:transform 1.5s var(--ease) .25s}
.ed-semana.is-vista.tem-hoje .ed-rastro{transform:scaleX(1)}

/* estado de agora: fica debaixo do dia aceso */
.ed-agora{grid-row:5;grid-column:1 / -1;position:relative;z-index:1;justify-self:start;width:20rem;margin-top:1.4rem;text-align:center;
  margin-left:clamp(calc(.75rem - var(--margem)), calc((var(--hoje,0) + .5) / 7 * 100% - 10rem), calc(100% - 20rem + var(--margem) - .75rem));
  opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease) 1.7s,transform .9s var(--ease) 1.7s}
.ed-semana.is-vista .ed-agora,.sem-js .ed-agora{opacity:1;transform:none}
.ed-estado{margin:0;font-family:var(--f-titulo);font-size:clamp(1.5rem,2.1vw,1.9rem);line-height:1.15}
.ed-estado__a{display:block;color:var(--ambar-claro);white-space:nowrap}
.ed-estado__b{display:block;margin-top:.2rem;font-size:.72em;color:var(--marfim-2)}
.ed-nota{margin:.7rem 0 0;font-size:.84rem;letter-spacing:.03em;color:var(--marfim-3)}

/* pé: a fala de quem volta e o botão */
.ed-pe{margin-top:clamp(2.6rem,4.6vw,4rem);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.8rem 3rem}
.ed-fala{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.4rem;padding-left:clamp(1.1rem,2vw,1.8rem);border-left:1px solid var(--ambar)}
.ed-fala blockquote{margin:0}
.ed-fala p{margin:0;font-family:var(--f-titulo);font-size:clamp(1.45rem,2.5vw,2.3rem);line-height:1.2;color:var(--marfim)}
.ed-fala figcaption{font-size:.84rem;letter-spacing:.06em;color:var(--marfim-3)}

@media (max-width:860px){
  .ed-topo{grid-template-columns:1fr;gap:1.4rem}
  .ed-ideia{padding-bottom:0}
  .ed-btn{width:100%;justify-content:center}
}
@media (max-width:720px){
  .ed-l{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .ed-c{display:inline}
  .ed-dia__nome{font-size:.62rem;letter-spacing:.14em;text-indent:.14em}
  .ed-titulo{font-size:clamp(2.7rem,13.4vw,4.4rem)}
  .ed-dia__num{font-size:1.75rem;padding:.5em 0 .58em;color:rgba(243,233,220,.42);-webkit-text-stroke:0}
  .ed-semana{margin-inline:-.5rem}
  .ed-agora{padding-inline:.5rem}
  .ed-dia__hora{font-size:.7rem;letter-spacing:0;padding-top:.9rem;white-space:nowrap}
  .ed-dia__hora i{display:none}
  .ed-foco__halo{width:460%;height:17rem;top:55%}
  .ed-foco__fio{margin:0 -50%}
  .ed-agora{width:auto;justify-self:stretch;margin-left:0;margin-top:1.6rem;text-align:left}
  .ed-agora[data-lado="c"]{text-align:center}
  .ed-agora[data-lado="d"]{text-align:right}
}

/* ==== tratamentos ==== */
.tr{overflow:clip;background:
  radial-gradient(60rem 40rem at 92% 0% in oklab,#fbf6ec 0%,transparent 70%),
  radial-gradient(50rem 44rem at 0% 100% in oklab,#efe2cd 0%,transparent 70%),
  var(--papel)}
.tr-caixa{max-width:82rem;margin-inline:auto;position:relative}

/* pinceladas douradas da arte dela */
.tr-pincel{position:absolute;height:auto;z-index:-1;fill:none;stroke:#c9a253;stroke-linecap:round;opacity:.3;pointer-events:none}
.tr-pincel--a{top:0;right:0;width:min(34vw,30rem)}
.tr-pincel--b{bottom:0;left:0;width:min(36vw,32rem);opacity:.26}
.tr-pincel path:nth-child(1){stroke-width:7}
.tr-pincel path:nth-child(2){stroke-width:4}
.tr-pincel path:nth-child(3){stroke-width:2.5}

.tr-corpo{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(2.5rem,6.5vw,7rem);align-items:start}
.tr-lado{position:sticky;top:clamp(1.5rem,5vh,3.5rem)}
.tr-lado .s-titulo{white-space:nowrap}

.tr-foto{position:relative;margin:clamp(1.4rem,2.6vw,2.2rem) 0 0;max-width:min(100%,25rem,calc((100vh - 27.5rem) * .82))}
.tr-foto::before{content:"";position:absolute;z-index:-1;inset:-12% -14% 8% -16%;background:radial-gradient(closest-side at 42% 40% in oklab,rgba(240,183,101,.42),rgba(240,183,101,.12) 60%,transparent);filter:blur(6px)}
.tr-foto-forma{aspect-ratio:400/480;overflow:hidden;border-radius:54% 46% 44% 56% / 42% 46% 54% 58%;transform:rotate(-4deg) scale(.91)}
.tr-foto-forma img{width:100%;height:100%;object-fit:cover;object-position:30% 45%;transform:rotate(4deg) scale(1.2)}
.tr-foto-forma::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 16% 10% in oklab,rgba(255,226,176,.3),transparent 52%),linear-gradient(160deg in oklab,transparent 55%,rgba(60,34,10,.3));box-shadow:inset 7px 9px 26px -6px rgba(255,214,150,.85),inset -2px -3px 14px -4px rgba(217,138,43,.5)}
.tr-aro{position:absolute;inset:0;width:100%;aspect-ratio:400/480;fill:none;stroke:#b8862c;overflow:visible;pointer-events:none}
.tr-aro path{stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;stroke-width:1.2}
.tr-aro path+path{stroke:#d9a84e;stroke-width:.8;opacity:.8}
html:not(.sem-js) .tr-foto .tr-aro path{stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease) .2s}
html:not(.sem-js) .tr-foto .tr-aro path+path{transition-delay:.7s}
html:not(.sem-js) .tr-foto.is-vista .tr-aro path{stroke-dashoffset:0}
.tr-publico{margin:1.2rem 0 0;font-size:.95rem;line-height:1.4;color:var(--tinta-2)}
.tr-publico b{font-family:var(--f-titulo);font-weight:400;font-size:1.28rem;color:var(--tinta)}

/* sumário: o grupo em que você está fica aceso */
.tr-sumario{margin:1.5rem 0 0;padding-top:1.3rem;border-top:1px solid var(--linha-papel);display:grid;grid-template-columns:repeat(2,max-content);gap:.15rem 2.4rem;max-width:25rem}
.tr-sumario a{position:relative;display:inline-flex;align-items:baseline;gap:.6rem;padding:.35rem 0;font-size:.74rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--tinta-2);transition:color .5s var(--ease)}
.tr-sumario a span{font-family:var(--f-titulo);font-size:.95rem;letter-spacing:0;color:var(--ouro)}
.tr-sumario a::after{content:"";position:absolute;left:0;right:0;bottom:.1rem;height:1px;background:linear-gradient(to right in oklab,#b8862c,#e0ac4c);transform:scaleX(0);transform-origin:left center;transition:transform .8s var(--ease)}
.tr-sumario a.is-atual,.tr-sumario a:hover,.tr-sumario a:focus-visible{color:var(--tinta)}
.tr-sumario a.is-atual::after,.tr-sumario a:hover::after,.tr-sumario a:focus-visible::after{transform:none}
.tr :focus-visible{outline-color:var(--ouro)}

/* abertura do índice */
.tr-abre{margin:0 0 clamp(2.8rem,5vw,4.4rem);padding-top:.4rem}
.tr-lead{margin:0 0 1rem;font-family:var(--f-titulo);font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.26;color:var(--tinta);max-width:32rem;text-wrap:balance}
.tr-abre .s-texto{margin:0}

/* índice */
.tr-cap{margin:0 0 clamp(2.6rem,4.6vw,4rem);scroll-margin-top:2rem}
.tr-cap-topo{display:flex;align-items:baseline;gap:1rem;margin-bottom:.4rem}
.tr-num{font-family:var(--f-titulo);font-size:1.25rem;color:var(--ouro)}
.tr-cap-nome{margin:0;font-family:var(--f-texto);font-size:.84rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta);transition:color .6s var(--ease)}
.tr-tem-atual .tr-cap:not(.is-atual) .tr-cap-nome{color:var(--tinta-2)}
.tr-qtd{font-size:.82rem;color:var(--tinta-2);white-space:nowrap}
.tr-fio{position:relative;flex:1;height:1px;align-self:center;background:linear-gradient(to right in oklab,#b8862c,#d9a84e 60%,rgba(217,168,78,.25));transform-origin:left center}
.tr-fio::after{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;border-radius:2px;background:linear-gradient(to right in oklab,#c98a1e,#f0b765 50%,transparent 92%);box-shadow:0 0 12px rgba(217,138,43,.6);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform 1.3s var(--ease),opacity .6s}
.tr-cap.is-atual .tr-fio::after{transform:none;opacity:1}
html:not(.sem-js) .tr-cap .tr-fio{transform:scaleX(0);transition:transform 1.5s var(--ease) .1s}
html:not(.sem-js) .tr-cap.is-vista .tr-fio{transform:none}

.tr-lista{margin:0}
.tr-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:.4rem 2.5rem;align-items:baseline;padding:1.4rem 0 1.5rem}
.tr-item::before,.tr-item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px}
.tr-item::before{background:var(--linha-papel)}
.tr-item::after{background:linear-gradient(to right in oklab,#b8862c,#e0ac4c 55%,transparent);transform:scaleX(0);transform-origin:left center;transition:transform .9s var(--ease)}
.tr-item:last-child::before{display:none}
.tr-item.is-foco::after{transform:none}
.tr-nome{font-family:var(--f-titulo);font-size:clamp(1.6rem,2.7vw,2.4rem);line-height:1.12;color:var(--tinta);transition:color .5s var(--ease),transform .7s var(--ease)}
.tr-nome small{display:block;margin-top:.5rem;font-family:var(--f-texto);font-size:.76rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.tr-item.is-foco .tr-nome{color:#74490d;transform:translateX(.5rem)}
.tr-desc{margin:0;font-size:1.02rem;line-height:1.55;color:var(--tinta-2)}
.tr-cap--solo .tr-nome{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1}
.tr-cap--solo .tr-item{padding-top:1.1rem}
@media (hover:hover){
  .tr-item:hover::after{transform:none}
  .tr-item:hover .tr-nome{color:#74490d;transform:translateX(.5rem)}
}

/* fecho */
.tr-fecho{position:relative;margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2.2rem,4vw,3.4rem)}
.tr-fecho::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right in oklab,#b8862c,#d9a84e 60%,rgba(217,168,78,.25));transform-origin:left center}
html:not(.sem-js) .tr-fecho::before{transform:scaleX(0);transition:transform 1.6s var(--ease)}
html:not(.sem-js) .tr-fecho.is-vista::before{transform:none}
.tr-frase{margin:0}
.tr-frase p{margin:0;font-family:var(--f-titulo);font-size:clamp(1.8rem,3.5vw,3.1rem);line-height:1.16;color:var(--tinta);text-wrap:balance}
.tr-frase footer{margin-top:1.2rem;font-size:.76rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro)}
.tr-fecho-acao{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.5rem;margin-top:clamp(2rem,3.4vw,2.8rem)}
.tr-fecho-texto{margin:0;max-width:22rem;font-size:1.06rem;color:var(--tinta-2)}
.tr .s-btn{box-shadow:0 0 0 1px rgba(122,74,10,.35) inset,0 12px 30px -14px rgba(138,90,22,.7)}

@media (max-width:900px){
  .tr-corpo{grid-template-columns:1fr;gap:2.2rem}
  .tr-lado{position:static}
  .tr-foto{max-width:none;margin:1.4rem 0 0}
  .tr-foto::before{inset:-6% 0 14% 14%}
  .tr-foto-forma{width:min(80%,18rem);margin:0 .8rem 0 auto}
  .tr-aro{inset:0 .8rem auto auto;width:min(80%,18rem)}
  .tr-publico{margin-top:.9rem}
  .tr-item.is-foco .tr-nome{transform:none}
  .tr-sumario{display:none}
  .tr-item{grid-template-columns:1fr;padding:1.15rem 0 1.25rem}
  .tr-pincel--a{width:58vw;opacity:.24}
  .tr-pincel--b{width:60vw;opacity:.2}
  .tr-fecho-acao{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
  .tr-qtd{display:none}
}

/* ==== sobre ==== */
.so{background:var(--preto)}
.so::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 40% 30% at 100% 4% in oklab, oklch(.25 .04 50 / .5), transparent 100%),
    radial-gradient(ellipse 46% 26% at 78% 62% in oklab, oklch(.24 .04 48 / .35), transparent 100%)}
.so q{quotes:"“" "”"}

.so-grade{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(2rem,4.4vw,4.5rem);align-items:center;max-width:84rem;margin-inline:auto}

/* ---------- palco: contraluz + retrato ---------- */
.so-palco{position:relative;margin:0 0 0 -11%;width:113%;max-width:46rem;aspect-ratio:1025/1216}
.so-luz{position:absolute;inset:-18% -16% -2% -34%;filter:blur(36px);opacity:0;transform:scale(.84);transition:opacity 1.7s var(--ease),transform 1.7s var(--ease)}
.so-palco.is-vista .so-luz,.sem-js .so-luz{opacity:1;transform:none}
.so-luz i{position:absolute;inset:0;display:block;will-change:transform}
.so-luz i:nth-child(1){
  background:
    radial-gradient(ellipse 24% 34% at 37% 46% in oklab, oklch(.60 .13 64 / .7), oklch(.38 .10 52 / .28) 55%, transparent 100%),
    radial-gradient(ellipse 20% 26% at 68% 36% in oklab, oklch(.50 .11 56 / .42), transparent 100%);
  animation:so-respira-1 23s ease-in-out infinite alternate}
.so-luz i:nth-child(2){
  background:
    radial-gradient(ellipse 28% 26% at 28% 72% in oklab, oklch(.38 .09 42 / .46), transparent 100%),
    radial-gradient(ellipse 18% 20% at 52% 17% in oklab, oklch(.62 .10 70 / .32), transparent 100%),
    radial-gradient(ellipse 16% 22% at 84% 58% in oklab, oklch(.42 .10 28 / .22), transparent 100%);
  animation:so-respira-2 31s ease-in-out infinite alternate}
.so-corpo{position:absolute;inset:0;
  background:
    radial-gradient(ellipse 40% 44% at 53% 84% in oklab, rgba(12,9,6,.95) 50%, transparent 100%),
    radial-gradient(ellipse 18% 25% at 46% 36% in oklab, rgba(12,9,6,.86) 45%, transparent 100%)}
.so-retrato{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 70%,transparent 97%),linear-gradient(to bottom,transparent 0,#000 9%,#000 66%,transparent 96%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 70%,transparent 97%),linear-gradient(to bottom,transparent 0,#000 9%,#000 66%,transparent 96%);
  mask-composite:intersect;
  opacity:0;transition:opacity 1.6s .35s var(--ease)}
.so-palco.is-vista .so-retrato,.sem-js .so-retrato{opacity:1}

/* a frase dela, assinada sobre o retrato */
.so-assina{position:absolute;left:18%;right:-2%;bottom:-1.5rem;z-index:2;display:flex;flex-direction:column;
  opacity:0;transform:translateY(16px);transition:opacity .9s 1.1s var(--ease),transform .9s 1.1s var(--ease)}
.so-palco.is-vista .so-assina,.sem-js .so-assina{opacity:1;transform:none}
.so-assina__fala{margin:0;font-family:var(--f-mao);font-size:clamp(1.6rem,2.75vw,2.55rem);line-height:1.26;color:var(--marfim);transform:rotate(-2.4deg);transform-origin:0 100%;text-shadow:0 2px 20px rgba(12,9,6,1),0 0 4px rgba(12,9,6,.85)}
.so-assina__risco{width:min(62%,19rem);height:14px;margin:.5rem 0 1rem;overflow:visible;transform:rotate(-2.4deg);transform-origin:0 50%}
.so-assina__risco path{fill:none;stroke:var(--ambar-claro);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(217,138,43,.9));stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s 1.7s cubic-bezier(.5,.1,.2,1)}
.so-palco.is-vista .so-assina__risco path,.sem-js .so-assina__risco path{stroke-dashoffset:0}
.so-assina__quem{font-size:.72rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ambar-claro)}

/* ---------- a história ---------- */
.so-titulo{margin-bottom:clamp(1.6rem,2.6vw,2.4rem)}
.so-abre{margin:0;font-family:var(--f-titulo);font-size:clamp(1.3rem,1.9vw,1.72rem);line-height:1.36;color:var(--marfim);max-width:32rem}
.so-regra{margin:1.4rem 0 0;padding-left:1.1rem;border-left:1px solid var(--ambar);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--marfim-3);line-height:1.5}
.so-regra q{display:block;margin-top:.3rem;font-family:var(--f-titulo);font-size:clamp(1.12rem,1.5vw,1.36rem);letter-spacing:0;text-transform:none;color:var(--ambar-claro);line-height:1.35}
.so-dupla{display:grid;grid-template-columns:clamp(9rem,14.5vw,13rem) minmax(0,1fr);gap:clamp(1.2rem,2vw,1.8rem);align-items:center;margin-top:clamp(2rem,3.2vw,2.8rem);padding-top:clamp(1.6rem,2.4vw,2.2rem);border-top:1px solid var(--linha)}
.so-sala{margin:0}
.so-sala img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:46% 10%;filter:brightness(.7) saturate(.85) sepia(.22) contrast(1.06);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);
  mask-composite:intersect}
.so-sala figcaption{margin-top:.2rem;text-align:center;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--marfim-3)}
.so-linhas{margin:0;display:grid;gap:1.4rem}
.so-linha dt{margin-bottom:.4rem;font-size:.72rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ambar-claro)}
.so-linha dd{margin:0;font-size:clamp(.98rem,1.1vw,1.06rem);color:var(--marfim-2)}
.so-acoes{margin-top:2.2rem}

/* ---------- os três traços: pendurados no fio, iluminados por trás ---------- */
.so-tracos{position:relative;max-width:84rem;margin:clamp(4.5rem,8vw,7.5rem) auto 0}
.so-tracos__olho{margin:0 0 1.3rem;font-size:.72rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--marfim-3)}
.so-tracos__lista{position:relative;list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;gap:clamp(2rem,4.5vw,4.5rem)}
.so-tracos__lista::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right in oklab,var(--ambar-claro),var(--ambar) 55%,transparent);opacity:.55;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.8s var(--ease)}
.so-tracos.is-vista .so-tracos__lista::before,.sem-js .so-tracos__lista::before{transform:none}
.so-traco{position:relative;flex:1.05 1 0;padding-top:2.4rem}
.so-traco:nth-child(2){flex:1.12 1 0}
.so-traco:nth-child(3){flex:1.2 1 0}
/* o ponto de luz no fio */
.so-traco::after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--ambar-luz);box-shadow:0 0 10px 2px rgba(240,183,101,.9),0 0 26px 8px rgba(217,138,43,.55);opacity:0;transform:scale(.3);transition:opacity .7s var(--d,0s) var(--ease),transform .7s var(--d,0s) var(--ease)}
/* a luz que desce por trás da fala */
.so-traco::before{content:"";position:absolute;z-index:-1;left:-5rem;top:-4rem;width:min(30rem,135%);height:17rem;filter:blur(24px);
  background:radial-gradient(ellipse 50% 50% at 38% 42% in oklab, oklch(.58 .125 62 / .62), oklch(.40 .095 48 / .28) 50%, transparent 100%);
  opacity:0;transform:scale(.6);transform-origin:20% 20%;transition:opacity 1.5s var(--d,0s) var(--ease),transform 1.5s var(--d,0s) var(--ease)}
.so-traco blockquote{margin:0;font-family:var(--f-titulo);font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:1.32;color:var(--marfim)}
.so-traco:nth-child(2) blockquote{font-size:clamp(1.7rem,2.65vw,2.4rem);line-height:1.16}
@media (min-width:1200px){.so-traco:nth-child(2) blockquote{white-space:nowrap}}
.so-traco cite{display:block;margin-top:.9rem;font-style:normal;font-size:.8rem;letter-spacing:.08em;color:var(--marfim-3)}
.so-traco blockquote,.so-traco cite{opacity:0;transform:translateY(12px);transition:opacity .9s calc(var(--d,0s) + .35s) var(--ease),transform .9s calc(var(--d,0s) + .35s) var(--ease)}
.so-tracos.is-vista .so-traco::before,.so-tracos.is-vista .so-traco::after,.sem-js .so-traco::before,.sem-js .so-traco::after{opacity:1;transform:none}
.so-tracos.is-vista .so-traco blockquote,.so-tracos.is-vista .so-traco cite,.sem-js .so-traco blockquote,.sem-js .so-traco cite{opacity:1;transform:none}

@keyframes so-respira-1{from{transform:translate3d(-2.5%,1.5%,0) scale(1)}to{transform:translate3d(3%,-2.5%,0) scale(1.09)}}
@keyframes so-respira-2{from{transform:translate3d(2%,-1.5%,0) scale(1.06)}to{transform:translate3d(-3%,2.5%,0) scale(.97)}}

@media (max-width:900px){
  .so-grade{grid-template-columns:1fr;gap:0}
  .so-conta{display:contents}
  .so-conta>.s-olho{order:1}
  .so-titulo{order:2;margin-bottom:0;font-size:clamp(3rem,14.5vw,4.6rem);line-height:1.02;position:relative;z-index:3}
  .so-titulo__l{display:block}
  .so-palco{order:3;width:calc(100% + 2*var(--margem));max-width:none;margin:-2.6rem calc(-1*var(--margem)) 0}
  .so-abre{order:4;margin-top:3.6rem}
  .so-regra{order:5}
  .so-dupla{order:6;grid-template-columns:1fr;gap:.6rem;padding-top:0;border-top:0;margin-top:1.4rem}
  .so-sala{margin-inline:calc(-1*var(--margem))}
  .so-sala img{aspect-ratio:5/4;max-height:22rem;object-position:46% 16%;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 16%,#000 78%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 16%,#000 78%,transparent 100%)}
  .so-sala figcaption{margin-top:-.4rem}
  .so-linhas{margin-top:1rem}
  .so-acoes{order:7;margin-top:1.8rem}
  .so-acoes .s-btn{width:100%;justify-content:center}
  .so-luz{inset:-8% -4% -2% -4%;filter:blur(28px)}
  .so-retrato{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 64%,transparent 96%);
    mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 64%,transparent 96%)}
  .so-assina{left:var(--margem);right:var(--margem);bottom:-2rem}
  .so-assina__fala{font-size:clamp(1.5rem,6.6vw,2rem)}
  /* no celular o fio fica em pé, à esquerda */
  .so-tracos__lista{flex-direction:column;gap:2.4rem;padding-left:1.6rem}
  .so-tracos__lista::before{left:0;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(to bottom in oklab,var(--ambar-claro),var(--ambar) 60%,transparent);transform:scaleY(0);transform-origin:50% 0}
  .so-traco,.so-traco:nth-child(2),.so-traco:nth-child(3){flex:none;padding-top:0}
  .so-traco::after{left:calc(-1.6rem - 3px);top:.6em}
  .so-traco::before{left:-3rem;top:-3.5rem;width:21rem;max-width:100vw;height:13rem}
}

/* ==== avaliacoes ==== */
.av{background:var(--carvao)}
.av-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.av-cab{max-width:82rem;margin-inline:auto}
.av-sub{margin:.9rem 0 0;font-family:var(--f-titulo);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.2;color:var(--marfim-2)}

/* uma só composição: vozes de tamanhos diferentes e, entre elas, a soma */
.av-vozes{display:grid;grid-template-columns:repeat(12,1fr);column-gap:2rem;row-gap:clamp(3rem,5.4vw,5rem);align-items:start;max-width:82rem;margin:clamp(3.4rem,6vw,5.5rem) auto 0}
.av-coro{display:contents}
.av-trilho{display:none}

/* o 5,0 em contraluz: silhueta escura, contorno de luz */
.av-nota{position:relative;grid-area:1 / 9 / auto / 13;justify-self:end;margin-top:-1.4rem}
.av-nota::before{content:"";position:absolute;z-index:-1;inset:-22% -34% 6% -34%;pointer-events:none;
  background:radial-gradient(ellipse closest-side at 56% 50% in oklab,rgba(232,150,50,.46),rgba(143,74,28,.16) 55%,transparent)}
.av-num{margin:0;font-family:var(--f-titulo);font-size:clamp(9rem,18.5vw,16.5rem);line-height:1;letter-spacing:-.03em;white-space:nowrap;
  color:var(--preto-2);-webkit-text-stroke:3px var(--ambar-claro);paint-order:stroke fill;
  filter:drop-shadow(0 0 10px rgba(240,183,101,.6)) drop-shadow(0 0 40px rgba(217,138,43,.35))}
.av-pe{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin-top:-.4rem;padding-top:1rem;border-top:1px solid var(--linha)}
.av-conta{margin:0;font-size:1rem;line-height:1.45;color:var(--marfim-2)}
.av-conta strong{display:block;font-family:var(--f-titulo);font-weight:400;font-size:1.5rem;line-height:1.2;color:var(--marfim)}
.av-data{display:block;font-size:.82rem;color:var(--marfim-3)}
.av-todas{font-size:.95rem;white-space:nowrap}

.av-voz{position:relative;margin:0}
.av-voz blockquote{margin:0}
.av-fala{margin:0;font-family:var(--f-titulo);line-height:1.12;color:var(--marfim);text-wrap:balance}
.av-fala::before{content:"\201C";display:inline-block;width:.46em;margin-left:-.46em;color:var(--ambar-claro)}
.av-fala::after{content:"\201D";color:var(--ambar-claro)}
.av-fala--b{margin-top:.3em;font-size:1.5em;line-height:1.05}
.av-acesa{font-style:normal;color:var(--ambar-claro);text-shadow:0 0 22px rgba(217,138,43,.55)}

/* o fio sob a última linha, e o nome */
.av-quem{position:relative;margin-top:1.15rem;padding-top:1.05rem;font-size:.78rem;line-height:1.25rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--marfim-2)}
.av-quem::before{content:"";position:absolute;left:0;top:0;width:min(100%,26rem);height:1px;transform-origin:left;
  background:linear-gradient(to right in oklab,var(--ambar-luz),var(--ambar) 34%,transparent)}
.av-quem span{color:var(--marfim-3);letter-spacing:.18em;margin-left:.7em}

/* a luz baixa: sobe do fio, por trás da fala */
.av-voz::before{content:"";position:absolute;z-index:-1;left:-12%;right:-6%;--h:max(11rem,3.5em);height:var(--h);bottom:calc(2.3rem + .22em - var(--h) / 2);pointer-events:none;
  background:radial-gradient(ellipse closest-side at 36% 50% in oklab,rgba(236,156,56,.44),rgba(170,92,32,.2) 42%,rgba(143,74,28,.07) 70%,transparent)}
.av-eco::before{--h:8rem;background:radial-gradient(ellipse closest-side at 36% 50% in oklab,rgba(226,146,48,.28),rgba(143,74,28,.1) 50%,transparent)}

.av-voz--1{grid-area:1 / 1 / auto / 9;align-self:center;font-size:clamp(2.6rem,5.9vw,5.6rem)}
.av-voz--1 .av-fala{line-height:1.02;letter-spacing:-.01em}
.av-voz--2{grid-area:2 / 1 / auto / 5;align-self:end;font-size:clamp(1.3rem,1.9vw,1.8rem)}
.av-voz--3{grid-area:2 / 6 / auto / 13;font-size:clamp(1.6rem,3vw,2.85rem)}
.av-eco--1{grid-area:3 / 1 / auto / 4;align-self:end}
.av-voz--4{grid-area:3 / 4 / auto / 10;padding-left:1.5rem;font-size:clamp(2.1rem,4.5vw,4.2rem)}
.av-eco--2{grid-area:3 / 10 / auto / 13;margin-top:.8rem}
.av-eco--3{grid-area:4 / 2 / auto / 6}
.av-eco--4{grid-area:4 / 7 / auto / 12;margin-top:1.6rem}

.av-eco{font-size:clamp(1.12rem,1.55vw,1.45rem)}
.av-eco .av-fala{line-height:1.3;color:var(--marfim-2);text-wrap:pretty}
.av-eco--4{font-size:clamp(1.4rem,2.3vw,2.2rem)}
.av-eco--4 .av-fala{color:var(--marfim);line-height:1.14}
.av-eco .av-quem{font-size:.72rem;margin-top:1rem}

/* entrada: o fio risca, a luz acende, depois o texto, por último a palavra */
html:not(.sem-js) .av-voz::before,html:not(.sem-js) .av-nota::before{opacity:0;transition:opacity 1.5s var(--ease) var(--d,0s)}
html:not(.sem-js) .av-num{opacity:0;transition:opacity 1.6s var(--ease) .25s}
html:not(.sem-js) .av-pe{opacity:0;transition:opacity .9s var(--ease) .8s}
html:not(.sem-js) .av-quem::before{transform:scaleX(0);transition:transform 1.2s var(--ease) var(--d,0s)}
html:not(.sem-js) .av-voz blockquote,html:not(.sem-js) .av-voz .av-quem{opacity:0;transition:opacity .9s var(--ease) calc(var(--d,0s) + .4s),transform .9s var(--ease) calc(var(--d,0s) + .4s)}
html:not(.sem-js) .av-voz blockquote{transform:translateY(16px)}
html:not(.sem-js) .av-voz .av-quem{opacity:1;color:transparent;transition:color .9s var(--ease) calc(var(--d,0s) + .6s)}
html:not(.sem-js) .av-voz .av-quem span{color:transparent;transition:color .9s var(--ease) calc(var(--d,0s) + .6s)}
html:not(.sem-js) .av-acesa{color:var(--marfim);text-shadow:none;transition:color 1s var(--ease) calc(var(--d,0s) + 1.1s),text-shadow 1s var(--ease) calc(var(--d,0s) + 1.1s)}
html:not(.sem-js) .av-voz.is-vista::before,html:not(.sem-js) .av-nota.is-vista::before,html:not(.sem-js) .av-nota.is-vista .av-num,html:not(.sem-js) .av-nota.is-vista .av-pe{opacity:1}
html:not(.sem-js) .av-voz.is-vista .av-quem::before{transform:none}
html:not(.sem-js) .av-voz.is-vista blockquote{opacity:1;transform:none}
html:not(.sem-js) .av-voz.is-vista .av-quem{color:var(--marfim-2)}
html:not(.sem-js) .av-voz.is-vista .av-quem span{color:var(--marfim-3)}
html:not(.sem-js) .av-voz.is-vista .av-acesa{color:var(--ambar-claro);text-shadow:0 0 22px rgba(217,138,43,.55)}

@media (max-width:820px){
  .av-vozes{display:flex;flex-direction:column;align-items:stretch;gap:3.2rem;margin-top:2.2rem}
  .av-nota{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:1.1rem;justify-self:auto;margin:0 0 .4rem}
  .av-num{font-size:clamp(7.2rem,39vw,10rem);line-height:.92;-webkit-text-stroke-width:2.5px;margin-left:-.03em}
  .av-nota::before{inset:-16% 20% -6% -24%}
  .av-pe{display:block;margin:0 0 1.1rem;padding:0;border:0}
  .av-conta strong{font-size:1.35rem}
  .av-todas{display:inline-block;margin-top:.9rem;padding-block:.35rem .3rem}
  .av-fala::before{margin-left:0;width:auto}
  .av-voz--1{font-size:clamp(2.4rem,11.4vw,3.4rem)}
  .av-voz--2{align-self:flex-end;width:80%;font-size:1.3rem}
  .av-voz--3{font-size:1.62rem}
  .av-voz--4{align-self:flex-end;padding-left:0;font-size:clamp(2.1rem,9.6vw,2.8rem)}
  .av-coro{display:flex;align-items:stretch;min-width:0;gap:1.6rem;margin:.4rem calc(var(--margem) * -1) 0;padding:0 var(--margem) 1.4rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--margem);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .av-coro::-webkit-scrollbar{display:none}
  .av-voz::before{left:-34%;right:-22%}
  .av-eco,.av-eco--4{flex:0 0 min(70vw,17.5rem);align-self:stretch;margin-top:0;scroll-snap-align:start;font-size:1.16rem;display:flex;flex-direction:column;justify-content:space-between}
  .av-eco--4 .av-fala{color:var(--marfim-2);line-height:1.3}
  /* trilho: o trecho aceso acompanha o arraste e fica onde você deixou */
  .av-trilho{display:block;position:relative;flex:none;height:1px;margin-top:-2.4rem;background:var(--linha)}
  .av-trilho i{position:absolute;left:0;top:-1px;height:3px;width:var(--w,28%);border-radius:2px;transform:translateX(var(--x,0px));
    background:linear-gradient(to right in oklab,var(--ambar),var(--ambar-luz));box-shadow:0 0 12px rgba(217,138,43,.8)}
}

/* ==== primeira ==== */
.pr{background:var(--preto)}
/* a luz da janela vaza para a página */
.pr::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 46% at 50% 30% in oklab,rgba(240,183,101,.13),rgba(217,138,43,.04) 55%,transparent 78%)}
.pr-facho{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  -webkit-mask-image:radial-gradient(70% 34% at 50% 34%,#000,transparent);mask-image:radial-gradient(70% 34% at 50% 34%,#000,transparent)}
.pr-facho i{position:absolute;top:0;bottom:0;left:-560px;right:0;
  background:repeating-linear-gradient(90deg,rgba(255,226,176,0) 0,rgba(255,226,176,.085) 46px,rgba(255,226,176,0) 104px,rgba(255,226,176,0) 196px,rgba(255,226,176,.05) 226px,rgba(255,226,176,0) 280px);
  animation:pr-luz 48s linear infinite}
.pr-grade{display:grid;gap:2.2rem;max-width:84rem;margin-inline:auto}
.pr-lead{margin:1.4rem 0 0}

/* a sala: janela acesa na noite */
.pr-sala{margin:0 calc(var(--margem)*-1);position:relative}
.pr-janela{position:relative;overflow:hidden;aspect-ratio:3/4;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 60%,transparent 97%);
  mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 60%,transparent 97%);
  opacity:.25;transition:opacity 1.6s var(--ease)}
.pr-janela.is-vista,.sem-js .pr-janela{opacity:1}
.pr-janela img{position:absolute;top:0;left:-15%;width:124%;max-width:none;height:100%;object-fit:cover;object-position:50% 0}
.pr-persiana{position:absolute;top:0;bottom:0;left:-560px;right:0;mix-blend-mode:soft-light;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,238,205,0) 0,rgba(255,238,205,.85) 46px,rgba(255,238,205,0) 104px,rgba(30,14,0,.4) 150px,rgba(255,238,205,0) 196px,rgba(255,238,205,.5) 226px,rgba(255,238,205,0) 280px);
  animation:pr-luz 48s linear infinite}
@keyframes pr-luz{to{transform:translateX(560px)}}

.pr-fala{position:relative;margin-top:-5.5rem;padding-inline:var(--margem)}
.pr-fala__txt{margin:0;font-family:var(--f-titulo);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.3;color:var(--marfim);max-width:22ch;text-shadow:0 1px 18px rgba(12,9,6,.9)}
.pr-fala__quem{display:block;margin-top:.8rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--marfim-2)}

/* os três passos, ligados pelo fio */
.pr-passos{list-style:none;margin:0;padding:0}
.pr-passo{position:relative;display:grid;grid-template-columns:4.2rem 1fr;column-gap:1.2rem;padding-bottom:2.4rem}
.pr-passo:last-child{padding-bottom:0}
.pr-num{font-family:var(--f-titulo);font-size:2.9rem;line-height:1;letter-spacing:.01em;color:transparent;-webkit-text-stroke:1px rgba(240,183,101,.5);
  background:linear-gradient(160deg in oklab,var(--ambar-luz),var(--ambar));-webkit-background-clip:text;background-clip:text;
  background-size:100% 0%;background-repeat:no-repeat;background-position:top;
  transition:background-size 1s var(--ease) calc(.2s + var(--i)*.75s),filter 1s calc(.2s + var(--i)*.75s),-webkit-text-stroke-color 1s calc(.2s + var(--i)*.75s)}
.pr-passos.is-vista .pr-num,.sem-js .pr-num{background-size:100% 100%;-webkit-text-stroke-color:transparent;filter:drop-shadow(0 0 12px rgba(217,138,43,.55))}
/* o fio: sai de baixo de um número e chega no seguinte */
.pr-passo:not(:last-child)::before,.pr-passo:not(:last-child)::after{content:"";position:absolute;left:1.55rem;top:3.5rem;bottom:.6rem;width:1px}
.pr-passo:not(:last-child)::before{background:var(--linha)}
.pr-passo:not(:last-child)::after{background:linear-gradient(to bottom in oklab,var(--ambar-luz),var(--ambar));box-shadow:0 0 8px rgba(240,183,101,.7);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease) calc(.55s + var(--i)*.75s)}
.pr-passos.is-vista .pr-passo::after,.sem-js .pr-passo::after{transform:scaleY(1)}
.pr-passo__t{margin:.25rem 0 .3rem;font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.15;color:var(--marfim)}
.pr-passo__p{margin:0;color:var(--marfim-2);font-size:clamp(1rem,1.18vw,1.14rem)}
.pr-prova{margin:1rem 0 0;padding-left:1rem;border-left:1px solid var(--linha);font-family:var(--f-titulo);font-size:1.05rem;line-height:1.45;color:var(--marfim-2);max-width:30rem}
.pr-prova cite{display:block;margin-top:.5rem;font-family:var(--f-texto);font-style:normal;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--marfim-2)}

/* fecho: o que é bom saber + agendar */
.pr-fecho{display:grid;gap:2.2rem;margin-top:1.2rem;position:relative;padding-top:.4rem}
.pr-fecho::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right in oklab,var(--ambar-claro),var(--ambar) 40%,transparent)}
.pr-pratico{margin:0;display:grid}
.pr-pratico div{display:grid;grid-template-columns:6.6rem 1fr;gap:.8rem;padding:1.05rem 0;border-bottom:1px solid var(--linha)}
.pr-pratico dt{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ambar-claro);padding-top:.28rem}
.pr-pratico dd{margin:0;color:var(--marfim);font-size:1rem;line-height:1.45}
.pr-acao{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}
.pr-acao__nota{font-size:.92rem;color:var(--marfim-2);line-height:1.4}

@media (min-width:900px){
  .pr::before{background:radial-gradient(52% 60% at 30% 38% in oklab,rgba(240,183,101,.14),rgba(217,138,43,.04) 55%,transparent 80%)}
  .pr-grade{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"sala cab" "sala passos" "fecho fecho";column-gap:clamp(2.5rem,5vw,5rem);row-gap:2.6rem;align-items:start}
  .pr-cab{grid-area:cab;padding-top:1rem}
  .pr-passos{grid-area:passos}
  .pr-sala{grid-area:sala;align-self:stretch;margin:calc(var(--secao)*-1) 0 0 calc(var(--margem)*-1);min-height:44rem}
  .pr-janela img{object-position:50% 10%}
  .pr-janela{position:absolute;inset:0;aspect-ratio:auto;
    -webkit-mask-image:linear-gradient(to right,#000 55%,transparent 99%),linear-gradient(to bottom,transparent,#000 14%,#000 64%,transparent 98%);
    mask-image:linear-gradient(to right,#000 55%,transparent 99%),linear-gradient(to bottom,transparent,#000 14%,#000 64%,transparent 98%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .pr-fala{position:absolute;left:var(--margem);right:auto;bottom:0;margin:0;padding:0}
  .pr-facho{-webkit-mask-image:radial-gradient(46% 62% at 44% 40%,#000,transparent);mask-image:radial-gradient(46% 62% at 44% 40%,#000,transparent)}
  .pr-fecho{grid-area:fecho;grid-template-columns:1fr auto;align-items:center;gap:3rem;margin-top:1.8rem;padding-top:0}
  .pr-pratico{grid-template-columns:auto 1.3fr 1fr}
  .pr-pratico div{display:block;padding:1.5rem 2rem 1.3rem;border-bottom:0;border-left:1px solid var(--linha)}
  .pr-pratico div:first-child{padding-left:0;border-left:0}
  .pr-pratico dt{padding:0;margin-bottom:.5rem}
  .pr-acao{flex-direction:column;align-items:flex-end;gap:.7rem;text-align:right}
}
@media (min-width:900px) and (max-width:1180px){
  .pr-fecho{grid-template-columns:1fr;gap:1.6rem}
  .pr-acao{flex-direction:row;align-items:center;text-align:left}
}

/* ==== onde ==== */
.on{background:var(--preto);padding-bottom:clamp(3.5rem,7vw,6rem)}
.on-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 44% 46% at 74% 30% in oklab, oklch(.33 .075 55 / .5), transparent 100%),
    radial-gradient(ellipse 40% 40% at 0% 100% in oklab, oklch(.26 .05 48 / .5), transparent 100%)}

.on-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"cabeca mapa" "corpo mapa";grid-template-rows:auto 1fr;column-gap:clamp(2rem,5vw,5rem);max-width:86rem;margin-inline:auto}
.on-cabeca{grid-area:cabeca}
.on-corpo{grid-area:corpo;position:relative;z-index:1}
.on-apoio{margin:1.8rem 0 0}
.on-fala{margin:1.9rem 0 0;padding-left:1.2rem;border-left:1px solid var(--linha);max-width:30rem}
.on-fala blockquote{margin:0;font-family:var(--f-titulo);font-size:1.2rem;line-height:1.45;color:var(--marfim)}
.on-fala figcaption{margin-top:.6rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--marfim-3)}
.on-acoes{margin-top:2.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem}
.on-btn2{display:inline-flex;align-items:center;padding:1rem 1.5rem;border-radius:999px;border:1px solid var(--linha);font-size:1rem;font-weight:400;text-decoration:none;color:var(--marfim);transition:border-color .25s,color .25s}
.on-btn2:hover,.on-btn2:focus-visible{border-color:var(--ambar-claro);color:var(--ambar-claro)}

.on-rotulo{display:block;margin:0 0 1rem;font-family:var(--f-texto);font-size:.74rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ambar-claro)}

/* mapa */
.on-mapa{grid-area:mapa;align-self:center;position:relative;display:block;aspect-ratio:720/620;text-decoration:none;color:var(--marfim-3)}
.on-mapa__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.on-fio{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s .5s cubic-bezier(.5,.1,.2,1)}
.on-fio--brilho{opacity:.2;filter:blur(5px)}
.on-mapa.is-vista .on-fio,.sem-js .on-fio{stroke-dashoffset:0}
.on-ponto,.on-haste,.on-halo,.on-acesos,.on-rot--aqui{opacity:0;transition:opacity 1s 2.5s var(--ease)}
.on-mapa.is-vista .on-ponto,.on-mapa.is-vista .on-haste,.on-mapa.is-vista .on-halo,.on-mapa.is-vista .on-acesos,.on-mapa.is-vista .on-rot--aqui,
.sem-js .on-ponto,.sem-js .on-haste,.sem-js .on-halo,.sem-js .on-acesos,.sem-js .on-rot--aqui{opacity:1}
.on-mapa.is-vista .on-acesos,.sem-js .on-acesos{opacity:.75}
.on-halo,.on-onda{transform-box:fill-box;transform-origin:center}
.on-halo{animation:on-respira 5.5s ease-in-out infinite alternate}
.on-onda{opacity:0}
.on-mapa.is-vista .on-onda{animation:on-onda 5.5s 3s ease-out infinite}
@keyframes on-respira{from{transform:scale(.8)}to{transform:scale(1.1)}}
@keyframes on-onda{0%{transform:scale(.25);opacity:0}12%{opacity:.34}100%{transform:scale(2.6);opacity:0}}

.on-rot{position:absolute;white-space:nowrap;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;line-height:1.2}
.on-rot--bairro{transform:translate(-50%,-50%)}
.on-rot--bairro{font-family:var(--f-titulo);text-transform:none;letter-spacing:.14em;font-size:clamp(1.05rem,1.5vw,1.4rem);color:var(--marfim-3)}
.on-rot--cv{left:47%;top:73%;font-size:clamp(1.5rem,2.7vw,2.6rem);letter-spacing:.2em;color:rgba(243,233,220,.62)}
.on-rot--so{left:33%;top:92%}
.on-rot--oc{left:9%;top:60%}
.on-rot--em{left:74%;top:9%}
.on-rot--norte{right:3%;top:3%;font-family:var(--f-titulo);font-size:.9rem;letter-spacing:0;padding-top:1.1rem}
.on-rot--norte::before{content:"";position:absolute;left:50%;top:0;width:1px;height:.9rem;background:currentColor}
.on-rot--aqui{left:66.4%;top:40.6%;transform:translateY(-50%);letter-spacing:.16em;color:var(--marfim)}
.on-rot--aqui b{display:block;font-weight:500;font-size:.8rem}
.on-rot--aqui i{display:block;margin-top:.3rem;font-style:normal;font-size:.68rem;letter-spacing:.24em;color:var(--ambar-claro)}
.on-mapa__nota{position:absolute;left:0;bottom:0;font-size:.72rem;letter-spacing:.08em;color:var(--marfim-3)}
.on-mapa__abrir{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;color:var(--ambar-claro);border-bottom:1px solid var(--linha);padding-bottom:.15em;transition:border-color .25s}
.on-mapa__abrir svg{width:.8rem;height:.8rem}
.on-mapa:hover .on-mapa__abrir,.on-mapa:focus-visible .on-mapa__abrir{border-color:var(--ambar-claro)}
.on-ponto circle:first-child{transform-box:fill-box;transform-origin:center;transition:transform .5s var(--ease)}
.on-mapa:hover .on-ponto circle:first-child,.on-mapa:focus-visible .on-ponto circle:first-child{transform:scale(1.5)}

/* fatos */
.on-fatos{max-width:86rem;margin:clamp(3rem,6vw,5rem) auto 0;padding-top:clamp(2rem,3.5vw,3rem);border-top:1px solid var(--linha);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr);gap:2.5rem clamp(2rem,5vw,5rem)}
.on-hoje-texto{letter-spacing:.14em;color:var(--marfim-2);margin-left:.6rem}
.on-semana{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.on-semana li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 0 1.1rem;border-top:1px solid rgba(240,183,101,.16);color:var(--marfim-3)}
.on-dia{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem}
.on-semana b{font-family:var(--f-titulo);font-weight:400;font-size:1.2rem;line-height:1;color:var(--marfim-2)}
.on-semana i{width:1px;height:.9rem;background:var(--linha)}
.on-semana em{font-style:normal;font-size:.72rem;letter-spacing:.06em;margin-top:1.05rem}
.on-semana li.on-hoje{color:var(--ambar-claro)}
.on-semana li.on-hoje::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--ambar-luz);box-shadow:0 0 12px 1px rgba(240,183,101,.9)}
.on-semana li.on-hoje::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom in oklab,rgba(217,138,43,.2),transparent 85%)}
.on-semana li.on-hoje b{color:var(--ambar-luz);text-shadow:0 0 16px rgba(217,138,43,.7)}
.on-semana li.on-hoje i{background:var(--ambar-claro)}
.on-miudo{margin:.9rem 0 0;font-size:.92rem;color:var(--marfim-2)}
.on-endereco{font-style:normal;color:var(--marfim);font-size:1rem;line-height:1.65}
.on-fone{display:inline-block;font-family:var(--f-titulo);font-size:clamp(1.7rem,2.2vw,2.1rem);line-height:1.2;white-space:nowrap;text-decoration:none;color:var(--marfim);transition:color .25s}
.on-fone:hover,.on-fone:focus-visible{color:var(--ambar-claro)}

/* rodapé */
.on-rodape{position:relative;isolation:isolate;overflow:hidden;background:var(--preto);padding:0 var(--margem) 2rem}
.on-rodape__luz{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 46% 90% at 50% 118% in oklab, oklch(.42 .1 58 / .5), oklch(.3 .07 50 / .18) 55%, transparent 100%)}
.on-rodape__grade{max-width:86rem;margin-inline:auto;padding-top:clamp(2.6rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem clamp(2rem,6vw,6rem);align-items:start}
.on-marca{display:inline-flex;align-items:baseline;gap:.7rem;text-decoration:none;white-space:nowrap}
.on-marca__dra{font-family:var(--f-titulo);font-size:clamp(2rem,3.2vw,2.8rem);color:var(--rose);line-height:1}
.on-marca__nome{font-size:clamp(.82rem,1.1vw,1rem);font-weight:400;letter-spacing:.34em;text-transform:uppercase}
.on-marca__area{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--marfim-3);padding-left:.7rem;border-left:1px solid var(--linha)}
.on-junto{white-space:nowrap}
.on-rodape__end{margin:1.2rem 0 0;font-size:.92rem;color:var(--marfim-2)}
.on-rodape__contato{margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;font-size:.92rem}
.on-rodape__nav{display:grid;grid-template-columns:auto auto;gap:.6rem 2.4rem;font-size:.92rem;padding-top:.6rem}
.on-rodape__nav a,.on-rodape__contato a,.on-rodape__topo{text-decoration:none;color:var(--marfim-2);transition:color .25s}
.on-rodape__nav a:hover,.on-rodape__nav a:focus-visible,.on-rodape__contato a:hover,.on-rodape__contato a:focus-visible,.on-rodape__topo:hover,.on-rodape__topo:focus-visible{color:var(--ambar-claro)}
.on-rodape__base{max-width:86rem;margin:clamp(2.2rem,4vw,3.2rem) auto 0;padding-top:1.2rem;border-top:1px solid rgba(240,183,101,.14);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.86rem}
.on-rodape__selo{margin:0;color:var(--marfim-2)}
.on-rodape__selo a{color:var(--ambar-claro);font-weight:400;text-decoration:underline;text-decoration-color:rgba(240,183,101,.55);text-underline-offset:.28em;transition:text-decoration-color .25s,color .25s}
.on-rodape__selo a:hover,.on-rodape__selo a:focus-visible{color:var(--ambar-luz);text-decoration-color:var(--ambar-luz)}
.on-rodape__topo{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.on-rodape__selo a,.on-rodape__topo,.on-miudo .s-link{display:inline-block;padding-block:.5rem}
.on-miudo .s-link{padding-bottom:.15em}
.on-rodape__topo svg{width:.85rem;height:.85rem}

@media (max-width:1100px){
  .on-rot--aqui{letter-spacing:.1em}
  .on-rot--aqui b{font-size:.72rem}
  .on-fatos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .on-fato--horario{grid-column:1/-1}
}
@media (max-width:900px){
  .on-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"cabeca" "mapa" "corpo";grid-template-rows:none}
  .on-mapa{margin:1rem calc(var(--margem)*-.6) 3rem}
  .on-mapa__nota{left:calc(var(--margem)*.6);bottom:-2.2rem}
  .on-mapa__abrir{right:calc(var(--margem)*.6);bottom:-2.2rem;font-size:.9rem}
  .on-apoio{margin-top:1.4rem}
  .on-acoes .s-btn,.on-btn2{width:100%;justify-content:center}
  .on-fatos{grid-template-columns:minmax(0,1fr)}
  .on-rot{font-size:.66rem;letter-spacing:.2em}
  .on-rot--bairro{font-size:.95rem;letter-spacing:.1em}
  .on-rot--cv{font-size:1.45rem;letter-spacing:.16em;left:50%;top:81%}
  .on-rot--em{left:27%;top:13%}
  .on-rot--oc{left:15%;top:45%}
  .on-rot--so{left:26%;top:96%}
  .on-haste{display:none}
  .on-rot--aqui{left:54.4%;top:58%;transform:translate(-50%,0);text-align:center}
  .on-rot--aqui b{font-size:.72rem}
  .on-semana b{font-size:1.05rem}
  .on-dia{letter-spacing:.12em}
  .on-rodape{padding-bottom:5.5rem}
  .on-rodape__grade{grid-template-columns:minmax(0,1fr)}
  .on-rodape__nav{grid-template-columns:1fr 1fr;padding-top:0}
  .on-rodape__nav a,.on-rodape__contato a{padding:.35rem 0}
  .on-marca{gap:.5rem}
  .on-marca__area{padding-left:.5rem;letter-spacing:.22em}
  .on-marca__nome{letter-spacing:.26em}
}

/* ==== pe ==== */
.s-pular{position:absolute;left:-999px;top:0;z-index:100;background:var(--ambar-claro);color:#1a0f04;padding:.7rem 1rem;text-decoration:none}
.s-pular:focus{left:.5rem;top:.5rem}
/* botão que acompanha a rolagem no celular; aparece depois do hero */
.s-zap{position:fixed;left:1rem;right:1rem;bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:80;display:none;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.2rem;border-radius:999px;font-weight:500;font-size:1rem;text-decoration:none;color:#1a0f04;background:linear-gradient(100deg in oklab,var(--ambar-claro),var(--ambar));box-shadow:0 0 0 1px rgba(255,230,189,.4) inset,0 14px 40px -8px rgba(0,0,0,.8),0 8px 30px -10px rgba(217,138,43,.7);transform:translateY(140%);transition:transform .5s var(--ease)}
.s-zap svg{width:1.2rem;height:1.2rem}
.s-zap.is-on{transform:none}
@media (max-width:820px){.s-zap{display:flex}}