/* Obra (/obra/, /en/work/) — prefixo .ob- ; so tokens do :root. Mesmo estilo de /sobre/: sem caixas, sem bordas. */
.ob-wrap{max-width:calc(var(--max-w) + 2*var(--margin));margin-inline:auto;padding-inline:var(--margin);padding-block:var(--space-l) var(--space-xl)}
.ob-head h1{margin:0;font:300 var(--step-4)/var(--lh-display) var(--font-display);letter-spacing:-.01em}
.ob-list{list-style:none;margin:var(--space-l) 0 0;padding:0;display:grid;gap:var(--space-l)}
.ob-link{display:block;min-height:44px;text-decoration:none;color:var(--text)}
.ob-link__t{display:block;font:300 var(--step-4)/1.1 var(--font-display);letter-spacing:-.01em;text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1px;text-underline-offset:.2em;overflow-wrap:anywhere}
.ob-link__t::after{content:" \2192";content:" \2192"/"";color:var(--text-3);transition:color var(--dur-fast) var(--ease-out)}
.ob-link__l{display:block;margin-top:var(--space-3xs);max-width:var(--measure);font:var(--step--1)/1.55 var(--font-sans);color:var(--text-2)}
.ob-link:hover .ob-link__t,.ob-link:focus-visible .ob-link__t{color:var(--accent);text-decoration-color:var(--accent)}
.ob-link:hover .ob-link__t::after,.ob-link:focus-visible .ob-link__t::after{color:var(--accent)}
.ob-series{margin-top:var(--space-2xs)}
.ob-series__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--space-s)}
.ob-serie{display:inline-flex;align-items:center;min-height:44px;font:500 var(--step--1)/1 var(--font-sans);letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;color:var(--text-2)}
.ob-serie:hover,.ob-serie:focus-visible{color:var(--accent)}
@media (min-width:64rem){.ob-list{gap:var(--space-xl)}}