/* Vintage Garage v9 final responsive layer */
html{-webkit-text-size-adjust:100%}
body{min-width:320px}
section{scroll-margin-top:88px}
img{height:auto}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,.btn,.main-nav a,.gallery-thumb{touch-action:manipulation}
:focus-visible{outline:3px solid #ff9b45;outline-offset:3px}
.menu-toggle{min-width:48px;min-height:48px;align-items:center;justify-content:center}
.main-nav{max-height:100dvh;overflow-y:auto}
.quote-form input,.quote-form select,.quote-form textarea{min-height:50px;border-radius:0}
.quote-form textarea{min-height:120px}
.gallery-strip{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f47b20 #292c2e}

@media (max-width:1180px) and (min-width:981px){
  .main-nav{gap:18px}
  .main-nav a{font-size:11px}
  .brand-official img{max-width:190px}
  .hero-content{padding-top:170px}
  .hero-services div{min-width:210px}
  .workshop-grid{grid-template-columns:1.05fr 1fr 1fr}
}

@media (max-width:980px){
  .main-nav{z-index:2;padding:100px max(28px,env(safe-area-inset-right)) 45px max(28px,env(safe-area-inset-left));align-items:center;gap:0}
  .main-nav a{width:min(420px,100%);padding:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,.09)}
  .main-nav .nav-cta{margin-top:14px;border-bottom:0}
  .menu-toggle{display:flex;flex-direction:column}
  .hero{min-height:760px;height:auto}
  .hero-content{padding-bottom:70px}
  .hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .hero-services div{min-width:0}
  .footer-main{grid-template-columns:1.4fr 1fr 1fr}
}

@media (max-width:760px){
  .container{width:min(calc(100% - 32px),var(--max))}
  .section{padding:74px 0}
  .section-top{display:block;margin-bottom:38px}
  .section-top>p{margin:24px 0 0}
  .hero{min-height:860px}
  .hero-content{padding-top:135px;padding-bottom:55px}
  .hero h1{font-size:clamp(54px,17vw,76px);line-height:.83}
  .hero-lead{margin:25px 0;font-size:15px;line-height:1.6}
  .hero-services{grid-template-columns:1fr;gap:8px;margin-top:30px}
  .hero-services div{padding:12px 14px}
  .hero-counter{display:none}
  .service-photo{height:210px}
  .workshop-card,.workshop-card-tall,.workshop-card-wide{height:min(112vw,430px)}
  .project-stage{height:min(145vw,610px)}
  .project-slide img{object-position:center}
  .project-caption{bottom:30px}
  .project-caption p{font-size:12px;line-height:1.45}
  .story-grid{grid-template-columns:1fr;gap:16px}
  .story-center{grid-column:auto;grid-row:auto;padding-bottom:28px}
  .story-image img{height:min(115vw,460px)}
  .quote-copy h2{overflow-wrap:anywhere}
  .contact-mini strong{font-size:13px}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-main>div:last-child{grid-column:auto}
}

@media (max-width:480px){
  .container{width:calc(100% - 26px)}
  .site-header{height:66px}
  .brand-official img{max-width:160px;max-height:54px;object-fit:contain}
  .hero{min-height:835px}
  .hero-content{padding-top:116px}
  .eyebrow{font-size:9px;letter-spacing:.14em}
  .hero h1{font-size:clamp(49px,16.5vw,66px)}
  .hero-actions{gap:9px}
  .btn{min-height:52px;padding-inline:17px;gap:18px}
  .section h2{font-size:clamp(43px,13.5vw,56px)}
  .intro-copy .lead{font-size:18px}
  .service-card{padding:22px}
  .service-photo{height:190px}
  .workshop-card,.workshop-card-tall,.workshop-card-wide{height:390px}
  .workshop-card>div{left:17px;right:17px;bottom:17px}
  .project-stage{height:520px}
  .project-caption{left:18px;right:18px}
  .project-caption h3{font-size:38px;line-height:.95}
  .slider-btn{width:46px;height:46px}
  .slider-btn.prev{right:70px}
  .slider-btn.next{right:14px}
  .gallery-strip{width:calc(100% - 20px);margin-inline:auto}
  .story-image img{height:370px}
  .quote-form{margin-inline:-2px;padding:22px 15px}
  .footer{padding-top:65px}
  .footer-main{grid-template-columns:1fr;gap:28px}
  .footer-brand,.footer-main>div:last-child{grid-column:auto}
  .footer-main>div:not(.footer-brand) a,.footer-main>div:not(.footer-brand) span{padding-block:3px}
  .whatsapp-float{padding:8px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
  .back-top{right:max(14px,env(safe-area-inset-right));bottom:74px}
}

@media (max-width:360px){
  .hero h1{font-size:48px}
  .hero-lead{font-size:14px}
  .section h2{font-size:42px}
  .project-stage{height:490px}
  .project-caption h3{font-size:34px}
}

@media (max-height:520px) and (orientation:landscape){
  .main-nav{justify-content:flex-start;padding-top:75px}
  .main-nav a{padding:8px}
  .hero{min-height:610px}
}

@media (hover:none){
  .service-card:before{display:none}
  .service-card:hover{color:inherit}
  .service-card:hover p{color:#686c6e}
  .workshop-card:hover img{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}