/* Abertura: o nome em serifa à esquerda, a foto real dela à direita; o fio nasce sob o botão e contorna a moldura. */
.ed-abertura{position:relative;padding:calc(var(--topo) + clamp(40px,6vw,88px)) 0 clamp(72px,8vw,120px);overflow:clip}
.ed-abertura__luz{position:absolute;inset:0;background:url("../img/luz-parede.webp") center/cover no-repeat;opacity:.32;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(100deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 75%);mask-image:linear-gradient(100deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 75%)}
.ed-abertura__grade{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.ed-abertura__titulo{display:block;margin-bottom:28px}
.ed-abertura__nome{display:block;font:400 clamp(3rem,1.6rem + 4.6vw,6rem)/.98 var(--serifa);letter-spacing:-.03em;font-variation-settings:"opsz" 72}
.ed-abertura__frase{display:block;margin-top:18px;max-width:15em;font:400 clamp(1.55rem,1.2rem + 1.1vw,2.3rem)/1.2 var(--serifa);letter-spacing:-.012em;color:var(--tinta)}
.ed-abertura__frase em{font-style:italic;color:var(--rosa)}
.ed-abertura__local{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;font-size:16px}
.ed-abertura__local::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--rosa)}
.ed-abertura__apoio{margin-bottom:36px;max-width:31em}
.ed-abertura__foto{position:relative;justify-self:end;width:min(100%,560px,(100vh - var(--topo) - 96px) * .8)}
.ed-abertura__moldura{position:relative;aspect-ratio:687/860;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);background:var(--blush)}
.ed-px{position:absolute;inset:0}
.ed-px img{width:100%;height:100%;object-fit:cover}
.ed-abertura__fio{inset:0;width:100%;height:100%;z-index:-1}
.ed-abertura__foto{z-index:0}
@media (max-width:900px){
  .ed-abertura__grade{grid-template-columns:minmax(0,1fr)}
  .ed-abertura__foto{justify-self:start;width:min(100%,400px);order:-1}
  .ed-abertura__moldura{aspect-ratio:16/10}
  .ed-px img{object-position:50% 22%}
  .ed-abertura{padding-top:calc(var(--topo) + 20px)}
  .ed-abertura__titulo{margin-bottom:18px}
  .ed-abertura__nome{font-size:2.6rem}
  .ed-abertura__frase{margin-top:10px;font-size:1.35rem}
  .ed-abertura__apoio{margin-bottom:24px}
  .ed-abertura__fio{display:none}
}