*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none;cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-weight:var(--sw,400);line-height:1.06;letter-spacing:-.01em}
.sig{font-family:"Mrs Saint Delafield",cursive;line-height:.9;font-weight:400}
.w{max-width:1180px;margin:0 auto;padding:0 20px}
section{padding:64px 0;position:relative;overflow:hidden}
.s-a{background:var(--bg)}.s-b{background:var(--bg2)}.s-c{background:var(--bg3);color:var(--ink3)}
.nav{position:absolute;z-index:9;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:var(--navInk)}
.logo{display:flex;flex-direction:column}.logo .sig{font-size:46px}.logo .tg{font-size:11px;letter-spacing:.08em;opacity:.85;padding-left:8px}
.nav nav{display:none;gap:28px;font-size:14px;font-weight:500}
.field{display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:var(--r);background:var(--panel);color:var(--muted);border:1px solid var(--line);max-width:640px}.field svg{width:20px;height:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips span{font-size:13px;padding:7px 14px;border-radius:var(--rc);border:1px solid var(--line);color:var(--ink2)}
.busca{padding:36px 0 8px}
.kk{font-size:13px;font-weight:600;color:var(--ac);margin-bottom:12px}
.rec h2{font-size:clamp(36px,7vw,64px)}.intro{margin-top:14px;color:var(--ink2);font-size:17px;max-width:46ch}
.meta{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0;max-width:520px}
.meta li{display:flex;flex-direction:column;padding:12px 0 0;border-top:1px solid var(--ac)}.meta b{font-size:17px;font-weight:700;color:var(--ac)}.meta span{font-size:12px;color:var(--muted)}
.vid{position:relative;overflow:hidden;border-radius:var(--ri);aspect-ratio:4/5;cursor:pointer}
.vid img{width:100%;height:100%;object-fit:cover;object-position:50% 72%;transition:transform 1.2s ease}.vid:hover img{transform:scale(1.04)}
.pl{position:absolute;inset:0;display:grid;place-items:center;color:var(--plc)}.pl svg{width:72px;height:72px;transition:transform .3s}.vid:hover .pl svg{transform:scale(1.1)}
.vid figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 16px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6))}
h3{font-size:clamp(28px,5vw,40px);margin-bottom:8px}
.hint{font-size:13px;color:var(--muted);margin-bottom:14px}
.il{list-style:none}.il li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}
.bx{flex:none;width:20px;height:20px;border-radius:var(--rb);border:1.6px solid var(--ac);margin-top:3px;transition:.2s}
.il li.ok .bx{background:var(--ac);box-shadow:inset 0 0 0 3px var(--bg2)}.il li.ok span:last-child{color:var(--muted);text-decoration:line-through}
.sl{list-style:none;margin-top:16px}.sl li{display:flex;gap:16px;padding:14px 0}
.n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;border:1.5px solid var(--ac);color:var(--ac)}
.sl p{color:var(--ink2)}
.perg .q{font-family:var(--serif);font-size:clamp(26px,5vw,44px);line-height:1.2;max-width:24ch;font-style:var(--qs,normal)}
.qa{display:block;margin:16px 0 20px;font-size:14px;opacity:.75}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:var(--rbt);font-weight:600;font-size:15px;background:var(--ac);color:var(--onac);margin-top:22px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}
.btn.gh{background:transparent;color:inherit;border:1.5px solid currentColor;margin-top:0}
.ul{display:grid;gap:10px;margin-top:18px}
.uc{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.ut{font-weight:600}.ud{grid-column:1;font-size:13px;color:var(--muted)}.ub{grid-row:1/span 2;grid-column:2;font-size:13px;font-weight:700;color:var(--ac);padding:9px 14px;border-radius:var(--rbt);border:1.5px solid var(--ac)}
.dv{display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--bg);max-width:1180px;margin:0 auto}.dv span{flex:1;height:1px;background:var(--line)}.dv i{width:8px;height:8px;transform:rotate(45deg);background:var(--ac)}
.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.mc .ph{display:block;aspect-ratio:1;border-radius:var(--ri);overflow:hidden}.mc img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.mc:hover img{transform:scale(1.06)}
.mt{display:block;font-size:13px;line-height:1.35;margin-top:8px;font-weight:500}
.mais .btn{width:100%}
.lead{color:var(--ink2);margin:6px 0 20px;max-width:56ch}
.gl{display:grid;gap:10px}
.gc{display:grid;grid-template-columns:64px 1fr;gap:2px 16px;align-items:center;padding:14px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.gi{grid-row:1/span 2;width:64px;height:64px;border-radius:var(--rb);display:grid;place-items:center;background:var(--gib);color:var(--ac)}.gi svg{width:44px;height:44px}
.gt{font-weight:600;font-size:15px;line-height:1.3}.gs{font-size:13px;color:var(--muted)}.gs b{color:var(--ink);font-weight:600}
.mk p{opacity:.85;max-width:52ch}.nm{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.nm li{padding:14px 0 0;border-top:1px solid currentColor}.nm b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em}.nm span{font-size:13px;opacity:.75}
.qp{border-radius:var(--ri);overflow:hidden;aspect-ratio:4/5}.qp img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.qq{font-family:var(--serif);font-size:clamp(22px,4vw,30px);line-height:1.3;margin:10px 0 14px}.qs{color:var(--muted);font-size:14px}
.qg>div{margin-top:24px}
.fe{position:relative;min-height:620px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;margin-top:22px}
.fb{position:absolute;left:0;right:0;bottom:0;width:100%;height:200%;object-fit:cover;object-position:50% 100%!important}.fe:before{content:"";position:absolute;inset:0;z-index:1;background:var(--fv)}
.fi{position:relative;z-index:2;padding-bottom:40px;width:100%}.sig.big{font-size:84px;display:block}.fr{margin:4px 0 18px;opacity:.9;max-width:34ch}
.ss{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px}.so{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);font-size:14px;font-weight:500}.so svg{width:20px;height:20px}
.so2{background:var(--fbtn);color:var(--fbtni);width:100%;max-width:520px}
.wm{position:absolute;width:200px;height:420px;color:var(--ac);opacity:var(--wmo,.07);pointer-events:none;right:-40px;top:30px;transform:rotate(12deg)}
.wm svg{width:100%;height:100%}
/* movimento */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.rv.in{opacity:1;transform:none}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.cur{position:fixed;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ac);z-index:99;pointer-events:none;transition:width .25s,height .25s,left .25s,top .25s,background .25s;mix-blend-mode:normal}
.cur.on{width:46px;height:46px;left:-23px;top:-23px;background:color-mix(in srgb,var(--ac) 18%,transparent)}
@media (pointer:fine){body,a{cursor:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
@media (min-width:900px){
 .nav{padding:22px 40px}.nav nav{display:flex}.w{padding:0 40px}section{padding:96px 0}
 .rgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
 .pgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px}
 .ul{grid-template-columns:repeat(3,1fr)}.uc{grid-template-columns:1fr}.ub{grid-row:auto;grid-column:1;justify-self:start;margin-top:12px}
 .mg{gap:24px}.mt{font-size:15px}.mais .btn{width:auto}
 .gl{grid-template-columns:repeat(3,1fr)}
 .mk{display:grid;grid-template-columns:1.2fr 1fr auto;gap:48px;align-items:end}.mk .nm{margin-top:0}
 .qg{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.qg>div{margin-top:0}
 .fe{min-height:680px}.dv{padding:0 40px}
}