/* 03 · Quem fica — placas de acrílico na parede escura, medidas em tempo de casa */
.qf-sec{overflow:clip}
.qf-sec::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;--r:clamp(16rem,38vw,36rem);background:radial-gradient(circle var(--r) at 22% 30% in oklab,rgb(243 234 217 / .075),transparent 100%),radial-gradient(circle var(--r) at 78% 62% in oklab,rgb(201 165 87 / .06),transparent 100%)}

.qf-fio{position:absolute;inset:0;z-index:-1;pointer-events:none}
.qf-fio svg{position:absolute;left:50%;top:50%;translate:-50% -50%;overflow:visible;fill:none}
.qf-fio .qf-fio-m{height:78%;width:auto;top:57%}
.qf-fio-d{display:none;width:118%;height:auto}
.qf-fio path{stroke:#c9a557;stroke-opacity:.5;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
html:not(.wf-sem-js) .qf-fio path{stroke-dashoffset:1;transition:stroke-dashoffset 3.4s cubic-bezier(.5,0,.2,1) .3s}
html:not(.wf-sem-js) .qf-fio.wf-visto path{stroke-dashoffset:0}

.qf-dentro{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}
.qf-topo{margin-bottom:.6rem}
.qf-titulo{font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1}
.qf-intro{margin-top:1.2rem;max-width:27rem}
.qf-nota{display:flex;flex-direction:column;align-items:center;margin-top:1.2rem;padding:1.2rem 0 .4rem;background:radial-gradient(ellipse closest-side in oklab,#211c1a 62%,transparent)}
.qf-laco{position:relative;width:min(100%,21rem);aspect-ratio:104/44;display:grid;grid-template-columns:1fr 1fr}
.qf-laco svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#c9a557;stroke-width:.55}
.qf-laco p{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--wf-t-mini);line-height:1.2;color:var(--wf-marfim-2)}
.qf-laco b{font-family:var(--wf-serif);font-weight:400;font-size:clamp(2.2rem,3.2vw,2.9rem);line-height:1;color:var(--wf-ouro-claro);margin-bottom:.2rem}
.qf-link{margin-top:.5rem;color:var(--wf-marfim);text-decoration-color:var(--wf-ouro-claro)}

.qf-placa{padding:2rem 1.9rem 1.7rem;background:linear-gradient(118deg in oklab,#fdfbf8,#f1ebe2 46%,#faf6f0 70%,#efe8de);border:0;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 rgb(150 136 118 / .35),3px 4px 0 -1px #cfc6b8,4px 5px 0 -1px rgb(255 255 255 / .28),26px 38px 44px -16px rgb(0 0 0 / .85),0 0 90px -20px rgb(243 234 217 / .22)}
.qf-placa::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg in oklab,transparent 20%,rgb(255 255 255 / .6) 33%,transparent 42%,transparent 66%,rgb(255 255 255 / .3) 73%,transparent 80%);background-size:190% 100%;background-position:var(--qf-r,30%) 0}
.qf-dany{--qf-r:72%}.qf-rose{--qf-r:8%}.qf-lucy{--qf-r:55%}.qf-wank{--qf-r:92%}
.qf-placa>*{position:relative}
.qf-placa .wf-pino{position:absolute;width:12px;height:12px;background:radial-gradient(circle at 35% 30%,#fff,#bdb7ad 50%,#57514a);box-shadow:3px 5px 5px rgb(0 0 0 / .4)}
.qf-tempo{display:flex;flex-direction:column;margin-bottom:.9rem}
.qf-tempo-r{font-size:var(--wf-t-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--wf-tinta-2)}
.qf-tempo b{font-family:var(--wf-serif);font-weight:400;font-size:clamp(3.2rem,15vw,4.4rem);line-height:1;letter-spacing:-.015em;padding-bottom:.06em;filter:drop-shadow(1.5px 2.5px 1.2px rgb(70 45 5 / .28));align-self:flex-start}
.qf-tempo small{font-size:.44em;letter-spacing:0;margin-left:.08em}
.qf-marca{display:block;width:44px;fill:none;stroke:var(--wf-ouro);stroke-width:2.2;margin-bottom:.9rem}
.qf-fala{font-family:var(--wf-serif);font-size:clamp(1.15rem,1.55vw,1.38rem);line-height:1.34;color:var(--wf-tinta)}
.qf-autor{margin-top:.8rem;font-size:var(--wf-t-mini);color:var(--wf-tinta-2)}

/* celular: placas em alturas e larguras diferentes, alternando de lado */
.qf-wanda{width:100%}
.qf-dany{width:88%;justify-self:end}
.qf-lucy{width:92%}
.qf-rose{width:84%;justify-self:end}
.qf-wank{width:90%}

@media (min-width:700px){
  .qf-fio .qf-fio-m{height:66%;top:64%}
  .qf-dentro{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;row-gap:0;align-items:start}
  .qf-placa{width:auto;justify-self:stretch}
  .qf-topo{grid-column:1/7;grid-row:1;margin:0}
  .qf-wanda{grid-column:7/13;grid-row:1;margin-top:1.5rem}
  .qf-rose{grid-column:1/6;grid-row:2;margin-top:3.5rem}
  .qf-dany{grid-column:6/13;grid-row:2;margin-top:1.6rem}
  .qf-lucy{grid-column:1/7;grid-row:3;margin-top:1.6rem}
  .qf-wank{grid-column:7/13;grid-row:3;margin-top:3.4rem}
  .qf-nota{grid-column:1/-1;grid-row:4;margin-top:3rem}
}
@media (min-width:1100px){
  .qf-fio .qf-fio-d{display:block;top:62%}.qf-fio .qf-fio-m{display:none}
  .qf-placa{padding:2.3rem 2.3rem 2rem}
  .qf-topo{grid-column:1/6}
  .qf-wanda{grid-column:7/13;margin-top:0}
  .qf-wanda .qf-tempo b{font-size:clamp(5rem,8.4vw,7.6rem)}
  .qf-wanda .qf-tempo small{font-size:.44em;letter-spacing:0;margin-left:.08em}
.qf-marca{display:block;width:44px;fill:none;stroke:var(--wf-ouro);stroke-width:2.2;margin-bottom:.9rem}
.qf-fala{font-size:1.5rem}
  .qf-rose{grid-column:1/5;grid-row:2;margin-top:4.6rem}
  .qf-rose .qf-tempo b{font-size:clamp(3.6rem,5.2vw,4.8rem)}
  .qf-dany{grid-column:5/10;grid-row:2;margin-top:1.6rem}
  .qf-dany .qf-tempo b{font-size:clamp(4rem,6vw,5.4rem)}
  .qf-lucy{grid-column:10/13;grid-row:2;margin-top:4.4rem;padding:1.9rem 1.7rem 1.6rem}
  .qf-wank{grid-column:3/8;grid-row:3;margin-top:1.8rem;padding:1.9rem 1.9rem 1.6rem}
  .qf-nota{grid-column:8/13;grid-row:3;margin-top:2.6rem}
}