/* Generated from content/section-colors.json. */
:root{--media-ratio:4/3;--home:#E96794;--research:#668FB9;--teaching:#F39DB8;--practice:#A5C3CD;--activities:#DAD35F;--publications:#C74479;--cv:#C8DCE1}
[data-topic="home"]{--accent:#E96794;--on-accent:#171717;--accent-ink:#9A2554}
[data-topic="research"]{--accent:#668FB9;--on-accent:#171717;--accent-ink:#244A73}
[data-topic="teaching"]{--accent:#F39DB8;--on-accent:#171717;--accent-ink:#8B3151}
[data-topic="practice"]{--accent:#A5C3CD;--on-accent:#171717;--accent-ink:#325B68}
[data-topic="activities"]{--accent:#DAD35F;--on-accent:#171717;--accent-ink:#655E13}
[data-topic="publications"]{--accent:#C74479;--on-accent:#ffffff;--accent-ink:#94305B}
[data-topic="cv"]{--accent:#C8DCE1;--on-accent:#171717;--accent-ink:#355C66}

body[data-topic] .image-surface,body[data-topic] .project-cover,body[data-topic] .event-photo,body[data-topic] .book-cover{background:#fff}
body[data-topic] .image-surface+figcaption{background:#fff}
body[data-topic] .book-cover{padding:0}
/* One responsive frame for photographs, posters, covers and gallery plates. */
body[data-topic] :is(.project-cover,.event-photo .image-surface,.book-cover .image-surface,.dossier-grid .image-surface,.blatter-research-image .image-surface,.research-story .image-surface,.framework-portrait .image-surface,.framework-detail .image-surface,.pavilion-section .image-surface){display:block;position:relative;width:100%;aspect-ratio:var(--media-ratio);padding:0;overflow:hidden}
body[data-topic] :is(.project-cover,.event-photo .image-surface,.book-cover .image-surface,.dossier-grid .image-surface,.blatter-research-image .image-surface,.research-story .image-surface,.framework-portrait .image-surface,.framework-detail .image-surface,.pavilion-section .image-surface)>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;padding:0;background:#fff}
body[data-topic] :is(.project-cover.photo,.event-photo:not(.poster) .image-surface,.dossier-image.photo,.framework-portrait .image-surface,.framework-detail .image-surface,.pavilion-section .image-surface)>img{object-fit:cover}
body[data-topic] .project-cover.document:hover img{transform:none}
body[data-topic] .project-cover.editorial-cover{border-top:0}
body[data-topic] .project-cover.editorial-cover>img{left:30%;width:70%;object-fit:contain}
.editorial-cover .poster-code{position:absolute;left:4%;top:8%;font-size:clamp(32px,4.3vw,72px);line-height:1;font-weight:700;letter-spacing:-.08em;writing-mode:vertical-rl}
body[data-topic] .blatter-images{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-topic] .news-image{width:100%;background:#fff}
body[data-topic] .feature-image,body[data-topic] .feature-image figcaption{background:#fff}
body[data-topic] :is(.news-image,.feature-image)>img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:var(--media-ratio);object-fit:cover;background:#fff}
@media(max-width:700px){body[data-topic] .blatter-images{grid-template-columns:1fr}}
.site-header nav a[data-topic]{position:relative;padding-bottom:4px;color:#000}
.site-header nav a[data-topic]::after{content:"";position:absolute;left:0;bottom:0;width:26px;max-width:100%;height:5px;background:var(--accent);transition:width .18s ease}
.site-header nav a[data-topic]:is(:hover,:focus-visible,[aria-current])::after{width:100%}
.site-header nav a[data-topic]:hover{opacity:1;filter:none;color:#000}
.site-header nav a[data-topic]:focus-visible{outline:2px solid #171717;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.site-header nav a[data-topic]::after{transition:none}}
@media print{.site-header nav a[data-topic]::after{display:none}}