/* September visual review: readable type, deliberate grouping and equal CTAs. */
html .hero-with-video .hero-content{width:min(100%,82rem);padding:calc(var(--site-header-height,6rem) + 3rem) 1.5rem 10rem}
html .hero-with-video #hero-title{max-width:100%;font-size:clamp(3rem,5.4vw,6.2rem);line-height:1.16;letter-spacing:-.025em}
html .hero-with-video #hero-title .hero-line{overflow:visible}
html .hero-with-video #hero-title [data-upgrade-copy]{font-size:inherit;letter-spacing:inherit;line-height:inherit}
html .hero-with-video .hero-intro{max-width:43rem;margin-top:1.8rem;line-height:1.8;font-size:clamp(1rem,1.15vw,1.13rem)}
html .upgrade-hero-actions{gap:1rem;margin-top:1.8rem;align-items:stretch}
html .upgrade-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.85rem 1.7rem;line-height:1.4;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s}
html .upgrade-hero-actions .solid-button{background:var(--paper);color:#111;border:1px solid var(--paper);min-width:12rem}
html .upgrade-hero-actions .upgrade-text-link{border:1px solid rgba(255,255,255,.6);color:#fff;min-width:12rem}
html .upgrade-hero-actions .solid-button:hover{background:white}
html .upgrade-hero-actions .upgrade-text-link:hover{background:rgba(255,255,255,.13);border-color:white}
html .upgrade-hero-actions a:focus-visible{outline:2px solid #fff;outline-offset:5px}
html .home-product-overview .page-intro,html .rfq-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(15rem,.85fr);column-gap:clamp(2rem,6vw,6rem);row-gap:1.1rem;align-items:end;margin-bottom:clamp(2.5rem,4vw,4rem)}
/* Keep the home category heading and cards together; do not stack page-intro padding with its margin. */
html .home-product-overview .page-intro{padding-bottom:0;margin-bottom:clamp(1.5rem,2.5vw,2.5rem)}
html .home-product-overview .page-intro>p,html .rfq-heading>p{grid-column:1/-1;padding:0;margin:0}
html .home-product-overview .page-intro>h2,html .rfq-heading>h2{grid-column:1;max-width:100%;font-size:clamp(2.4rem,4vw,4.25rem);line-height:1.2;letter-spacing:-.025em;margin:0}
html .home-product-overview .page-intro>div,html .rfq-heading>div{grid-column:2;max-width:34rem;font-size:1rem;line-height:1.75;margin:0;padding:0}
html .home-product-overview .page-intro>div p{margin:0}
html .home-product-overview .product-category-copy{display:flex;flex-direction:column;padding:1.4rem;gap:.75rem}
html .home-product-overview .product-category-copy h2{font-size:clamp(1.3rem,1.6vw,1.75rem);line-height:1.35;margin:0}
html .home-product-overview .product-category-copy p{margin:0 0 1rem;line-height:1.7}
html .home-product-overview .category-destination{margin-top:auto;padding-top:.5rem}
html .footer{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem 3rem;align-items:center;padding-top:2rem}
html .footer-locations{grid-column:1/-1;margin:0;padding-bottom:2rem}
html .footer-directory-links{width:100%;justify-content:space-between;gap:1.5rem}
html .footer-locations>span{display:none}
html .footer-brand{grid-column:1;grid-row:2}
html .footer>p:not(.footer-brand):not(.footer-nav):not(.footer-legal){grid-column:1/-1;grid-row:4;margin:0;font-size:.8rem;color:#aaa9a4}
html .footer-nav{grid-column:2;grid-row:2;justify-content:flex-end;gap:.4rem 1.6rem}
html .footer-legal{grid-column:1/-1;grid-row:3;margin:0;padding-top:1.5rem}
html .footer-social{padding-inline-start:1.5rem}
html .footer-nav a,html .footer-legal a{line-height:1.7}
@media(max-width:900px){html .hero-with-video #hero-title{font-size:clamp(2.6rem,6vw,4.3rem)}html .home-product-overview .page-intro,html .rfq-heading{grid-template-columns:1fr;gap:1.3rem}html .home-product-overview .page-intro>div,html .rfq-heading>div{grid-column:1}html .footer{grid-template-columns:1fr}html .footer-brand{grid-column:1;grid-row:2}html .footer-nav{grid-column:1;grid-row:3;justify-content:flex-start}html .footer-legal{grid-row:4}html .footer>p:not(.footer-brand):not(.footer-nav):not(.footer-legal){grid-row:5}}
@media(max-width:560px){html .hero-with-video .hero-content{padding:calc(var(--site-header-height,5rem) + 3rem) 1.2rem 10rem}html .hero-with-video #hero-title{font-size:clamp(2rem,8.6vw,2.8rem);line-height:1.18}html:lang(zh-Hant) .hero-with-video #hero-title{font-size:clamp(2.15rem,9vw,2.9rem)}html .upgrade-hero-actions{gap:.8rem}html .upgrade-hero-actions a{width:100%;min-width:0;align-self:stretch}html .home-product-overview .product-category-copy{padding:1.05rem;gap:.5rem}html .home-product-overview .product-category-copy h2{font-size:1.15rem}html .footer-directory-links{align-items:flex-start}html .footer-social{padding-inline-start:0}}
@media(prefers-reduced-motion:reduce){html .upgrade-hero-actions a{transition:none}}