/* Publicação e 404: a mesma pauta dos estudos de caso, em página de leitura. */
.publicacao-main,.salapage-main{position:relative;z-index:1;max-width:var(--medida-larga);margin:auto;padding:calc(var(--nav-h) + 44px) var(--respiro-largo) 64px}
.publicacao__breadcrumb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;font-size:12px;font-weight:600;letter-spacing:.045em;color:var(--reading-text,var(--reading-ink))}
.publicacao__breadcrumb a{min-height:32px;display:inline-flex;align-items:center;gap:8px}
.publicacao__breadcrumb span{color:var(--accent)}
.publicacao__head{display:grid;gap:28px;margin-bottom:clamp(56px,8vw,120px)}
html[data-da-type-system] .publicacao__head h1{font-size:clamp(44px,8.4vw,150px);line-height:.84;max-width:15ch;margin-top:12px}
html[data-da-type-system] .publicacao__lead{justify-self:end;max-width:36ch}
.publicacao__meta{display:flex;flex-wrap:wrap;gap:20px 48px;border-top:1px solid var(--line);padding-top:22px}
.publicacao__meta dt{font-size:12px;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;font-weight:600}
.publicacao__meta dd{font-size:16px;line-height:1.4;color:var(--reading-text,var(--reading-ink))}
.publicacao__layout{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:clamp(72px,10vw,160px)}
.publicacao__aside{display:grid;align-content:start;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--accent)}
.publicacao__texto{max-width:62ch}
.publicacao__texto p+p{margin-top:24px}
html[data-da-type-system] .publicacao__texto h2{font-size:clamp(32px,3.6vw,56px);margin:clamp(48px,6vw,80px) 0 24px;max-width:16ch}
.publicacao__texto strong{font-weight:500;color:var(--color-display)}
html[data-da-type-system] .publicacao__fecho{margin-top:clamp(48px,6vw,80px);padding-top:24px;border-top:1px solid var(--line);font-family:var(--display-family);font-weight:400;font-variation-settings:'wght' 400;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(28px,3vw,46px);line-height:1.05;color:var(--color-display);max-width:24ch}

/* 404: o número vazado repete o gesto da galeria; a rota vazia aponta os destinos. */
.salapage{position:relative;min-height:calc(100svh - var(--nav-h) - 108px);display:grid;align-content:center;gap:28px;isolation:isolate}
.salapage__kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--accent)}
html[data-da-type-system] .salapage h1{font-size:clamp(64px,11vw,190px);line-height:.8;max-width:9ch}
html[data-da-type-system] .salapage p.salapage__texto{max-width:44ch}
.salapage__serial{position:absolute;z-index:-1;right:0;top:50%;translate:0 -50%;font-family:var(--display-family);font-variation-settings:'wght' 870,'wdth' 116;font-size:clamp(220px,34vw,620px);line-height:.8;color:transparent;-webkit-text-stroke:1.3px var(--color-display);opacity:.55;pointer-events:none;user-select:none}
.salapage__links{display:flex;flex-wrap:wrap;gap:8px 40px;border-top:1px solid var(--line);padding-top:20px;list-style:none}
.salapage__links a{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:clamp(18px,1.6vw,24px);font-weight:600;color:var(--reading-text,var(--reading-ink))}
.salapage__links a span{color:var(--color-display);transition:transform .2s ease}
.salapage__links a:hover span{transform:translateX(6px)}

@media(max-width:860px){
  .publicacao-main,.salapage-main{padding-top:calc(var(--nav-h) + 24px)}
  .publicacao__layout{grid-template-columns:1fr;gap:20px}
  html[data-da-type-system] .publicacao__lead{justify-self:start}
  .salapage__serial{top:auto;bottom:-4%;translate:none;font-size:52vw;opacity:.35}
}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion="excesso"])) .salapage__links a span{transition:none}}