/* Local size corrections. Keep the approved 1600px container and full-width backgrounds. */
@media (min-width: 641px) {
  .ai-option-copy > b {font-size:max(18px,calc(28 * min(1px, .0520833333vw)));line-height:1.3}
  .ai-option-copy > span {font-size:max(14px,calc(18 * min(1px, .0520833333vw)));line-height:1.5}
  .ai-options img {width:max(22px,calc(28 * min(1px, .0520833333vw)));height:max(22px,calc(28 * min(1px, .0520833333vw)))}
  .product-actions > .button {font-size:max(14px,calc(18 * min(1px, .0520833333vw)));min-height:max(42px,calc(54 * min(1px, .0520833333vw)));line-height:1.3;padding:calc(12 * min(1px, .0520833333vw)) calc(18 * min(1px, .0520833333vw))}
}
@media (min-width: 1101px) {
  .product-track {grid-auto-columns:max(280px,calc(476 * var(--measure)))}
  .product-card {min-height:max(480px,calc(772 * var(--measure)))}
  .delivery-copy {grid-template-columns:calc(48 * var(--measure)) minmax(0,1fr)}
  .delivery-card:not(.delivery-main) .delivery-icon {width:calc(48 * var(--measure));height:calc(48 * var(--measure))}
}
/* Avoid the old 1101→1100 jump: 45.9→64px headings and 273→350px cards. */
@media (min-width: 641px) and (max-width: 1100px) {
  h1 {font-size:clamp(32px,4.166667vw,45.833337px)}
  .product-track {grid-auto-columns:clamp(260px,24.791667vw,280px)}
  .product-card {min-height:480px}
  .product-content h3 {font-size:clamp(22px,1.875vw,26px)}
  .product-content > p {font-size:15px}
}
@media (max-width: 640px) {
  h1 {font-size:clamp(24px,7.65vw,32px)}
}

/* Overall proportion pass: size the shared grid tracks, not only subgrid items.
   Subgrid items' min-height alone did not enlarge the parent rows in Chrome. */
@media (min-width: 1101px) {
  h1 {font-size:calc(76 * var(--measure));line-height:1.3}
  .hero .eyebrow {margin-bottom:calc(48 * var(--measure))}
  .product-track {min-height:max(480px,calc(772 * var(--measure)))}
  .products-section {padding-bottom:calc(40 * var(--measure))}
  .solutions-section {padding-bottom:calc(78 * var(--measure))}
  .case-copy {padding:calc(24 * var(--measure)) calc(32 * var(--measure))}
  .case-eyebrow {line-height:1.3;margin-bottom:calc(14 * var(--measure))}
  .case-copy h3 {font-size:calc(44 * var(--measure));line-height:1.2;margin-bottom:calc(12 * var(--measure))}
  .case-copy article > p:not(.case-eyebrow) {font-size:calc(20 * var(--measure));line-height:1.4;margin-bottom:calc(10 * var(--measure))}
  .case-copy li {font-size:calc(18 * var(--measure));line-height:1.4;margin:calc(6 * var(--measure)) 0}
  .case-copy ul {margin-bottom:calc(16 * var(--measure))}
  .case-visual > img {flex:0 0 auto;object-fit:contain}
  .delivery-section {padding-bottom:calc(92 * var(--measure))}
  .cta-section {padding-bottom:calc(166 * var(--measure))}
}
@media (min-width: 641px) and (max-width: 1100px) {
  h1 {font-size:clamp(32px,3.958333vw,43.541663px)}
  .product-track {min-height:480px}
}
@media (max-width: 640px) {
  .product-track {min-height:520px}
}

/* Tablet artwork follows the viewport instead of a fixed 1460px canvas. */
@media (min-width: 641px) and (max-width: 1100px) {
  .hero {height:680px}
  .hero-art {width:100%;height:100%;right:0;top:0;object-fit:cover;object-position:57% center;opacity:1}
  .hero-inner {padding-top:150px}
  .hero .eyebrow {margin-bottom:28px}
  h1 {margin-bottom:28px}
  .hero-description {font-size:17px;line-height:1.8;margin-bottom:36px}
  .hero-button {min-height:58px;width:230px}
  .hero-note {bottom:30px}
}

/* Match the reference case section's compact tab and customer-logo bands. */
@media (min-width: 1101px) {
  .cases-section {padding-top:calc(60 * var(--measure));padding-bottom:calc(40 * var(--measure))}
  .cases-section .horizontal-tabs {margin-top:0}
  .cases-section .horizontal-tabs > button {line-height:1.3;padding:calc(8 * var(--measure)) calc(8 * var(--measure))}
  .customer-logos img {height:calc(48 * var(--measure))}
}

@media (min-width: 641px) and (max-width: 1100px) {
  .hero-copy {width:clamp(360px,45vw,495px);max-width:100%}
  .hero-description {max-width:min(100%,440px)}
}

/* Solution tabs share the same optical icon size as the detail-page scene tabs. */
#top.home-page .solutions-section .horizontal-tabs img{width:20px;height:20px;object-fit:contain;flex:none}
