/* Bright, tactile controls while preserving a readable dark label. */
:root{
  --metal-face:linear-gradient(180deg,#fff1ba 0%,#f4d287 45%,#d5a951 100%);
  --metal-raised:inset 0 1px 0 #fffbe8,inset 0 -2px 0 #a67831,0 4px 0 #77501e,0 8px 16px #0007;
  --metal-pressed:inset 0 3px 5px #69491666,0 1px 0 #77501e;
}
.header-contact{display:flex;white-space:nowrap;gap:8px;justify-content:center}
.header-contact .icon,.mobile-contact .icon{width:20px;height:20px;stroke-width:1.7}
.service-choice{min-width:44px;min-height:44px}
.faq-list summary{min-height:56px}
.hero-actions .button{line-height:1.5}
@media(max-width:880px){
  .header-inner{gap:14px}
  .navigation{gap:16px}
  .header-contact{display:flex;min-height:44px;padding:8px 12px;gap:6px}
}
@media(max-width:640px){
  .header-inner{gap:8px}
  .wordmark{flex:1 1 auto;min-width:0}
  .wordmark span{font-size:clamp(20px,6.3vw,27px);white-space:nowrap}
  .wordmark small{font-size:9px}
  .header-contact{flex:0 0 auto;font-size:13px;padding:8px 10px}
  .menu-toggle{width:44px;height:44px}
  .mobile-contact{display:flex;align-items:center;min-height:64px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:25}
  .mobile-contact>span{font-size:12px;line-height:1.5;font-weight:700}
  .mobile-contact strong{font-size:14px;gap:6px;white-space:nowrap}
  .hero-portrait .hero-actions{gap:12px}
  .hero-portrait .hero-actions .button{min-height:54px}
  .hero-portrait .hero-bottom{padding-bottom:5px}
  .footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
  .header-contact{padding-inline:8px;font-size:12px}
  .header-contact .icon{width:18px;height:18px}
  .wordmark small{font-size:8px}
  .mobile-contact>span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  :is(.button,.header-contact,.mobile-contact,.service-choice){transition:none!important;transform:none!important}
}