/* Shared layout refinements for the portfolio and archive. */
header{gap:24px}.identity{flex-shrink:0}header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}
.section-title{gap:20px}.section-title>span{flex-shrink:0}
.metrics>div,.project>div,.publication,.role-copy,.about-grid>p{min-width:0}
.metric-note,.location,.role>p,.project .label,.media-type{font-size:11px}
.project p.small,.evidence,.project>div>a,.project-links,.media-cta,footer{font-size:12px}
.project-links{row-gap:12px}.media-type{flex-wrap:wrap;row-gap:4px}
.room-project h3{white-space:normal;width:auto;height:auto;min-height:48px}
.investor-logos{align-items:stretch}.investor-logos li{min-width:0}
.investor-logos a{display:flex;align-items:center;min-height:44px}
.investor-logos .investment-brand{flex-wrap:nowrap;line-height:1.35}
.investor-logos .investment-brand img{flex-shrink:0}
.investor-logos .squid-brand{gap:8px}
.publication h3,.publication p,.email{overflow-wrap:anywhere}
footer{align-items:center}.footer-socials a{display:inline-flex;align-items:center;min-height:32px}
@media(max-width:700px){
 header nav a[href$="#about"]{display:none}
 .role{grid-template-columns:100px minmax(0,1fr)}
 .role h3{line-height:1.5}.role>p{line-height:1.5}
 .project-links{gap:12px 20px}
 .investor-logos{column-gap:18px}.investor-logos h3{font-size:12px}
 .metrics strong{font-size:clamp(28px,7vw,33px)}
 .location,.metric-note{line-height:1.7}
}
@media(max-width:420px){
 header{flex-wrap:wrap;gap:12px;padding:20px 0}
 header nav{width:100%;justify-content:flex-start;gap:18px}
 header nav a[href$="#about"]{display:inline}
 .language-switch{padding-left:18px}
 .project{padding:22px}.room-project h3{font-size:23px}
 .investor-logos .squid-brand{gap:6px}.investor-logos .squid-brand img{width:23px}
 .investor-logos .usual-wordmark{min-width:0;max-width:100%;width:112px}
 .archive-intro h1{font-size:clamp(34px,10vw,42px)}
}
@media(min-width:701px) and (max-width:950px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
