/* Edith Luchtemberg · tema único da página (teste da skill v3.1, modo direto).
   Conceito: mente e coração no mesmo lugar. O traço do logo (rosa, fino) é o fio que conduz a leitura.
   Paleta com função (BRIEFING-PREENCHIDO.md): porcelana = casa, branco = cartão, blush = espelho,
   vinho = marca em bloco e botão, noite = único escuro (cena), rosa = o fio, ênfase e foco. */
:root{
  --porcelana:#F6F2EE; --branco:#FFFFFF; --blush:#F1E3E2; --vinho:#99182E; --vinho-fundo:#86142A;
  --noite:#3B0F1A; --rosa:#CC3366; --rosa-claro:#E7839F; --tinta:#2B1D21; --tinta-suave:#66525A;
  --linha:rgba(43,29,33,.12);
  --serifa:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --largura:1200px; --margem:clamp(24px,4vw,56px); --secao:128px; --topo:76px;
  --raio:20px; --raio-pilula:999px;
  --sombra:0 1px 2px rgba(59,15,26,.05),0 18px 44px -22px rgba(59,15,26,.22);
  --curva:cubic-bezier(.22,.61,.36,1);
}
@media (max-width:900px){:root{--secao:88px;--topo:64px}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:var(--topo);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--porcelana);color:var(--tinta);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--rosa);outline-offset:3px;border-radius:4px}
.ed-pular{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:var(--raio-pilula);background:var(--vinho);color:#fff}
.ed-pular:focus{top:12px}

/* grade única */
.ed-cont{width:min(var(--largura),100% - 2 * var(--margem));margin-inline:auto}
.ed-secao{position:relative;padding-block:var(--secao)}
.ed-noite{background:var(--noite);color:var(--porcelana);--tinta-suave:rgba(246,242,238,.78);--linha:rgba(246,242,238,.16)}
.ed-vinho{background:var(--vinho);color:var(--porcelana);--tinta-suave:rgba(246,242,238,.86);--linha:rgba(246,242,238,.2)}
.ed-blush{background:var(--blush)}

/* tipografia por papel */
.ed-rotulo{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font:600 12.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-suave)}
.ed-rotulo::before{content:"";width:22px;height:1.5px;background:var(--rosa)}
.ed-titulo{font:400 clamp(2.25rem,1.3rem + 3vw,4.1rem)/1.06 var(--serifa);letter-spacing:-.022em;text-wrap:balance;font-variation-settings:"opsz" 72}
.ed-titulo em,.ed-destaque em{font-style:italic;color:var(--rosa)}
.ed-noite .ed-titulo em,.ed-vinho .ed-titulo em{color:var(--rosa-claro)}
.ed-subtitulo{font:500 clamp(1.4rem,1.15rem + .8vw,1.9rem)/1.2 var(--serifa);letter-spacing:-.012em;text-wrap:balance}
.ed-lead{font:400 clamp(1.2rem,1.05rem + .5vw,1.45rem)/1.5 var(--serifa);text-wrap:pretty}
.ed-texto{color:var(--tinta-suave);max-width:36em;text-wrap:pretty}
.ed-texto+.ed-texto{margin-top:.9em}

/* botões */
.ed-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 26px;border-radius:var(--raio-pilula);font:600 15px/1 var(--sans);letter-spacing:.02em;transition:background .3s,color .3s,transform .3s var(--curva);cursor:pointer;border:0}
.ed-btn--principal{background:var(--vinho);color:#fff!important}
.ed-btn--principal:hover{background:var(--rosa)}
.ed-btn--claro{background:var(--porcelana);color:var(--vinho)!important}
.ed-btn--claro:hover{background:#fff;color:var(--rosa)!important}
.ed-btn--linha{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.ed-btn--linha:hover{color:var(--rosa)}
.ed-btn--pequeno{min-height:44px;padding:0 20px;font-size:14px}
.ed-seta{display:inline-block;transition:transform .3s var(--curva)}
.ed-btn:hover .ed-seta{transform:translateX(4px)}

/* o fio: traço do logo, desenhado pela rolagem (motor.js). Sem movimento: já desenhado. */
.ed-fio{position:absolute;pointer-events:none;overflow:visible;fill:none;stroke:var(--rosa);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ed-fio path{vector-effect:non-scaling-stroke}
.ed-vinho .ed-fio{stroke:#fff}

/* movimento: estados iniciais só com .mov (definida no <head> quando não há movimento reduzido) */
.mov [data-mov="subir"],.mov [data-cascata]>*{opacity:0;transform:translateY(18px);transition:opacity .9s var(--curva),transform .9s var(--curva)}
.mov [data-mov="subir"].visto,.mov [data-cascata].visto>*{opacity:1;transform:none}
.mov [data-mov="palavras"] .p{display:inline-block;opacity:0;transform:translateY(.45em);transition:opacity .8s var(--curva),transform .9s var(--curva)}
.mov [data-mov="palavras"].visto .p{opacity:1;transform:none}
.mov [data-mov="janela"]{clip-path:inset(100% 0 0 0 round var(--raio));transition:clip-path 1.3s cubic-bezier(.65,0,.35,1)}
.mov [data-mov="janela"] img{transform:scale(1.1);transition:transform 1.8s var(--curva)}
.mov [data-mov="janela"].visto{clip-path:inset(0 0 0 0 round var(--raio))}
.mov [data-mov="janela"].visto img{transform:scale(1)}
.mov [data-acender] .p{opacity:.22;transition:opacity .35s linear}
.mov [data-acender] .p.aceso{opacity:1}
.mov .ed-fio path{stroke-dasharray:1;stroke-dashoffset:var(--fio,1)}