/* Production-only reading surfaces; the approved portfolio CSS stays intact. */
.k-legal .k-case-hero h1{font-size:clamp(44px,7vw,96px);letter-spacing:-.04em}
.legal-copy{max-width:72ch;margin:0 auto 90px;padding-inline:0;overflow-wrap:anywhere}
.legal-copy h2{font:550 clamp(26px,3vw,38px)/1.2 Bricolage,Source;letter-spacing:-.03em;margin:1.8em 0 .6em}
.legal-copy h3{font-size:24px;margin:1.5em 0 .6em}
.legal-copy p,.legal-copy ul,.legal-copy ol{margin-block:1em}
.legal-copy a{text-underline-offset:.2em}
.k-detail .k-header nav a,.k-detail .footer a{min-height:44px;display:inline-flex;align-items:center}
.kinetik .k-header nav a:nth-child(2){display:inline-flex}
.k-detail .contact-section :focus-visible{outline-color:var(--ink)}
.k-ambient .footer{padding-bottom:100px}
html:has(.k-ambient){scroll-padding-bottom:90px}
.k-ambient a{scroll-margin-bottom:90px}
@media(max-width:700px){.legal-copy{margin-bottom:55px}.k-ambient .footer{padding-bottom:120px}}