/* I AM HOUSE – shared site styles */
html{scroll-behavior:smooth;scroll-padding-top:96px}
img{max-width:100%}
.hdr{transition:transform .25s ease;will-change:transform}
.hdr.hdr-hidden{transform:translateY(-100%)}
:focus-visible{outline:3px solid #0D8570;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hdr{transition:none}}
@media (max-width:760px){
  header nav{gap:12px 18px !important;font-size:15px !important}
  section > div{padding-left:20px !important;padding-right:20px !important}
  .hero-box{height:520px !important}
  .hero-box > div{padding:24px !important}
  .proj-grid{grid-template-columns:1fr !important}
  .proj-big{grid-column:auto !important}
  .proj-big > div:first-child{height:380px !important}
}
@media (max-width:760px){
  section a[href^="mailto:"], section a[href^="tel:"]{font-size:clamp(24px,7.5vw,34px) !important;overflow-wrap:anywhere}
  form{padding:0 !important}
}
@media (max-width:760px){
  a[style*="padding: 0 40px 0 0"]{padding:0 !important}
  a[style*="border-left: 1px solid #D6DAD9"]{padding:0 !important;border-left:0 !important;margin-top:56px}
}