.related-work { max-width:var(--max); margin:auto; padding:7rem 1.25rem; border-top:1px solid var(--line); }
.related-work h2 { margin:1.25rem 0 3rem; font-size:clamp(2.7rem,7vw,6rem); line-height:.9; letter-spacing:-.065em; }
.related-work > div { display:grid; border-top:1px solid var(--line); }
.related-work a { display:grid; gap:.5rem; padding:1.4rem 0; border-bottom:1px solid var(--line); text-decoration:none; }
.related-work strong { font-size:1.15rem; }
.related-work span { color:var(--muted); font-size:.82rem; }
.related-work a:hover strong, .related-work a:focus-visible strong { color:var(--cyan); }
footer nav { display:flex; gap:.65rem 1rem; flex-wrap:wrap; }
footer nav a { color:var(--muted); font-size:.65rem; font-weight:700; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
@media (min-width:720px) { .related-work { padding-inline:2.5rem; } .related-work > div { grid-template-columns:repeat(3,1fr); } .related-work a { padding-right:1.5rem; } .related-work a + a { padding-left:1.5rem; border-left:1px solid var(--line); } }
@media (max-width:719px) { .site-header { align-items:flex-start; flex-direction:column; padding-block:1.25rem; } .site-nav { gap:.5rem 1rem; flex-wrap:wrap; } footer { align-items:flex-start; flex-direction:column; padding-block:3rem 2rem; } }

/* IPVES shared shell */
:root { --ipves-font-sans:Inter,"Helvetica Neue",Arial,sans-serif; --ipves-header-height:72px; --ipves-nav-size:.68rem; --ipves-page-width:1200px; --ipves-focus-width:3px; --category-accent:#5ee8ff; --max:var(--ipves-page-width); }
body { font-family:var(--ipves-font-sans); font-size:16px; }
.eyebrow { font-size:.7rem; font-weight:700; }
.site-header { min-height:var(--ipves-header-height); }
.site-nav a, footer nav a { font-size:var(--ipves-nav-size); letter-spacing:.11em; }
footer { min-height:12rem; }
a:focus-visible { outline-width:var(--ipves-focus-width); }
@media (max-width:719px) { .site-header { min-height:7rem; } }

/* Shared IPVES display language; Labs remains the visual benchmark. */
:root { --ipves-heading-line:.88; --ipves-heading-tracking:-.07em; --ipves-heading-weight:650; }
.hero h1,
.section-heading h2,
.principle h2,
.related-work h2,
.project h3 {
  font-family:var(--ipves-font-sans);
  font-weight:var(--ipves-heading-weight);
}
.hero h1 em {
  font-family:inherit;
  font-style:italic;
  font-weight:inherit;
}