/* Second feedback document; desktop and mobile copy intentionally differ. */
.header nav a{transition:transform .3s ease,text-shadow .3s ease;will-change:transform;text-shadow:0 2px 7px #0003}.header nav a:hover,.header nav a:focus-visible{transform:translateY(-5px);text-shadow:0 4px 13px #0008,0 1px 2px #0005}.header nav a:active{transform:translateY(-1px)}
.hero-title h1{white-space:nowrap;font-size:clamp(44px,4.7vw,76px)}.hero-title h1 .mobile-title{display:none}.hero-title h1 .desktop-title{display:inline}
.gallery{padding-top:32px;padding-bottom:43px}.gallery .project-image{box-shadow:0 17px 28px -8px #0003,0 5px 10px #00000012;transition:box-shadow .6s ease}.gallery.has-active .project-card.active{transform:translateY(-17px)}.gallery.has-active .project-card.active .project-image{box-shadow:0 26px 36px -9px #0005,0 8px 16px #0000001a}
.contact .qr-open{background:transparent;padding:0;border-radius:0}.qr-open img{filter:none;mix-blend-mode:normal}.qr-open{isolation:auto}
@media(max-width:600px){nav small{display:block;font-size:8px;line-height:1.35;letter-spacing:.005em}nav a{gap:5px}nav span{font-size:13px}.hero-title h1{white-space:normal;font-size:49px;line-height:1.35}.hero-title h1 .desktop-title{display:none}.hero-title h1 .mobile-title{display:inline}.hero-image{object-position:50% 50%}.gallery{scroll-snap-type:none;scroll-padding:0}.gallery .project-card{scroll-snap-align:none;scroll-snap-stop:normal}.gallery.has-active .project-card.active{transform:none}.gallery .project-image{box-shadow:0 16px 24px -8px #0004}.header nav a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.header nav a{transition:none;transform:none!important}.gallery.has-active .project-card.active{transform:none}}

.qr-dialog{background:#303030;color:#fff}.qr-dialog button{border-color:#777}

/* Floating appearance is persistent, independent of pointer hover. */
.header nav a,.header nav a:hover,.header nav a:focus-visible,.header nav a:active{transform:translateY(-4px);text-shadow:0 4px 10px #0005;transition:none}.light-header .header nav a{ text-shadow:0 4px 10px #0003}.gallery .project-card,.gallery.has-active .project-card.active{transform:translateY(-8px)}.gallery .project-image,.gallery.has-active .project-card.active .project-image{box-shadow:0 24px 32px -9px #0004,0 8px 16px #0000001a;transition:none}