/* Canva reference: fixed cutout, 15% image zoom-out, staggered fades. */
.hero-photo-window{position:absolute;inset:0;z-index:1}
#hero .hero-photo-window .photograph{clip-path:none!important;transform-origin:74.6% 20.9%;will-change:transform,opacity}
html.hero-motion-pending #hero .photograph,
html.hero-motion-pending #hero .photo-backing,
html.hero-motion-pending #hero-heading{opacity:0}
@media(prefers-reduced-motion:reduce){
 html.hero-motion-pending #hero .photograph,
 html.hero-motion-pending #hero .photo-backing,
 html.hero-motion-pending #hero-heading{opacity:1}
 #hero .hero-photo-window .photograph{will-change:auto}
}

/* Keep the mobile navigation and paw on one centered row. */
@media(max-width:600px){
 .header nav{align-items:center;gap:calc(var(--u)*2);flex-wrap:nowrap}
 .header nav>a{font-size:calc(var(--u)*3.6);line-height:1;flex:none}
 .header .menu-button{display:grid;place-items:center;line-height:0;align-self:center}
 .header .menu-button svg{display:block;fill:currentColor}
}