/* Shared cross-document motion. Unsupported browsers retain normal navigation. */
html{scrollbar-gutter:stable;background:#fff}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
 .site-header,.masthead{view-transition-name:site-header}
 ::view-transition-old(root){animation:hmb-page-out 180ms ease-out both}
 ::view-transition-new(root){animation:hmb-page-in 220ms ease-out both}
 ::view-transition-group(site-header){animation-duration:220ms}
 ::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
 @keyframes hmb-page-out{to{opacity:0}}
 @keyframes hmb-page-in{from{opacity:0}to{opacity:1}}
}
/* Avoid replaying entrance/scroll animations after every navigation. */
.v1-site .hero-copy>*,.v1-site .hero-art,.v1-site .hero-art img,.v1-site .about-copy,.v1-site .about-collage,.v1-site .project,.v1-site .service-panel{animation:none!important}
.v1-site{font-size:18px}.v1-site h2{font-size:clamp(28px,3vw,42px)}
.v1-site .section-label{font-size:17px}.v1-site .text-link,.v1-site .button{font-size:17px}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}html{scroll-behavior:auto}}
@media(max-width:768px){.v1-site{font-size:17px}}