/* Animate the root size once; small text in rem follows without nested transitions. */
:root{--small-text-base:12px;--small-text-increase:0px;font-size:calc(var(--small-text-base) + var(--small-text-increase))}
:root[data-text-size=large]{--small-text-increase:2px}
html{transition:background-color var(--duration) cubic-bezier(.4,0,.2,1),--ink 1200ms ease-in-out,--stroke 1200ms ease-in-out,font-size var(--duration) var(--spring)}
.info-content h2,.imprint-copy h2,.small-copy,.imprint-copy,.project-tile figcaption{font-size:1rem}
.footer-tools{display:flex;align-items:center;gap:32px;pointer-events:none}
.footer-tools>button{position:relative;pointer-events:auto}
.footer-tools>button::after{content:"";position:absolute;inset:-32px;pointer-events:auto}
/* Divide the inner hit areas at the midpoint so adjacent controls do not overlap. */
.footer-tools>button:first-child::after{right:-16px}
.footer-tools>button:last-child::after{left:-16px}
.text-size-toggle{display:inline-flex;align-items:baseline;font:400 1rem/1 Diatype,Arial,sans-serif;white-space:nowrap}
.text-size-aa{font-family:Colant,Georgia,serif;font-style:italic;font-weight:400}
.text-size-sign{font-family:Diatype,Arial,sans-serif;font-style:normal;font-weight:400}
.home-entering .home-page .footer-tools{animation:home-enter-bottom-left var(--duration) var(--spring) 400ms both}
@media(min-width:1800px){:root{--small-text-base:16px}}
@media(max-width:900px){.project-tile figcaption{font-size:calc(1rem - 1px)}}
@media(prefers-reduced-motion:reduce){.home-entering .home-page .footer-tools{animation:none}}

/* Desktop legal copy keeps the original small-body typography in every view. */
@media(min-width:701px){
 .imprint-copy,.single-imprint{font:400 1rem/1.3 Diatype,Arial,sans-serif;letter-spacing:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .imprint-copy h2,.imprint-copy p,.single-imprint h2,.single-imprint p{font:inherit;letter-spacing:inherit}
}