:root{
  --e-papel:#f4efe4; --e-areia:#e3d9c1; --e-palha:#c9ad7c; --e-caramelo:#a7641d; --e-caramelo-fundo:#8f5215;
  --e-oliva:#3f4a2a; --e-tinta:#23281a; --e-tinta-suave:#565a47; --e-marfim:#fbf6ea;
  --e-serifa:"Source Serif 4",Georgia,serif; --e-sem:"Outfit",system-ui,sans-serif;
  --e-borda:clamp(1.25rem,4vw,4.5rem);
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--e-papel);color:var(--e-tinta);font-family:var(--e-sem);font-weight:400;line-height:1.5}
a{color:inherit;text-decoration:none}
.e-hero{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
.e-malha{position:absolute;inset:-10%;z-index:-2;background:var(--e-papel)}
.e-malha i{position:absolute;border-radius:50%;filter:blur(70px);animation:e-respira 26s ease-in-out infinite alternate}
.e-malha i:nth-child(1){width:55vw;height:55vw;left:-8%;top:-18%;background:radial-gradient(circle in oklab,#efe2c6,transparent 70%)}
.e-malha i:nth-child(2){width:60vw;height:60vw;right:-10%;top:10%;background:radial-gradient(circle in oklab,#e6cfa4,transparent 68%);animation-duration:34s;animation-delay:-8s}
.e-malha i:nth-child(3){width:50vw;height:50vw;left:25%;bottom:-30%;background:radial-gradient(circle in oklab,#d9dcc0,transparent 70%);animation-duration:30s;animation-delay:-15s}
@keyframes e-respira{to{transform:translate3d(3%,-4%,0) scale(1.08)}}
.e-grao{position:absolute;inset:0;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.e-nav{display:flex;align-items:center;gap:2rem;padding:1.4rem var(--e-borda);font-size:.95rem}
.e-marca{font-family:var(--e-serifa);font-weight:500;font-size:1.15rem;letter-spacing:.01em;margin-right:auto}
.e-nav ul{display:flex;gap:1.8rem;list-style:none;padding:0;color:var(--e-tinta-suave)}
.e-nav ul a{padding:.9rem 0}
.e-nav ul a:hover{color:var(--e-caramelo)}
.e-nav-zap{min-height:48px;display:inline-flex;align-items:center;padding:0 1.3rem;border:1px solid var(--e-tinta);border-radius:999px;font-weight:500}

.e-palco{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:end;gap:2rem;padding:0 var(--e-borda)}
.e-texto{align-self:center;padding-bottom:clamp(2rem,6vh,5rem);max-width:46rem}
.e-olho{display:flex;align-items:center;gap:.8rem;font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--e-tinta-suave)}
.e-olho span{width:2.2rem;height:1px;background:var(--e-caramelo)}
.e-titulo{font-family:var(--e-serifa);line-height:.92;margin-top:1.2rem;font-size:clamp(4rem,11.5vw,11.5rem);letter-spacing:-.03em}
.e-titulo span{display:block}
.e-doce{font-style:italic;font-weight:250;color:var(--e-caramelo);font-variation-settings:"opsz" 60}
.e-firme{font-weight:860;color:var(--e-tinta);font-variation-settings:"opsz" 60;white-space:nowrap}
.e-linha{display:block;width:min(100%,44rem);height:clamp(2.6rem,6vw,5rem);margin-top:.4rem;overflow:visible}
.e-linha path{fill:none;stroke:var(--e-caramelo);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.e-credito{font-size:.9rem;color:var(--e-tinta-suave);margin-top:.6rem}
.e-apoio{font-size:clamp(1.05rem,1.25vw,1.25rem);max-width:34rem;margin-top:1.6rem;color:var(--e-tinta)}
.e-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:2rem}
.e-botao{min-height:56px;display:inline-flex;align-items:center;padding:0 1.9rem;border-radius:999px;background:var(--e-tinta);color:var(--e-marfim);font-weight:500;font-size:1.05rem;transition:background .3s}
.e-botao:hover{background:var(--e-caramelo-fundo)}
.e-link{min-height:48px;display:inline-flex;align-items:center;border-bottom:1px solid currentColor;font-weight:500}

.e-figura{position:relative;align-self:end;justify-self:end;width:min(100%,30rem);height:min(86svh,52rem);display:flex;justify-content:center;align-items:flex-end}
.e-painel{position:absolute;left:0;right:0;bottom:0;height:78%;border-radius:100% 0 0 0 / 46% 0 0 0;background:
  radial-gradient(circle at 30% 20% in oklab,#c98a3c,transparent 60%),
  radial-gradient(circle at 80% 70% in oklab,#7d4712,transparent 65%),var(--e-caramelo)}
.e-figura img{position:relative;height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 40px rgb(60 30 5/.28))}
.e-figura figcaption{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);white-space:nowrap;font-size:.875rem;letter-spacing:.08em;padding:.55rem 1.1rem;border-radius:999px;background:rgb(251 246 234/.92);color:var(--e-tinta)}

/* entrada */
.e-anim .e-olho,.e-anim .e-doce,.e-anim .e-firme,.e-anim .e-credito,.e-anim .e-apoio,.e-anim .e-acoes,.e-anim .e-figura img,.e-anim .e-figura figcaption{opacity:0}
.e-anim .e-painel{transform:translateY(100%)}
.e-pronto .e-olho{animation:e-sobe .8s .1s both}
.e-pronto .e-doce{animation:e-doce 1.5s .3s cubic-bezier(.2,.7,.2,1) both}
.e-pronto .e-firme{animation:e-firme .5s 1.25s cubic-bezier(.2,1.3,.4,1) both}
.e-pronto .e-linha path{animation:e-traco 1.8s .5s cubic-bezier(.6,0,.2,1) forwards}
.e-pronto .e-credito{animation:e-sobe .8s 1.7s both}
.e-pronto .e-apoio{animation:e-sobe .8s 1.85s both}
.e-pronto .e-acoes{animation:e-sobe .8s 2s both}
.e-pronto .e-painel{animation:e-painel 1.2s .2s cubic-bezier(.2,.8,.2,1) both}
.e-pronto .e-figura img{animation:e-sobe 1.2s .6s both}
.e-pronto .e-figura figcaption{animation:e-surge .8s 1.9s both}
@keyframes e-sobe{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes e-surge{from{opacity:0}to{opacity:1}}
@keyframes e-doce{from{opacity:0;filter:blur(14px);letter-spacing:.04em}to{opacity:1;filter:blur(0);letter-spacing:-.03em}}
@keyframes e-firme{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes e-traco{to{stroke-dashoffset:0}}
@keyframes e-painel{from{transform:translateY(100%)}to{transform:none}}

@media (max-width:900px){
  .e-nav ul{display:none}
  .e-nav{padding-block:1rem}
  .e-palco{grid-template-columns:1fr;gap:0;align-items:start}
  .e-texto{display:contents}
  .e-olho{order:1;margin-top:.6rem}
  .e-titulo{order:2;font-size:clamp(3.6rem,19vw,6rem)}
  .e-linha{order:3}
  .e-credito{order:4}
  .e-figura{order:5;justify-self:center;width:100%;height:min(52svh,26rem);margin-top:1rem}
  .e-painel{height:80%;left:0;right:0}
  .e-figura img{height:175%;align-self:flex-start;object-position:top}
  .e-figura{overflow:hidden;margin-inline:calc(-1*var(--e-borda));width:calc(100% + 2*var(--e-borda))}
  .e-apoio{order:6;margin-top:1.6rem}
  .e-acoes{order:7;padding-bottom:2.5rem}
  .e-botao{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* rodada 2 */
.e-aspa{font-style:normal;font-weight:300;color:var(--e-palha)}
.e-doce .e-aspa{position:absolute;transform:translate(-105%,-.04em);font-style:italic}
.e-doce{position:relative;padding-left:.02em}
.e-firme .e-aspa{font-weight:300;margin-left:.04em}
.e-titulo{font-size:clamp(4rem,11vw,11rem);margin-left:clamp(0rem,3.2vw,3.4rem)}
.e-firme{margin-top:-.04em}
.e-linha{width:min(100%,46rem);margin-left:clamp(0rem,3.2vw,3.4rem)}
.e-linha .e-traco{fill:none;stroke:var(--e-caramelo);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.e-linha .e-folha{fill:var(--e-oliva);stroke:none;stroke-dasharray:none;opacity:0;transform-origin:30px 58px;transform-box:view-box}
.e-linha .e-ponta{fill:var(--e-tinta);opacity:0}
.e-credito{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:center;margin-left:clamp(0rem,3.2vw,3.4rem)}
.e-nota{display:inline-flex;align-items:baseline;gap:.4rem;padding:.3rem .8rem;border:1px solid rgb(35 40 26/.25);border-radius:999px}
.e-nota b{font-family:var(--e-serifa);font-weight:700;font-size:1.05rem;color:var(--e-tinta)}
.e-apoio,.e-acoes{margin-left:clamp(0rem,3.2vw,3.4rem)}
.e-figura figcaption{left:0;bottom:2.2rem;transform:translateX(-35%);background:var(--e-marfim);box-shadow:0 8px 24px rgb(60 30 5/.14)}
.e-pronto .e-linha .e-traco{animation:e-traco 1.8s .5s cubic-bezier(.6,0,.2,1) forwards}
.e-pronto .e-linha .e-folha{animation:e-folha .7s .35s cubic-bezier(.2,1.4,.4,1) both}
.e-pronto .e-linha .e-ponta{animation:e-surge .2s 2.25s both}
@keyframes e-folha{from{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .e-titulo,.e-linha,.e-credito,.e-apoio,.e-acoes{margin-left:0}
  .e-titulo{font-size:clamp(3.6rem,20.5vw,6.4rem);margin-top:.9rem}
  .e-doce .e-aspa{position:static;transform:none}
  .e-doce{margin-left:-.06em}
  .e-figura figcaption{left:var(--e-borda);bottom:1.2rem;transform:none}
  .e-painel{border-radius:100% 0 0 0 / 50% 0 0 0}
}

/* rodada 3 */
.e-palco{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
.e-linha{width:100%;max-width:none}
.e-apoio{font-family:var(--e-serifa);font-weight:400;font-size:clamp(1.25rem,1.75vw,1.7rem);line-height:1.3;max-width:31rem;letter-spacing:-.005em;margin-top:1.4rem}
.e-tres{list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:1.3rem 0 0 clamp(0rem,3.2vw,3.4rem);font-size:.95rem;color:var(--e-tinta-suave)}
.e-tres li{padding:.2rem 1.1rem;border-left:1px solid rgb(167 100 29/.55)}
.e-tres li:first-child{padding-left:0;border-left:0}
.e-acoes{margin-top:1.8rem}
.e-painel{overflow:hidden;box-shadow:inset 0 0 0 1px rgb(255 240 210/.18)}
.e-painel::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 22% at 52% 100% in oklab,rgb(50 24 4/.55),transparent 70%),radial-gradient(ellipse 45% 60% at 68% 42% in oklab,rgb(60 30 6/.35),transparent 70%)}
.e-painel i{position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.e-figura::before{content:"";position:absolute;left:-1.1rem;right:1.1rem;bottom:0;height:calc(78% + 1.1rem);border:1px solid rgb(167 100 29/.5);border-bottom:0;border-radius:100% 0 0 0 / 46% 0 0 0;pointer-events:none}
.e-figura img{transform:translate3d(var(--e-px,0),0,0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.e-painel{translate:var(--e-pp,0) 0;transition:translate .8s cubic-bezier(.2,.7,.2,1)}
.e-anim .e-tres,.e-anim .e-figura::before{opacity:0}
.e-pronto .e-tres{animation:e-sobe .8s 1.95s both}
.e-pronto .e-acoes{animation-delay:2.1s}
.e-pronto .e-figura::before{animation:e-surge 1.2s 1.4s both}
@media (max-width:900px){
  .e-palco{grid-template-columns:minmax(0,1fr)}
  .e-titulo{font-size:clamp(3.4rem,19vw,6.2rem)}
  .e-firme .e-aspa{position:absolute;font-size:.6em}
  .e-figura::before{display:none}
  .e-apoio{order:6;margin-left:0;margin-top:1.5rem}
  .e-tres{order:6;margin-left:0;flex-direction:column;gap:.35rem;font-size:1rem}
  .e-tres li{border-left:0;padding:0 0 0 1.1rem;position:relative}
  .e-tres li:first-child{padding-left:1.1rem}
  .e-tres li::before{content:"";position:absolute;left:0;top:.72em;width:.55rem;height:1px;background:var(--e-caramelo)}
  .e-acoes{order:7}
  .e-figura{height:min(50svh,25rem)}
}