/* Portable revision: preserve the design and honour the visitor's motion choice. */
html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{animation:none!important;transition:none!important}
#main:focus{outline:none}
.site-header nav{gap:clamp(14px,2vw,30px)}
.research-photo img{border-radius:8px;border:1px solid var(--line)}
.project-description,.project-details,.research-facts dd{overflow-wrap:break-word}
@media(max-width:580px){
 .site-header nav{gap:4px;flex-wrap:wrap}
 .site-header nav a{font-size:.8125rem;min-height:40px;display:flex;align-items:center}
 .motion-toggle{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
 .intro-controls{left:18px;right:18px;gap:6px}
 .intro-controls button{padding:10px}
 .intro-caption{bottom:116px}
}