:root{--bg:#0E0F10;--fg:#F7F7F5;--mute:#8C8F94;--line:#2A2C2F;--gap:clamp(96px,15vh,170px);--gap-m:clamp(48px,7.5vh,85px);--gap-s:26px}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:auto}a{color:inherit}p{margin:0}figure{margin:0}
.lang{position:absolute;top:28px;right:24px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.18em;text-decoration:none;color:var(--mute)}
.lang:hover,.lang:focus-visible{color:var(--fg)}
.abre{min-height:88vh;min-height:88svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 16px;text-align:center;position:relative}
.abre h1{margin:0;width:min(560px,82vw)}
.abre .desde{margin-top:var(--gap-s)}
section{padding:var(--gap) 16px;text-align:center}
.rule{border-top:1px solid var(--line)}
.phrase{font-size:clamp(24px,3.2vw,40px);line-height:1.3;letter-spacing:-.01em;max-width:24ch;margin:0 auto}
.phrase span{display:block}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:13px;line-height:2.1;color:var(--mute)}
.cap{margin:var(--gap-s) auto 0;max-width:70ch;padding:0 16px;text-align:center;color:var(--fg);font-size:13px}
.hero{width:min(960px,calc(100% - 32px));margin:0 auto}
.linha{list-style:none;padding:0;margin:0 auto;max-width:860px;text-align:left}
.linha li{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:12px 32px;border-top:1px solid var(--line);padding:22px 0}
.linha li:last-child{border-bottom:1px solid var(--line)}
.linha .mono{color:var(--fg);line-height:1.7;padding-top:4px}
.linha p{font-size:clamp(18px,1.6vw,22px);line-height:1.5}
.fotos{max-width:960px;margin:0 auto;padding:0;text-align:center}
.fotos figure{margin:0 0 var(--gap-m)}.fotos figure:last-child{margin-bottom:0}
.fotos a{display:block;cursor:zoom-in}.fotos a:hover img,.fotos a:focus-visible img{opacity:.85}
.fotos img{transition:opacity .2s;border-radius:2px}
.fotos figcaption{margin-top:12px}
footer{padding:var(--gap-m) 16px;text-align:center}
footer .fwm{width:200px;margin:0 auto var(--gap-s);color:var(--fg)}
footer .fwm svg{display:block;width:100%;height:auto}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
footer .copy{margin-top:var(--gap-s);font-size:12px;color:var(--mute);letter-spacing:.02em}
.lb{position:fixed;inset:0;z-index:50;background:rgba(14,15,16,.985);display:flex;align-items:center;justify-content:center;padding:56px 64px}
.lb[hidden]{display:none}
.lb-f{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;align-items:center}
.lb-f img{width:auto;max-width:100%;max-height:calc(100vh - 170px);max-height:calc(100svh - 170px);border-radius:2px}
.lb-f figcaption{margin-top:18px;color:var(--fg);text-align:center;max-width:60ch}
.lb-b{position:absolute;background:none;border:0;color:var(--fg);font:300 44px/1 Inter,system-ui,sans-serif;cursor:pointer;padding:12px 16px;opacity:.75}
.lb-b:hover,.lb-b:focus-visible{opacity:1;outline:none}
.lb-x{top:10px;right:12px;font-size:38px}.lb-p{left:8px;top:50%;transform:translateY(-50%)}.lb-n{right:8px;top:50%;transform:translateY(-50%)}
@media (max-width:720px){.lb{padding:56px 8px}.lb-p,.lb-n{top:auto;bottom:8px;transform:none}.linha li{grid-template-columns:1fr;gap:6px}.lang{top:20px;right:16px}}
