/* Keep Home's approved content and palette consistent across screen sizes. */
body.home-v8 {
  --home-content: min(1680px, calc(100% - clamp(48px, 6.67vw, 160px)));
}
body.home-v8 :is(.v8-container, .container, .vb-footer-shell) {
  width: var(--home-content);
  margin-inline: auto;
}
body.home-v8 .vb-nav {
  width: var(--home-content);
  max-width: none;
  padding-inline: 0;
}
body.home-v8 .v8-section { min-height: 0; padding-block: clamp(64px, 6vw, 112px); }
body.home-v8 #integrated-solutions { padding-block: clamp(64px, 6vw, 104px); }
body.home-v8 .v8-section h2 { font-size: clamp(32px, 3.2vw, 56px); line-height: 1.16; }
body.home-v8 .v8-section-header p { font-size: clamp(16px, 1.4vw, 21px); }
body.home-v8 .v8-why-card { min-height: 148px; padding: 24px; gap: 16px; }
body.home-v8 .v8-why-card h3 { font-size: 21px; line-height: 1.3; }
body.home-v8 .v8-why-card p { font-size: 17px; line-height: 1.6; }
body.home-v8 .v8-why-visual img { position: absolute; inset: 0; }
body.home-v8 .v8-inquiry-grid { gap: clamp(28px, 4vw, 64px); }
body.home-v8 .v8-inquiry-copy h2 { font-size: clamp(36px, 3.6vw, 60px); line-height: 1.12; }
body.home-v8 .v8-inquiry-copy > p { font-size: 19px; }
body.home-v8 .v8-inquiry-link { min-height: 144px; padding: 20px; }
body.home-v8 .v8-inquiry-link h3 { font-size: 20px; }
body.home-v8 .v8-inquiry-link p { font-size: 15px; line-height: 1.5; }
body.home-v8 .v8-form-grid > *, body.home-v8 .v8-inquiry-grid > * { min-width: 0; }
body.home-v8 .v8-form :is(input, select, textarea) { font-size: 16px; }
body.home-v8 #integrated-solutions .v8-hub-main { height: auto; min-height: 560px; align-items: stretch; }
body.home-v8 #integrated-solutions .v8-hub-products > header { padding-right: 0; }
body.home-v8 #integrated-solutions .v8-hub-products h3 { margin-bottom: 12px; }
body.home-v8 #integrated-solutions .v8-hub-related { position: static; justify-content: flex-start; margin: 0 0 20px; }

/* Limit viewport-based type growth and preserve the photograph's proportions. */
body.home-v8 #home.vh-carousel { height: clamp(740px, 53vw, 980px); }
body.home-v8 #home .scene { object-fit: cover; }
body.home-v8 #home .copy { max-width: 760px; }
body.home-v8 #home .commercial .copy { max-width: 1100px; }
body.home-v8 #home .eyebrow { font-size: clamp(11px, .8vw, 14px); margin-bottom: 24px; }
body.home-v8 #home :is(h1, h2), body.home-v8 #home[lang=zh] .copy :is(h1, h2) {
  font-size: clamp(40px, 3.2vw, 68px); line-height: 1.13;
}
body.home-v8 #home .commercial h2 { font-size: clamp(38px, 3vw, 64px); }
body.home-v8 #home .description { font-size: clamp(16px, 1.25vw, 22px); margin-block: 24px; }
body.home-v8 #home .actions { gap: 16px; flex-wrap: wrap; }
body.home-v8 #home .actions a { min-height: 48px; padding: 14px 24px; font-size: 16px; gap: 20px; }
body.home-v8 #home .actions a > span:last-child { font-size: 21px; }
body.home-v8 #home .benefits b { font-size: clamp(12px, .85vw, 16px); }
body.home-v8 #home .benefits svg { width: clamp(24px, 1.9vw, 34px); height: clamp(24px, 1.9vw, 34px); }
body.home-v8 #home .signature { font-size: clamp(9px, .6vw, 12px); }
@media (min-width: 901px) {
  body.home-v8 #home .product.ci-container,
  body.home-v8 #home .product.ci-cabinet { bottom: 18%; }
}
@media (min-width: 1800px) {
  body.home-v8 #home .glass-haier { top: calc(50% - 12.94cqw); }
  body.home-v8 #home .glass-vestwoods { top: calc(50% - 14.24cqw); }
  body.home-v8 #home .glass-bridge { top: calc(50% - 12.38cqw); }
}
@media (min-width: 761px) and (max-width: 1200px) {
  body.home-v8 #home .copy { width: 64%; top: 155px; }
  body.home-v8 #home .commercial .copy { width: 80%; }
  body.home-v8 #home .glass-haier,
  body.home-v8 #home .glass-vestwoods,
  body.home-v8 #home .glass-bridge { display: none; }
  body.home-v8 #home .hero-brand .shade { background: linear-gradient(90deg, #062c50c9, #062c501a 80%); }
  body.home-v8 #news-insights .v8-news-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  body.home-v8 #news-insights .v8-news-gallery-copy { padding: 18px; }
  body.home-v8 #news-insights .v8-news-gallery-copy h3 { font-size: 19px; }
}
@media (max-width: 1100px) and (min-width: 701px) {
  body.home-v8 #integrated-solutions .v8-hub-main { display: grid; grid-template-columns: 1fr; gap: 24px; }
  body.home-v8 #integrated-solutions .v8-hub-scene { min-height: 460px; }
  body.home-v8 #integrated-solutions .v8-hub-scene-media { position: absolute; inset: 0; height: auto; }
  body.home-v8 #integrated-solutions .v8-hub-scene-copy { height: 100%; padding: 32px; }
  body.home-v8 #integrated-solutions .v8-hub-products { padding: 24px; }
  body.home-v8 #integrated-solutions .v8-hub-product-list { display: grid; grid-template: auto / repeat(3, minmax(0, 1fr)); gap: 16px; }
  body.home-v8 #integrated-solutions .v8-hub-product { grid-row: auto; padding: 16px; min-height: 320px; }
  body.home-v8 #integrated-solutions .v8-hub-product-media { min-height: 160px; }
  body.home-v8 #integrated-solutions .v8-hub-product-media img { height: 160px; transform: none; }
  body.home-v8 #integrated-solutions .v8-hub-product-copy h4 { font-size: 19px; }
}
@media (max-width: 1050px) {
  body.home-v8 { --home-content: calc(100% - 48px); }
  body.home-v8 .v8-why-visual { min-height: 380px; }
  body.home-v8 .v8-form { max-width: none; }
}
@media (max-width: 900px) {
  body.home-v8 #home.vh-carousel { height: clamp(740px, 100svh, 880px); }
  body.home-v8 #home .scene { top: auto; bottom: 0; height: 58%; object-position: 70% center; }
  body.home-v8 #home .scene { mask-image: linear-gradient(transparent, #000 20%); }
  body.home-v8 #home .shade,
  body.home-v8 #home .commercial .shade,
  body.home-v8 #home .residential .shade,
  body.home-v8 #home .hero-brand .shade {
    background: linear-gradient(180deg, #073362 0%, #124c7b 38%, #153b5733 65%, #061c36aa 100%);
  }
  body.home-v8 #home .copy,
  body.home-v8 #home .commercial .copy,
  body.home-v8 #home .residential .copy { left: 6%; top: 120px; width: 88%; max-width: 700px; }
  body.home-v8 #home :is(.glass-haier, .glass-vestwoods, .glass-bridge, .benefits, .signature) { display: none; }
  body.home-v8 #home .description { max-width: 600px; }
  body.home-v8 #home .product.ci-container { left: 61%; width: 36%; height: 22%; bottom: 13%; }
  body.home-v8 #home .product.ci-cabinet { left: 48%; width: 12%; height: 20%; bottom: 13%; }
  body.home-v8 #home .vh-control[data-vh-prev],
  body.home-v8 #home .vh-control[data-vh-next] { top: 70%; }
}
@media (max-width: 700px) {
  body.home-v8 { --home-content: calc(100% - 32px); }
  body.home-v8 #home .copy :is(h1, h2), body.home-v8 #home[lang=zh] .copy :is(h1, h2) { font-size: clamp(28px, 7.7vw, 34px); }
  body.home-v8 #home .eyebrow { font-size: 10px; letter-spacing: .15em; margin-bottom: 20px; }
  body.home-v8 #home .description { font-size: 16px; line-height: 1.5; margin-block: 22px; }
  body.home-v8 #home .actions { gap: 10px; }
  body.home-v8 #home .actions a { font-size: 13px; padding: 12px 14px; gap: 10px; }
  body.home-v8 #home .actions a > span:last-child { font-size: 18px; }
  body.home-v8 #home .product.ci-container { left: 57%; width: 40%; bottom: 12%; }
  body.home-v8 #home .product.ci-cabinet { left: 41%; width: 15%; bottom: 12%; }
  body.home-v8 #integrated-solutions .v8-hub-main { min-height: 0; }
  body.home-v8 #integrated-solutions .v8-hub-product-media { min-height: 180px; }
  body.home-v8 #integrated-solutions .v8-hub-product-media img { height: 180px; }
  body.home-v8 #integrated-solutions .v8-hub-product { min-height: 320px; }
  body.home-v8 .v8-section-header { margin-bottom: 32px; }
  body.home-v8 .v8-why-card { min-height: 0; padding: 22px; }
  body.home-v8 .v8-why-card h3 { font-size: 20px; }
  body.home-v8 .v8-why-card p { font-size: 16px; }
  body.home-v8 .v8-inquiry-link { min-height: 110px; }
  body.home-v8 .v8-inquiry-copy > p { font-size: 17px; }
  body.home-v8 .v8-form-heading h3 { font-size: 24px; }
  body.home-v8 .v8-form-heading p { font-size: 15px; }
}