.e-topo{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px var(--e-margem)}
.e-logo{display:grid;justify-items:center;gap:5px;text-decoration:none}
.e-logo-nome{font-family:var(--e-serifa);letter-spacing:.34em;font-size:17px;margin-right:-.34em}
.e-logo-fio{width:100%;height:1px;background:var(--e-ouro-tinta);position:relative}
.e-logo-fio i{position:absolute;left:50%;top:50%;width:5px;height:5px;background:var(--e-ouro-tinta);transform:translate(-50%,-50%) rotate(45deg)}
.e-logo-sub{font-size:8.5px;letter-spacing:.52em;margin-right:-.52em;font-weight:500}
.e-topo-acao{font-size:13px;font-weight:500;text-decoration:none;background:rgba(246,241,231,.82);padding:10px 16px;border-radius:999px;backdrop-filter:blur(6px)}

.e-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:104px var(--e-margem) 60px;isolation:isolate;overflow:hidden}
.e-malha{position:absolute;inset:0;z-index:-2;
  background:
   radial-gradient(55% 75% at 0% 0% in oklab, #f6f1e7 0%, transparent 72%),
   radial-gradient(45% 60% at 22% 100% in oklab, #ead9bd 0%, transparent 70%),
   radial-gradient(60% 90% at 62% 40% in oklab, #b7c5d6 0%, transparent 75%),
   radial-gradient(40% 60% at 100% 100% in oklab, #93a4ba 0%, transparent 70%),
   var(--e-nevoa);
  background-size:120% 120%;animation:e-respira 30s ease-in-out infinite alternate}

@keyframes e-respira{to{background-position:100% 60%}}

/* a foto vaza pela direita e a parede dela continua na malha */
.e-foto{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:56%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 14%);mask-composite:intersect}
.e-foto img{width:100%;height:100%;object-fit:cover;object-position:62% 18%;display:block}
.e-foto figcaption span{position:absolute;transform:translateX(-50%);display:grid;justify-items:center;gap:7px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--e-tinta);font-weight:600;white-space:nowrap}
.e-foto figcaption span::after{content:"";width:1px;height:18px;background:var(--e-ouro-tinta)}
.e-ela{left:32%;top:18%}
.e-ele{left:62.5%;top:8.5%}

.e-texto{grid-column:1;max-width:600px;padding-bottom:250px}
.e-sobre{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600;margin-bottom:22px}
.e-titulo{font-family:var(--e-serifa);font-weight:400;line-height:1;font-size:clamp(44px,5.7vw,90px);letter-spacing:-.02em}
.e-t1,.e-t2{display:block}
.e-t2{position:relative;margin-top:.1em;padding:0 0 .12em .5em;white-space:nowrap}
.e-xis{position:absolute;left:0;bottom:.2em;font-family:var(--e-sem);font-style:normal;font-weight:300;font-size:.34em;color:var(--e-ouro-tinta)}
.e-assina{font-family:var(--e-mao);font-size:1.42em;line-height:.86;color:var(--e-ardosia);display:inline-block;padding:0 .14em .04em 0;letter-spacing:0}
.e-linha{position:absolute;left:0;right:0;bottom:.14em;height:1.5px;background:var(--e-tinta);opacity:.7}
.e-apoio{max-width:31em;margin-top:22px;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6;color:var(--e-tinta-2)}
.e-apoio em{font-family:var(--e-serifa);color:var(--e-tinta)}
.e-acoes{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:22px}
.e-btn{background:var(--e-tinta);color:var(--e-papel);text-decoration:none;padding:16px 26px;font-weight:500;font-size:15px;letter-spacing:.02em;border-radius:2px;transition:background .3s}
.e-btn:hover{background:var(--e-ardosia)}
.e-link{font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.e-prova{font-size:13.5px;color:var(--e-tinta-2)}
.e-prova strong{font-family:var(--e-serifa);font-size:18px;color:var(--e-tinta);font-weight:400}

/* a folha do registro, pousada sobre a junção */
.e-folha{position:absolute;z-index:2;left:calc(var(--e-margem) + 1vw);right:auto;bottom:54px;width:min(610px,44vw);background:linear-gradient(178deg,#fbf7ee,var(--e-papel) 60%,#efe7d8);padding:14px 26px 14px 44px;transform:rotate(-1.1deg);box-shadow:0 1px 0 rgba(11,19,45,.08),0 28px 50px -28px rgba(11,19,45,.5)}
.e-folha::before{content:"";position:absolute;left:28px;top:0;bottom:0;width:1px;background:#d9a9a0;opacity:.8}
.e-folha header{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600;padding-bottom:8px}
.e-livro{list-style:none;display:grid}
.e-livro li{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;border-top:1px solid rgba(11,19,45,.16);padding:6px 0 3px}
.e-livro li:last-child{padding-right:70px}
.e-livro li div{display:grid}
.e-doc{font-family:var(--e-serifa);font-size:14px}
.e-area{font-size:11.5px;color:var(--e-tinta-2);letter-spacing:.02em}
.e-nome{font-family:var(--e-mao);font-size:27px;line-height:1;color:var(--e-ardosia);white-space:nowrap;padding-right:4px}

.e-registro{position:absolute;z-index:3;left:var(--e-margem);bottom:18px;font-size:11.5px;letter-spacing:.05em;color:var(--e-tinta-2)}
.a-confirmar{opacity:.75;font-style:italic}

.e-selo{position:absolute;right:-40px;bottom:-46px;width:112px;height:112px;color:var(--e-ouro-tinta);background:radial-gradient(circle at 35% 30%,#f3dfb4,#d9b877 55%,#b98f4a);border-radius:50%;padding:6px;box-shadow:0 10px 18px -8px rgba(11,19,45,.55),inset 0 0 0 1px rgba(255,255,255,.4);transform:rotate(9deg);color:#5d4416}
.e-selo-a{font-family:var(--e-serifa)}
.e-campo{display:flex;align-items:baseline;gap:10px;margin-top:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600}
.e-campo input{flex:1;min-width:0;max-width:260px;border:0;border-bottom:1px dotted rgba(11,19,45,.45);background:transparent;font:400 14px var(--e-sem);letter-spacing:.01em;color:var(--e-tinta);padding:4px 2px;border-radius:0}
.e-campo input::placeholder{color:var(--e-tinta-2);opacity:.75}
.e-campo input:focus{outline:none;border-bottom:1px solid var(--e-ardosia)}
.e-assina.e-trocando{clip-path:inset(-30% 100% -30% 0)!important;transition:none!important}
@media (max-height:800px) and (min-width:861px){.e-titulo{font-size:clamp(40px,4.9vw,74px)}.e-area{display:none}.e-texto{padding-bottom:200px}}
@media (prefers-reduced-motion:no-preference){
  .js .e-sobre,.js .e-t1,.js .e-apoio,.js .e-acoes,.js .e-campo,.js .e-foto figcaption span{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
  .js .e-assina,.js .e-nome{clip-path:inset(-30% 100% -30% 0)}
  .js .e-assina{transition:clip-path 1.4s cubic-bezier(.6,.1,.3,1) .7s}
  .js .e-nome{transition:clip-path .9s cubic-bezier(.6,.1,.3,1)}
  .js .e-linha{transform:scaleX(0);transform-origin:left;transition:transform .9s ease .3s}
  .js .e-foto{opacity:0;transition:opacity 1.6s ease}
  .js .e-folha{opacity:0;transform:rotate(-3deg) translateY(40px);transition:opacity .9s ease 1.5s,transform 1.1s cubic-bezier(.2,.8,.2,1) 1.5s}
  .js.pronto .e-sobre,.js.pronto .e-t1,.js.pronto .e-apoio,.js.pronto .e-acoes,.js.pronto .e-campo{opacity:1;transform:none}
  .js.pronto .e-foto figcaption span{opacity:1;transform:translateX(-50%);transition-delay:2s}
  .js .e-foto figcaption span{transform:translate(-50%,-10px)}
  .js.pronto .e-campo{transition-delay:2.1s}
  .js.pronto .e-t1{transition-delay:.1s}.js.pronto .e-apoio{transition-delay:1.3s}.js.pronto .e-acoes{transition-delay:1.45s}
  .js.pronto .e-assina,.js.pronto .e-nome{clip-path:inset(-30% -5% -30% 0)}
  .js.pronto .e-livro li:nth-child(1) .e-nome{transition-delay:2.3s}.js.pronto .e-livro li:nth-child(2) .e-nome{transition-delay:2.8s}.js.pronto .e-livro li:nth-child(3) .e-nome{transition-delay:3.3s}.js.pronto .e-livro li:nth-child(4) .e-nome{transition-delay:3.8s}
  .js.pronto .e-linha{transform:none}
  .js.pronto .e-foto{opacity:1}
  .js.pronto .e-folha{opacity:1;transform:rotate(-1.1deg)}
}
@media (prefers-reduced-motion:reduce){.e-malha{animation:none}}
/* emenda com a seção seguinte (papel) */
.e-hero{border-bottom:0}

@media (max-width:1100px) and (min-width:861px){.e-texto{padding-bottom:270px}.e-apoio{max-width:24em}.e-folha{width:52vw}}

@media (max-width:860px){
  .e-hero{display:flex;flex-direction:column;align-items:stretch;padding:92px 0 28px}
  .e-topo{padding:16px 18px}
  .e-topo-acao{font-size:12px;padding:8px 12px}
  .e-texto{display:contents}
  .e-sobre,.e-titulo,.e-apoio,.e-acoes,.e-campo,.e-registro{margin-left:20px;margin-right:20px}
  .e-campo{order:2;margin-top:10px}
  .e-campo input{max-width:none}
  .e-selo{width:84px;height:84px;right:-4px;bottom:-40px}
  .e-livro li{flex-direction:column;align-items:stretch;gap:0;padding:7px 0 2px}
  .e-livro li div{display:block}
  .e-livro .e-area::before{content:" · "}
  .e-nome{text-align:right;margin-top:-2px}
  .e-livro li:last-child{padding-right:0}
  .e-livro li:last-child .e-nome{padding-right:78px}
  .e-sobre{order:1;font-size:10.5px;margin-bottom:14px}
  .e-titulo{order:2;font-size:clamp(40px,12.4vw,58px)}
  .e-foto{order:3;position:relative;width:100%;height:auto;aspect-ratio:1/1.02;margin-top:6px;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
  .e-foto img{object-position:50% 14%}
  .e-foto figcaption span{font-size:9.5px;letter-spacing:.16em}
  .e-ela{left:27%;top:17%}
  .e-ele{left:63%;top:8%}
  .e-folha{order:4;position:relative;left:auto;bottom:auto;width:auto;margin:-64px 12px 0;padding:14px 16px 14px 34px}
  .e-folha::before{left:22px}
  .e-nome{font-size:23px}
  .e-doc{font-size:13px}
  .e-apoio{order:5;margin-top:54px}
  .e-acoes{order:6}
  .e-registro{order:8;position:static;margin-top:22px;line-height:1.5}
}