/* Phase 2B: refine the approved homepage composition without changing sections. */
.about-visual { background-image:url('/assets/images/about-showroom.webp'); }

@media (min-width:1201px) {
  .container { width:min(calc(100% - 96px),1310px); }
  .site-header { height:70px; }
  .hero { height:280px; }
  .hero-image { background-size:110% auto; background-position:right 59%; }
  .hero-inner { padding-left:20px; }
  .hero-copy { max-width:630px; }
  .hero .eyebrow { font-size:9px; margin-bottom:6px; }
  .hero h1 { font-size:43px; line-height:1.04; font-weight:700; margin-bottom:13px; }
  .hero-lede { font-size:15px; line-height:1.35; max-width:470px; margin-bottom:14px; }
  .hero .button { min-height:40px; padding:9px 18px; font-weight:500; }
  .categories { padding:16px 0 22px; }
  .categories .section-heading { margin-bottom:8px; align-items:end; }
  .categories .eyebrow { font-size:8px; margin-bottom:2px; }
  .categories .section-heading h2 { font-size:19px; font-weight:650; }
  .category-grid { gap:18px; }
  .category-photo { height:155px; }
  .category-label { height:43px; padding:0 20px; }
  .category-label h3 { font-size:17px; font-weight:650; }
  .advantages { padding:20px 0; }
  .advantages-inner { grid-template-columns:205px repeat(4,1fr); gap:22px; }
  .advantages-heading h2 { font-size:22px; font-weight:650; }
  .advantage h3 { font-size:13px; font-weight:650; }
  .about-strip { padding:23px 0; }
  .about-grid { grid-template-columns:1.35fr .9fr .72fr; gap:42px; }
  .about-visual { height:150px; }
  .about-copy h2,.certifications h2 { font-size:22px; font-weight:650; }
  .about-copy p:not(.eyebrow) { font-size:13px; line-height:1.45; margin:10px 0; }
  .cert-list { margin:15px 0 6px; }
  .inquiry-band { padding:20px 0; }
  .inquiry-intro h2 { font-size:28px; font-weight:650; }
  .inquiry-intro p:last-child { margin-bottom:0; }
  .inquiry-form input,.inquiry-form select { padding:7px 10px; }
  .inquiry-form textarea { min-height:51px; padding:7px 10px; }
  .inquiry-form button { min-height:40px; }
}

@media (min-width:901px) and (max-width:1200px) {
  .hero { height:320px; }
  .hero-image { background-position:right 58%; }
  .hero h1 { font-size:40px; font-weight:700; }
  .categories { padding:24px 0; }
  .categories .section-heading { margin-bottom:12px; }
  .category-photo { height:150px; }
  .category-label { height:45px; }
  .about-strip { padding:28px 0; }
  .about-visual { height:175px; }
}

@media (min-width:621px) and (max-width:900px) {
  .hero-image { background-position:left center; }
  .hero-copy { max-width:430px; }
  .hero h1 { font-size:36px; line-height:1.08; font-weight:700; }
  .hero-lede { max-width:390px; }
  .inquiry-grid { display:block; }
  .inquiry-intro { padding:0; border:0; margin-bottom:22px; }
  .inquiry-intro p:last-child { max-width:550px; }
  .inquiry-form { grid-template-columns:1fr auto; }
}

@media (max-width:620px) {
  .hero h1 { text-wrap:balance; overflow-wrap:normal; }
  .advantages-heading h2 { text-wrap:balance; }
  .advantage p,.about-copy p:not(.eyebrow) { font-size:14px; line-height:1.45; }
  .advantage h3 { font-size:14px; }
  .category-label h3 { font-size:15px; }
  .inquiry-form input,.inquiry-form select,.inquiry-form textarea { min-height:44px; font-size:14px; }
  .inquiry-form textarea { min-height:100px; }
  .button { min-height:44px; }
}