/* Desktop design scale: from 1280px up every design pixel follows the window (see --px in pixie-main.css), so 100%, 125%
   and 150% Windows display scaling, QHD and 4K screens all show the same 1920 layout. Below 1280 the layouts below take over.
   On ultrawide screens (wider than about 21:9 once the browser bars are counted) the height caps the scale instead, and the
   content keeps a 1920-shaped frame in the middle while backgrounds still run edge to edge. */
@media screen and (min-width:1280px) {
	:root { --px: min(calc(100vw / 1920), calc(100vh / 760)); }
	.custom-container { max-width: calc(1920 * var(--px)); }
}
@media screen and (max-width:1279px) {
	/* Carried down from the desktop sizes (1280px and up now scale instead of stepping) */
	footer .footer-box { gap: 40px; }
	footer .footer-logo-box img { width: 260px; height: auto; }
	.cables-section .common-box h3 { font-size: 20px; line-height: 28px; padding-bottom: 12px; margin-bottom: 12px; }
	.partner-section .content-box p { font-size: 18px; line-height: 28px; white-space: normal; }
	.common-btn.btn { font-size: 16px; line-height: 22px; padding: 14px 26px; }
	footer { padding-top: 64px; }
	.banner-section .banner-content-box p { padding-bottom: 36px; }
	.cables-section .common-box .link-text { font-size: 17px; }
	.dealer-section .features-box { margin-bottom: 44px; }
	.dealer-section .features-box .icon-box { width: 60px; height: 60px; margin-bottom: 16px; }
	.dealer-section .features-box .icon-box svg { width: 30px; height: 30px; }
	.dealer-section .map-box.india-box { margin-right: 0; }
	.product-detail-section .product-grid { gap: 60px; }
	.product-detail-section h2 { font-size: 42px; }
	.product-detail-section .sub-title { font-size: 26px; line-height: 34px; }
	.product-detail-section .option-box h3 { font-size: 18px; line-height: 26px; }
	.machinery-section .slider-wrap { padding-left: 70px; }
	footer .bottom-footer p { font-size: 16px; }
	footer .bottom-footer ul li a { font-size: 16px; }
	footer .bottom-footer ul li { padding: 0 12px; }
	footer .bottom-footer .left-box p { padding-right: 12px; }
	.cables-section .common-box .content-box { left: 22px; right: 22px; bottom: 24px; }
	.dealer-section .main-grid-box-2 { grid-template-columns: 1fr 1fr; gap: 40px; }
	.product-detail-section .chip-list { gap: 12px; }
	.partner-section .content-box { max-width: 460px; }
	.standard-section .main-grid-box-2 { gap: 60px; }

	.custom-container { padding: 0 50px; }
	.custom-container-right { padding: 0 50px 0 0; }
	.common-section { padding: 64px 0; }
	.common-top-section { padding-top: 64px; }
	.common-bottom-section { padding-bottom: 64px; }
	.title-box { margin-bottom: 44px; }
	.title-box h2 { font-size: 42px; }
	p { font-size: 17px; line-height: 27px; }

	/* Header: the full menu no longer fits beside the logo, so it moves into a drop-down panel behind the menu button */
	header { padding: 16px 0; }
	header.shrink { padding: 12px 0; }
	header .main-header { gap: 20px; }
	header .logo-box img, header.shrink .logo-box img { width: 210px; }
	header .menu-toggle { display: block; }
	header .main-menu { position: absolute; top: 100%; left: 0; right: 0; margin: 0; max-height: calc(100vh - 76px); overflow-y: auto; overscroll-behavior: contain; background: #FFFFFF; flex-direction: column; align-items: stretch; padding: 6px 50px 30px; border-top: 1px solid rgba(30, 107, 61, 0.1); box-shadow: 0 30px 40px -20px rgba(4, 42, 43, 0.18); clip-path: inset(0 0 100% 0); visibility: hidden; transition: clip-path 0.5s cubic-bezier(0.65, 0, 0.35, 1), visibility 0.5s; }
	header.menu-open .main-menu { clip-path: inset(0 0 0 0); visibility: visible; }
	header .main-menu ul { flex-direction: column; align-items: stretch; gap: 0; }
	header .main-menu > ul > li { border-bottom: 1px solid rgba(30, 107, 61, 0.1); }
	header .main-menu ul li a { font-size: 18px; line-height: 26px; padding: 15px 0; }
	header .main-menu ul li a::after { display: none; }
	header .main-menu ul li.has-dropdown > a { display: flex; justify-content: space-between; }
	header .main-menu .drop-arrow { box-sizing: content-box; width: 14px; height: 9px; padding: 14px; margin: -14px; }
	header .main-menu li.has-dropdown:hover .drop-arrow, header .main-menu li.has-dropdown:focus-within .drop-arrow { transform: none; }
	header .main-menu li.has-dropdown.open .drop-arrow { transform: rotate(180deg); }
	/* Sub-menus fold open under their item when tapped */
	header .main-menu .dropdown-box, header .main-menu li.has-dropdown:hover .dropdown-box, header .main-menu li.has-dropdown:focus-within .dropdown-box { position: static; width: auto; padding: 0; opacity: 1; visibility: hidden; transform: none; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.45s cubic-bezier(0.65, 0, 0.35, 1), visibility 0.45s; }
	header .main-menu li.has-dropdown.open .dropdown-box { grid-template-rows: 1fr; visibility: visible; transform: none; }
	header .main-menu ul.dropdown-list { min-height: 0; overflow: hidden; padding: 0 0 0 16px; border: none; border-radius: 0; box-shadow: none; gap: 0; }
	header .main-menu ul.dropdown-list::before { display: none; }
	header .main-menu ul.dropdown-list li, header .main-menu li.has-dropdown:hover .dropdown-list li { opacity: 1; transform: none; border-left: 1px solid rgba(30, 107, 61, 0.15); }
	header .main-menu ul.dropdown-list li:last-child { margin-bottom: 14px; }
	header .main-menu ul.dropdown-list li a, header .main-menu ul li.active .dropdown-list li a { font-size: 16px; line-height: 22px; padding: 10px 16px; border-radius: 0; }
	header .main-menu ul.dropdown-list li a svg { display: none; }
	footer .footer-box { grid-template-columns: 1fr 1fr; }
	footer .footer-box .logo-col { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
	footer .social-icon ul { padding-top: 0; }
	footer .bottom-footer .left-box { flex-direction: column; align-items: flex-start; gap: 6px; }
	footer .bottom-footer ul li:first-child { border-left: none; padding-left: 0; }

	/* Home Page */
	.banner-section .banner-content-box h1 { font-size: 64px; }
	.banner-section .banner-content-box p { font-size: 20px; line-height: 30px; max-width: 760px; }
	.purity-section .purity-card { min-height: 460px; }
	.purity-section .left-box { padding: 50px 40px; }
	.purity-section .left-box h2 { font-size: 30px; padding-bottom: 18px; }
	.purity-section .left-box p { font-size: 17px; line-height: 27px; padding-bottom: 28px; }
	.purity-section .points-box { right: 24px; bottom: 24px; padding: 18px 20px; gap: 12px; }
	.purity-section .points-box .box { gap: 12px; }
	.purity-section .points-box .box img { width: 44px; }
	.purity-section .points-box .box span { font-size: 17px; line-height: 24px; }
	.responsibly-section .responsibly-grid { gap: 24px; }
	.responsibly-section .common-box { height: 460px; }
	.responsibly-section .common-box h3 { font-size: 22px; }
	.responsibly-section .common-box.active h3 { font-size: 34px; }
	.responsibly-section .common-box .tag { top: 24px; left: 24px; font-size: 16px; line-height: 22px; padding: 10px 22px; }
	.responsibly-section .common-box .content-box { left: 28px; right: 28px; bottom: 28px; }
	.cables-section .cables-slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 48px) / 3); margin-right: 24px; }
	.dealer-section .features-box .box { flex: 1 1 0; padding: 0 14px; }
	.dealer-section .features-box h3 { font-size: 17px; line-height: 24px; white-space: normal; }
	.dealer-section .dealer-form { padding: 6px 6px 6px 16px; gap: 10px; }
	.dealer-section .dealer-form .input-icon svg { width: 24px; height: 24px; }
	.dealer-section .dealer-form input { font-size: 15px; }
	.dealer-section .dealer-form button { font-size: 15px; padding: 12px 16px; gap: 8px; }
	.dealer-section .map-box.india-box { width: 100%; max-width: 460px; }
	.industries-section .industries-track-wrap { padding-left: 50px; }
	.industries-section .industries-track { padding-right: 50px; gap: 24px; }
	.industries-section .common-box { height: clamp(320px, calc(100vh - 260px), 460px); }
	.industries-section .common-box .label { left: 20px; right: 20px; bottom: 20px; padding: 14px; font-size: 20px; line-height: 28px; }
	.standard-section .standard-title { font-size: 92px; }
	.standard-section .right-box .img-box { height: 440px; }
	.partner-section .content-box p { padding-bottom: 28px; }

	/* Inner Pages: the banner sits right under the header, whose height is 76px here */
	.inner-banner-section { height: 540px; margin-top: 76px; padding-bottom: 44px; }
	.inner-banner-section .page-name { font-size: 24px; line-height: 32px; padding-bottom: 18px; }
	.inner-banner-section .divider-line { margin-bottom: 24px; }
	.inner-banner-section .banner-title { font-size: 52px; }
	/* About Us Page */
	.overview-section .overview-grid { gap: 60px; }
	.overview-section .left-box h2 { font-size: 38px; }
	.overview-section .right-box p { font-size: 19px; line-height: 31px; padding-bottom: 22px; }
	.engineering-section { margin-top: -80px; }
	/* Engineering: two columns, the tall sustainability photo spans the full width in the middle */
	.engineering-section .engineering-grid { aspect-ratio: auto; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	.engineering-section .mine-box { grid-column: 1; grid-row: 1; min-height: 300px; }
	.engineering-section .safety-box { grid-column: 2; grid-row: 1; min-height: 300px; }
	.engineering-section .sustainability-box { grid-column: 1 / -1; grid-row: 2; min-height: 480px; }
	.engineering-section .certified-box { grid-column: 1; grid-row: 3; min-height: 440px; }
	.engineering-section .automation-box { grid-column: 2; grid-row: 3; min-height: 440px; }
	/* Keep the copy clear of the photos: the wires sit low in the mine card, the engineer stands smaller in the corner */
	.engineering-section .mine-box .img-box img { object-position: 50% 100%; }
	.engineering-section .mine-box p { max-width: 80%; }
	.engineering-section .mine-box .img-box::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(248, 210, 190, 0.92) 0%, rgba(248, 210, 190, 0.6) 40%, rgba(248, 210, 190, 0) 70%); } /* a soft peach fade keeps the copy readable over the wires */
	.engineering-section .automation-box .engineer { width: 62%; }
	.engineering-section .automation-box .ribbon { top: 50px; }
	.engineering-section .common-box .content-box { padding: 24px; }
	.engineering-section .common-box .icon-box svg { width: 40px; height: 40px; }
	.engineering-section .common-box .content-box { column-gap: 14px; }
	.engineering-section .common-box h3 { font-size: 20px; line-height: 28px; }
	.engineering-section .common-box p { padding-top: 12px; font-size: 15px; line-height: 23px; }
	.engineering-section .sustainability-box .content-box { left: 16px; right: 16px; bottom: 16px; }
	.mission-section { height: 760px; }
	.mission-section .mission-grid { padding: 80px 0; grid-template-columns: 46fr 8fr 46fr; }
	.mission-section .glass-box { padding: 36px; }
	.mission-section h2 { font-size: 36px; padding-bottom: 18px; }
	.mission-section p { font-size: 16px; line-height: 25px; }
	.network-section .network-grid { gap: 50px; }
	.network-section .intro-text { font-size: 18px; line-height: 28px; padding-bottom: 30px; }
	.network-section .stats-grid { gap: 20px; }
	.network-section .stats-grid .box { padding: 24px; }
	.network-section .stats-grid .number { font-size: 40px; padding-bottom: 16px; }
	.network-section .stats-grid h3 { font-size: 24px; line-height: 30px; }
	.network-section .stats-grid .small-text { font-size: 16px; line-height: 24px; }
	/* Values: still pinned here, so the cards are sized by the screen height to fit under the title */
	.values-section .values-track { gap: 30px; padding: 0 50px; }
	.values-section .common-box { width: auto; height: clamp(380px, calc(100vh - 260px), 520px); padding: 26px; }
	.values-section .common-box h3 { font-size: 38px; }
	.values-section .common-box p { font-size: 16px; line-height: 25px; }
	.leadership-section .team-box { height: 400px; }
	.leadership-section .team-box .content-box { padding: 24px 24px 0; }
	.leadership-section .team-box h3 { font-size: 22px; line-height: 30px; }
	.leadership-section .team-box .designation { font-size: 16px; line-height: 24px; }
	.leadership-section .team-box .bio-box { left: 24px; right: 24px; bottom: 24px; }
	.leadership-section .team-box .bio-box p { font-size: 15px; line-height: 24px; }
	.certifications-section .certifications-grid { gap: 16px; }
	.certifications-section .common-box { padding: 20px; gap: 16px; }
	.certifications-section .logo-box { height: 80px; }
	.certifications-section .logo-box img[height="100"] { height: 80px; }
	.certifications-section .logo-box img[height="90"] { height: 72px; }
	.certifications-section .logo-box img[height="80"] { height: 64px; }
	.certifications-section .common-box h3 { font-size: 17px; line-height: 24px; }

	/* Industries Page */
	.industries-list-section .industries-list { gap: 50px; }
	.industries-list-section .industry-box, .industries-list-section .industry-box.reverse { grid-template-columns: 1fr 1fr; }
	.industries-list-section .content-box { padding: 40px; }
	.industries-list-section h2 { font-size: 36px; padding-bottom: 20px; }
	.industries-list-section .content-box > p { font-size: 18px; line-height: 29px; padding-bottom: 24px; }
	.industries-list-section .applications-box { padding: 22px 0; margin-bottom: 24px; }
	.industries-list-section h3 { font-size: 19px; line-height: 26px; padding-bottom: 14px; }
	.industries-list-section .tags { gap: 10px; }
	.industries-list-section .tags li { font-size: 15px; line-height: 20px; padding: 9px 16px; }
	.industries-list-section .btn-box { gap: 14px; }
	/* Contact CTA (shared): panels a little shorter, the India map smaller */
	.contact-cta-section .cta-box { height: 560px; }
	.contact-cta-section .content-box { padding: 40px; gap: 28px; }
	.contact-cta-section h2 { font-size: 36px; }
	.contact-cta-section .dealer-box .map-box.india-box { right: 30px; bottom: 24px; width: 300px; }

	/* Contact Us Page */
	.contact-info-section .contact-info-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.contact-info-section .common-box { gap: 36px; padding: 26px; }
	.contact-info-section .icon-box { width: 64px; height: 64px; }
	.contact-info-section .icon-box svg { width: 32px; height: 32px; }
	.contact-info-section h2, .contact-info-section .info-link, .contact-info-section .info-link:focus { font-size: 22px; line-height: 30px; }
	.contact-form-section .contact-form { padding: 32px; }
	.contact-form-section .form-grid { gap: 18px; padding-bottom: 24px; }
	.contact-form-section label { font-size: 16px; line-height: 22px; }
	.contact-form-section input, .contact-form-section select, .contact-form-section textarea { font-size: 16px; line-height: 22px; padding: 14px 16px; }
	.contact-form-section .error-text { top: 55px; right: 16px; font-size: 14px; }
	.contact-form-section .full-width .error-text { top: 54px; }
	.contact-form-section .has-error:not(.is-empty) input { padding-right: 200px; }
	.offices-section .offices-grid { gap: 30px; }
	.offices-section .address-card { padding: 36px; }
	.offices-section h3 { font-size: 26px; line-height: 34px; }
	.offices-section .company-name, .offices-section p { font-size: 19px; line-height: 30px; }
	.offices-section .office-box + .office-box { margin-top: 30px; padding-top: 30px; }
	.map-section { height: 560px; }

	/* Manufacturing Page */
	.mfg-overview-section .overview-grid { gap: 50px; }
	.mfg-overview-section .content-box p { font-size: 18px; line-height: 29px; padding-bottom: 20px; }
	.quality-stats-section .stats-grid { gap: 20px; }
	.quality-stats-section .box { min-height: 0; padding: 24px; }
	.quality-stats-section .number { font-size: 38px; padding-bottom: 14px; }
	.quality-stats-section .label { font-size: 18px; line-height: 26px; }
	.mine-section { height: auto; min-height: 760px; padding: 64px 0; }
	.mine-section .glass-grid { gap: 0 20px; min-height: 260px; }
	.mine-section .glass-box { padding: 24px; }
	.mine-section .glass-box h3 { font-size: 24px; line-height: 32px; }
	.mine-section .glass-box p { font-size: 16px; line-height: 25px; }
	.machinery-section .slider-wrap { padding-left: 50px; }
	.machinery-section .swiper-slide { width: 500px; }
	.machinery-section h3 { font-size: 24px; line-height: 32px; }
	.machinery-section .origin { font-size: 18px; line-height: 26px; }
	.machinery-section .content-box { padding: 24px; }
	.machinery-section .content-box > p { font-size: 17px; line-height: 27px; }
	.testing-section .testing-grid { gap: 40px; }
	.testing-section .tab-btn { padding: 20px 0 20px 18px; font-size: 22px; line-height: 30px; gap: 12px; }
	.testing-section .tab-btn.active { padding-left: 26px; }
	.testing-section .tab-btn .num { font-size: 16px; line-height: 30px; min-width: 26px; }
	.testing-section .caption-box { left: 28px; right: 28px; bottom: 28px; }
	.testing-section .caption h3 { font-size: 34px; padding-bottom: 10px; }
	.testing-section .caption p { font-size: 17px; line-height: 27px; }
	.infrastructure-section:not(.culture-section) .swiper-slide { width: 400px; }
	.infrastructure-section:not(.culture-section) .swiper-wrapper { min-height: 480px; }
	.infrastructure-section:not(.culture-section) .img-box { height: 370px; }
	.infrastructure-section:not(.culture-section) .swiper-slide-prev .img-box, .infrastructure-section:not(.culture-section) .swiper-slide-next .img-box { height: 425px; }
	.infrastructure-section:not(.culture-section) .swiper-slide-active .img-box { height: 480px; }

	/* Manufacturing Page: narrow card copy is left-aligned */
	.mine-section .mine-title { margin-bottom: 40px; }
	.mine-section .glass-box p { text-align: left; }

	/* Building Wires Page */
	.product-list-section .product-grid { gap: 30px; }
	.product-list-section .img-box { height: 340px; }
	.product-list-section h3 { font-size: 26px; line-height: 34px; padding-bottom: 12px; }
	.product-list-section .content-box { padding: 26px; }
	.product-list-section .content-box p { font-size: 16px; line-height: 26px; padding-bottom: 24px; }
	.safety-section { height: auto; min-height: 700px; padding: 64px 0; }
	.safety-section .custom-container { gap: 40px; }
	.safety-section .benefits-grid { gap: 18px; }
	.safety-section .box { gap: 16px; padding: 22px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(4, 42, 43, 0.3); }
	.safety-section .icon-box { width: 60px; height: 60px; }
	.safety-section .icon-box svg { width: 30px; height: 30px; }
	.safety-section .box p { font-size: 18px; line-height: 26px; text-align: left; }
	.applications-section .applications-row { height: 440px; }
	.applications-section h3 { font-size: 24px; line-height: 32px; white-space: normal; }
	.applications-section .content-box p { text-align: left; }
	.applications-section .content-box p { font-size: 16px; line-height: 25px; }
	.applications-section .oval-ring { width: 900px; left: -300px; top: -320px; }
	.proven-section .proven-grid { grid-template-columns: 1fr 1fr; gap: 50px; }
	.proven-section .box { gap: 22px; padding: 34px 0; }
	.proven-section .icon-box svg { width: 64px; height: 64px; }
	.proven-section h3 { font-size: 24px; line-height: 32px; padding-bottom: 10px; }
	.proven-section .text-box p { font-size: 16px; line-height: 26px; text-align: left; }
	.brochure-section { margin-bottom: 70px; }
	.brochure-section .brochure-grid { gap: 40px; min-height: 340px; }
	.brochure-section .content-box { gap: 34px; padding: 60px 0; }
	.brochure-section h2 { font-size: 38px; }

	/* Careers Page */
	.grow-section .grow-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.grow-section .common-box { aspect-ratio: 4 / 3; padding: 26px; }
	.grow-section h3 { font-size: 26px; line-height: 34px; }
	.grow-section .common-box p { font-size: 16px; line-height: 25px; max-width: 520px; text-align: left; }
	.positions-section .jobs-grid { gap: 20px; }
	.positions-section .job-box { padding: 24px; gap: 20px; }
	.positions-section h3 { font-size: 20px; line-height: 28px; padding-bottom: 12px; }
	.positions-section .job-meta li { font-size: 15px; line-height: 22px; }
	.culture-section .swiper-slide { width: 640px; }
	.culture-section .swiper-wrapper { min-height: 480px; }
	.culture-section .img-box { height: 340px; }
	.culture-section .swiper-slide-prev .img-box, .culture-section .swiper-slide-next .img-box { height: 400px; }
	.culture-section .swiper-slide-active .img-box { height: 480px; }

	/* Job Page */
	.job-summary-section .job-card { padding: 32px 36px; }
	.job-summary-section h1 { font-size: 38px; }
	.job-summary-section .job-facts { gap: 20px; }
	.job-summary-section dt { font-size: 16px; line-height: 22px; padding-bottom: 6px; }
	.job-summary-section dd { font-size: 20px; line-height: 28px; }
	.job-details-section .detail-group { padding: 40px 0; }
	.job-details-section h2 { font-size: 26px; line-height: 34px; padding-bottom: 22px; }
	.job-details-section .tick-list { gap: 18px; }
	.job-details-section .tick-list li { gap: 16px; font-size: 18px; line-height: 28px; }
	.job-details-section .tick-list img { width: 40px; }
	.apply-section h2 { font-size: 38px; padding-bottom: 36px; }
	.apply-section .form-grid { gap: 20px; padding-bottom: 30px; }
	.apply-section label, .apply-section legend { font-size: 16px; line-height: 22px; }
	.apply-section input[type="text"], .apply-section input[type="email"], .apply-section input[type="tel"] { font-size: 16px; line-height: 22px; padding: 14px 16px; }
	.apply-section .radio-row { min-height: 52px; gap: 28px; }
	.apply-section .error-text, .apply-section .file-hint { top: 55px; right: 16px; font-size: 14px; }

	/* Policy Pages */
	.policy-section p { font-size: 18px; line-height: 30px; padding-bottom: 18px; }
	.policy-section .updated { font-size: 16px; line-height: 24px; padding-bottom: 20px; }
	.policy-section .policy-intro { padding-bottom: 40px; }
	.policy-section .info-panel { padding: 32px 36px; }
	.policy-section .info-panel .panel-title { font-size: 21px; line-height: 28px; padding-bottom: 16px; }
	.policy-section .toc-box li { font-size: 16px; line-height: 24px; }
	.policy-section .policy-block { padding: 40px 0; }
	.policy-section .policy-block h2 { font-size: 30px; padding-bottom: 20px; }
	.policy-section .policy-block h3 { font-size: 21px; line-height: 28px; padding: 8px 0 12px; }
	.policy-section .dot-list { gap: 10px; padding-bottom: 20px; }
	.policy-section .dot-list li { font-size: 18px; line-height: 30px; }
	.policy-section .dot-list li::before { top: 12px; }

	/* Resources Page */
	.resources-section .tab-bar { gap: 10px; margin-bottom: 40px; padding: 8px; }
	.resources-section .tab-btn { padding: 10px 26px; font-size: 18px; line-height: 26px; }
	.resources-section .panel-title { font-size: 38px; padding-bottom: 36px; }
	.resources-section .news-grid { gap: 20px; }
	.resources-section .news-box .content-box { padding: 20px 20px 24px; }
	.resources-section .news-box h3 { font-size: 20px; line-height: 29px; padding-bottom: 12px; }
	.resources-section .news-box p { font-size: 15px; line-height: 24px; padding-bottom: 18px; text-align: left; }
	.resources-section .read-more, .resources-section .read-more:focus { font-size: 18px; line-height: 26px; gap: 12px; }
	.resources-section time, .resources-section .read-time { font-size: 15px; line-height: 22px; }
	.resources-section .tag { font-size: 13px; line-height: 18px; padding: 5px 12px; }
	.resources-section .load-more-box { padding-top: 40px; }
	.resources-section .event-upcoming { gap: 40px; }
	.resources-section .event-upcoming h3 { font-size: 26px; line-height: 34px; padding-bottom: 18px; }
	.resources-section .event-upcoming .content-box > p { font-size: 17px; line-height: 28px; padding-bottom: 30px; margin-bottom: 30px; }
	.resources-section .event-meta { gap: 18px 30px; }
	.resources-section .event-meta li { gap: 10px; font-size: 18px; line-height: 26px; }
	.resources-section .event-meta svg { width: 36px; height: 36px; }
	.resources-section .past-title { padding-top: 70px; }
	.resources-section .events-grid { gap: 24px; }
	.resources-section .event-box .content-box { padding: 24px; }
	.resources-section .event-box h3 { font-size: 24px; line-height: 32px; padding-bottom: 16px; }
	.resources-section .event-box .content-box > p { font-size: 16px; line-height: 26px; }
	.resources-section .event-box .event-meta { padding-top: 20px; }
	.newsletter-section h2 { font-size: 38px; padding-bottom: 14px; }
	.newsletter-section .content-box { max-width: 560px; }
	.newsletter-section .content-box > p { font-size: 18px; line-height: 28px; padding-bottom: 22px; }
	.newsletter-section .subscribe-form input, .newsletter-section .subscribe-btn, .coming-soon-section .subscribe-form input, .coming-soon-section .subscribe-btn, .coming-soon-section .notify-form input, .coming-soon-section .notify-form .subscribe-btn, .subscribe-input-group input, .subscribe-input-group .subscribe-btn { font-size: 16px; line-height: 22px; }
	/* Blog Article Page */
	.blog-article-section .meta-row { gap: 16px; padding-bottom: 22px; }
	.blog-article-section .tag { font-size: 15px; line-height: 22px; padding: 5px 16px; }
	.blog-article-section time { font-size: 17px; line-height: 24px; }
	.blog-article-section h1 { font-size: 38px; padding-bottom: 36px; }
	.blog-article-section .article-block { padding: 40px 0; }
	.blog-article-section .article-head + .article-block { padding-top: 50px; }
	.blog-article-section .article-block h2 { font-size: 26px; line-height: 34px; padding-bottom: 22px; }
	.blog-article-section .article-block p { font-size: 18px; line-height: 30px; padding-bottom: 22px; }
	.blog-article-section .article-block .list-label { padding-bottom: 22px; }
	.blog-article-section .wave-list { gap: 20px; }
	.blog-article-section .wave-list li { gap: 16px; font-size: 19px; line-height: 28px; }
	.blog-article-section .wave-list img { width: 44px; }
	.blog-article-section .img-pair { padding-top: 36px; }
	.blog-article-section .wide-img { margin-top: 36px; }

	/* Become a Dealer Page */
	.dealer-intro-section .left-box h2 { padding-bottom: 30px; }
	.dealer-intro-section .stats-row { gap: 20px; margin-top: 50px; padding-top: 36px; }
	.dealer-intro-section .stat-num { font-size: 48px; }
	.dealer-intro-section .stat-label { font-size: 17px; line-height: 24px; }
	.why-partner-section .why-grid { gap: 20px; }
	.why-partner-section .why-box { padding: 32px 26px; }
	.why-partner-section .why-box .icon-box { width: 64px; height: 64px; margin-bottom: 22px; }
	.why-partner-section .why-box .icon-box svg { width: 30px; height: 30px; }
	.why-partner-section .why-box h3 { font-size: 22px; line-height: 30px; padding-bottom: 12px; }
	.why-partner-section .why-box p { font-size: 16px; line-height: 25px; padding-bottom: 22px; margin-bottom: 22px; text-align: left; }
	.why-partner-section .tick-list { gap: 12px; }
	.why-partner-section .tick-list li { gap: 12px; font-size: 15px; line-height: 22px; }
	.why-partner-section .tick-list img { width: 32px; }
	.shared-growth-section .growth-head { gap: 50px; padding-bottom: 40px; }
	.shared-growth-section .growth-head h2 { font-size: 46px; }
	.shared-growth-section .growth-head p { font-size: 18px; line-height: 29px; }
	.shared-growth-section .growth-grid { gap: 20px; }
	.shared-growth-section .glass-box { padding: 28px; }
	.shared-growth-section .glass-box .icon-box { padding-bottom: 20px; }
	.shared-growth-section .glass-box .icon-box svg { width: 40px; height: 40px; }
	.shared-growth-section .glass-box h3 { font-size: 22px; line-height: 30px; padding-bottom: 10px; }
	.shared-growth-section .glass-box p { font-size: 16px; line-height: 25px; text-align: left; }
	.dealer-steps-section .steps-grid { gap: 50px; }
	.dealer-steps-section .left-box { top: 110px; }
	.dealer-steps-section .left-box .title-box h2 { font-size: 42px; }
	.dealer-steps-section .left-box p { font-size: 18px; line-height: 29px; padding-bottom: 30px; }
	.dealer-steps-section .steps-list { gap: 20px; padding-left: 50px; }
	.dealer-steps-section .steps-rail { left: 10px; }
	.dealer-steps-section .step-dot { left: -50px; width: 18px; height: 18px; margin-top: -9px; }
	.dealer-steps-section .step-card { gap: 24px; padding: 28px 30px; }
	.dealer-steps-section .step-num { width: 76px; font-size: 60px; }
	.dealer-steps-section .step-content h3 { font-size: 22px; line-height: 30px; }
	.dealer-steps-section .step-content p { font-size: 16px; line-height: 25px; }
	.dealer-form-section .info-panel { padding: 44px 34px; }
	.dealer-form-section .info-panel h2 { font-size: 40px; }
	.dealer-form-section .info-panel > p { font-size: 17px; line-height: 27px; padding-bottom: 28px; }
	.dealer-form-section .contact-list { gap: 14px; padding-bottom: 28px; margin-bottom: 28px; }
	.dealer-form-section .contact-list .icon { width: 44px; height: 44px; }
	.dealer-form-section .contact-list a, .dealer-form-section .contact-list a:focus { font-size: 18px; line-height: 26px; }
	.dealer-form-section .next-box li { font-size: 16px; line-height: 24px; }
	.dealer-form-section .contact-form { padding: 44px 34px; }
	.faq-section .faq-grid { gap: 50px; }
	.faq-section summary { gap: 18px; padding: 22px 24px; font-size: 19px; line-height: 28px; }
	.faq-section .faq-icon { width: 34px; height: 34px; }
	.faq-section .faq-answer { padding: 0 24px 24px; }
	.faq-section .faq-answer p { font-size: 16px; line-height: 26px; }

	/* Dealer Locator Page */
	.locator-section .search-panel { padding: 24px; margin-bottom: 40px; }
	.locator-section .locator-search { padding: 6px 6px 6px 18px; gap: 10px; }
	.locator-section .locator-search input { font-size: 17px; line-height: 24px; padding: 12px 0; }
	.locator-section .locator-search button { font-size: 16px; line-height: 22px; padding: 12px 22px; }
	.locator-section .chip-row { gap: 8px; padding-top: 18px; }
	.locator-section .state-chip { padding: 8px 16px; font-size: 15px; line-height: 20px; }
	.locator-section .locator-grid { grid-template-columns: 62fr 38fr; gap: 30px; }
	.locator-section .results-count { font-size: 17px; line-height: 24px; padding-bottom: 18px; }
	.locator-section .dealer-list { gap: 16px; }
	.locator-section .dealer-card { padding: 22px; }
	.locator-section .dealer-card .top-row { padding-bottom: 12px; }
	.locator-section .dealer-card .type-tag { font-size: 12px; line-height: 16px; padding: 5px 10px; }
	.locator-section .dealer-card .state-name { font-size: 14px; line-height: 20px; }
	.locator-section .dealer-card h3 { font-size: 20px; line-height: 28px; padding-bottom: 8px; }
	.locator-section .dealer-card .address { font-size: 15px; line-height: 23px; padding-bottom: 14px; }
	.locator-section .dealer-card .actions { gap: 8px 16px; padding-top: 14px; }
	.locator-section .dealer-card .actions a, .locator-section .dealer-card .actions a:focus { font-size: 15px; line-height: 22px; }
	.locator-section .map-panel { top: 100px; padding: 24px; }
	.locator-section .map-hint { font-size: 14px; line-height: 20px; }
	.buy-trust-section { padding-bottom: 64px; }
	.buy-trust-section .trust-grid { gap: 24px; padding: 30px; }
	.buy-trust-section .trust-box { gap: 16px; }
	.buy-trust-section .trust-box + .trust-box { padding-left: 24px; }
	.buy-trust-section .icon { width: 52px; height: 52px; }
	.buy-trust-section .icon svg { width: 26px; height: 26px; }
	.buy-trust-section h3 { font-size: 20px; line-height: 28px; padding-bottom: 6px; }
	.buy-trust-section p { font-size: 15px; line-height: 23px; text-align: left; }
	.locator-cta-section .cta-card { gap: 36px; padding: 50px; }
	.locator-cta-section h2 { font-size: 36px; padding-bottom: 12px; }
	.locator-cta-section p { font-size: 17px; line-height: 27px; }

	/* Product Page */
	.product-detail-section .product-grid { gap: 40px; }
	.product-detail-section .key-specs .spec { padding: 0 20px; }
	.product-detail-section .key-specs dt { font-size: 15px; padding-bottom: 6px; }
	.product-detail-section .key-specs dd { font-size: 20px; }
	.product-detail-section .option-box { padding-bottom: 22px; }
	.colour-list { gap: 10px 12px; }
	.colour-list li { font-size: 15px; line-height: 21px; gap: 6px; }
	.colour-list .swatch { width: 18px; height: 18px; }
	.colour-list.small { gap: 8px 18px; }
	.colour-list.small li { font-size: 15px; line-height: 23px; gap: 8px; }
	.colour-list.small .swatch { width: 18px; height: 18px; }
	.product-detail-section .chip-list { gap: 10px; }
	.product-detail-section .chip-list li { min-width: 54px; padding: 8px 11px; font-size: 16px; line-height: 22px; }
	.product-detail-section .btn-box { gap: 14px; }
	.construction-section .construction-grid { gap: 40px; }
	.construction-section .row-box { gap: 24px; padding: 16px 0; }
	.construction-section .row-box dt, .construction-section .row-box dd { font-size: 15px; line-height: 23px; }
	.specification-section .spec-table thead th { padding: 16px 18px; font-size: 15px; line-height: 22px; }
	.specification-section .spec-table tbody th, .specification-section .spec-table tbody td { padding: 12px 18px; font-size: 15px; line-height: 22px; }
	.specification-section .spec-table tbody tr > * { padding-top: 13px; padding-bottom: 13px; }
	.features-section .common-box { padding: 22px; gap: 12px; }
	.features-section h3 { font-size: 19px; line-height: 26px; }
	.features-section .common-box p { font-size: 14px; line-height: 21px; }
	/* 1024-1279: the 4-track desktop mosaic gets too narrow for the captions, so tiles sit on a 3-column grid */
	.features-section .features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 250px; aspect-ratio: auto; }
	.features-section .copper-box { grid-column: 1; grid-row: 1 / 3; }
	.features-section .energy-box { grid-column: 2; grid-row: 1; }
	.features-section .flexibility-box { grid-column: 3; grid-row: 1; }
	.features-section .flame-box { grid-column: 2; grid-row: 2; }
	.features-section .rohs-box { grid-column: 3; grid-row: 2; }
	.features-section .termite-box { grid-column: 1 / 3; grid-row: 3; }
	.features-section .fumes-box { grid-column: 3; grid-row: 3; }

	.construction-section .spec-list { grid-template-columns: minmax(0, 30fr) minmax(0, 70fr); column-gap: 24px; }

	/* Coming Soon Page */
	.coming-soon-section .coming-grid { gap: 50px; }
	.coming-soon-section .soon-badge { font-size: 14px; line-height: 20px; padding: 7px 16px 7px 12px; margin-bottom: 22px; }
	.coming-soon-section .content-box > p:not(.soon-badge) { font-size: 18px; line-height: 29px; }
	.coming-soon-section .content-box > p.form-note { font-size: 14px; padding: 26px 0 30px; }
	.coming-soon-section .launch-card { left: -30px; bottom: 30px; padding: 14px 20px 14px 14px; }
	.coming-soon-section .launch-card .icon { width: 46px; height: 46px; }
	.coming-soon-section .launch-card .text { font-size: 14px; line-height: 20px; }
	.coming-soon-section .launch-card strong { font-size: 17px; line-height: 24px; }

	.back-to-top { right: 24px; bottom: 90px; width: 54px; height: 54px; }
	.back-to-top .arrow-box { width: 16px; height: 18px; }
	footer .bottom-footer { padding-bottom: 96px; } /* room under the last row so the back-to-top button never sits on it */

	/* Stacked below 1280 (the text column beside it gets too narrow): the square photo would otherwise stretch to the text height and lose its sides */
	.resources-section .events-grid.single .event-box { flex-direction: column; }
	.resources-section .events-grid.single .event-box .img-box { flex: none; width: calc(100% - 60px); max-width: 520px; margin: 30px 30px 0; border-radius: 16px; }
	.resources-section .events-grid.single .event-box .content-box { padding: 30px; }

	.leadership-section .slider-btn, .cables-section .slider-btn, .machinery-section .slider-btn { width: 44px; height: 44px; }
	.leadership-section .slider-btn svg, .cables-section .slider-btn svg, .machinery-section .slider-btn svg { width: 15px; height: 12px; }
	.leadership-section .slider-nav, .cables-section .slider-nav, .machinery-section .slider-nav { gap: 10px; }

	footer .social-icon ul { gap: 14px; }
	footer .social-icon ul li a, footer .social-icon ul li a:focus { width: 42px; height: 42px; }
	footer .social-icon ul li a svg { width: auto; height: 17px; }
}
@media screen and (max-width:1023px) {
	.custom-container { padding: 0 40px; }
	.custom-container-right { padding: 0 40px 0 0; }
	.common-section { padding: 56px 0; }
	.common-top-section { padding-top: 56px; }
	.common-bottom-section { padding-bottom: 56px; }
	.title-box h2 { font-size: 38px; }
	.common-btn.btn { font-size: 15px; line-height: 20px; padding: 13px 22px; }
	header { padding: 14px 0; }
	header .main-menu { max-height: calc(100vh - 72px); padding: 6px 40px 30px; }
	footer .footer-box { grid-template-columns: 1fr; gap: 40px; padding-bottom: 0; } /* the Products row sits straight on the copyright bar's rule */
	footer .footer-box .footer-menu { display: none; }
	footer .footer-list-menu { display: block; border-top: 1px solid rgba(255, 255, 255, 0.12); }
	footer .footer-list-menu .f-title { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; }
	footer .footer-list-menu .f-title h3 { padding: 0; }
	footer .footer-list-menu .toggle-arrow { width: 10px; height: 10px; border-right: 1.5px solid #8AC442; border-bottom: 1.5px solid #8AC442; transform: rotate(45deg); transition: transform 0.35s ease; }
	footer .footer-list-menu .f-title.menushow .toggle-arrow { transform: rotate(-135deg); }
	footer .footer-list-menu .foot-col-data { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; }
	footer .footer-list-menu .foot-col-data.menushowtoggle { max-height: 400px; }
	footer .footer-list-menu .foot-col-data li { padding-bottom: 14px; }
	footer .footer-list-menu .foot-col-data li:last-child { padding-bottom: 22px; }
	footer .footer-list-menu .policies-box { display: none; } /* tablets keep the legal links in the copyright bar */
	footer .bottom-footer { gap: 24px; padding: 24px 0 28px; }
	footer .bottom-footer .left-box { flex-direction: column; align-items: flex-start; gap: 6px; }
	footer h3 { font-size: 22px; line-height: 30px; padding-bottom: 16px; }
	footer p, footer ul li a, footer ul li a:focus, footer .company-name { font-size: 18px; line-height: 28px; }

	/* Home Page */
	/* Hero: the globe sits in its own frame at the top and the copy follows underneath, on the fog */
	.banner-section { height: auto; min-height: 0; display: block; padding: 72px 0 40px; background: linear-gradient(180deg, #F3D7C1 0%, #F7DDC8 55%, #E3CABB 100%); }
	.banner-section.hero-light { background: linear-gradient(180deg, #FBF9F5 0%, #F8F3EC 55%, #F2E8DC 100%); }
	.banner-section .banner-img-box { position: relative; inset: auto; height: 640px; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 70%, transparent 100%); }
	.banner-section .banner-img-box img, .banner-section .banner-video { object-position: 50% 0%; }
	.banner-section .banner-content-box { margin-top: -220px; }
	.banner-section .sun-glow { width: 90vw; height: 90vw; top: -20%; right: -20%; }
	.banner-section .banner-content-box h1 { font-size: 56px; }
	.banner-section .banner-content-box h1 .line-1 { text-shadow: 0 2px 14px rgba(122, 52, 20, 0.42), 0 6px 34px rgba(122, 52, 20, 0.3); }
	.banner-section .banner-content-box p { font-size: 19px; line-height: 30px; }
	.purity-section .purity-card { grid-template-columns: 1fr; min-height: 0; }
	.purity-section .left-box { padding: 50px 40px; }
	.purity-section .left-box h2 { font-size: 34px; }
	.purity-section .left-box p { font-size: 18px; line-height: 28px; }
	.purity-section .right-box { min-height: 440px; }
	.responsibly-section .responsibly-grid { flex-direction: column; }
	.responsibly-section .common-box { height: 440px; flex: none; }
	.responsibly-section .common-box h3, .responsibly-section .common-box.active h3 { font-size: 34px; white-space: normal; }
	.cables-section .cables-slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 20px) / 2); margin-right: 20px; }
	.cables-section .common-box h3 { font-size: 22px; line-height: 30px; }
	.dealer-section .main-grid-box-2 { grid-template-columns: 1fr; gap: 50px; }
	.dealer-section .swoosh-box { width: 44%; }
	.dealer-section .features-box .box { flex: 1 1 0; padding: 0 20px; }
	.dealer-section .features-box h3 { white-space: nowrap; }
	.dealer-section .map-box.india-box { max-width: 520px; margin: 0 auto; }
	/* Industries: below desktop the row is swiped sideways instead of being driven by the page scroll */
	.industries-section .industries-track-wrap { padding-left: 0; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.industries-section .industries-track-wrap::-webkit-scrollbar { display: none; }
	.industries-section .industries-track { padding: 0 40px; }
	.industries-section .common-box { height: auto; width: 320px; scroll-snap-align: start; scroll-margin-left: 40px; }
	.standard-section .main-grid-box-2 { grid-template-columns: 1fr; gap: 50px; }
	.standard-section .standard-title { font-size: 96px; }
	.standard-section .right-box .img-box { height: auto; aspect-ratio: 16 / 10; }
	/* Partner: copy on the plain band, then the handshake photo below it */
	.partner-section { aspect-ratio: auto; flex-direction: column; align-items: stretch; }
	.partner-section.common-section { padding-bottom: 0; } /* the photo runs into the footer */
	.partner-section .content-box { width: auto; max-width: none; }
	.partner-section .content-box p { white-space: normal; }
	.partner-section > .img-box { position: relative; inset: auto; width: 100%; height: 360px; margin-top: 24px; order: 2; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%); mask-image: linear-gradient(180deg, transparent 0%, #000 22%); }
	.partner-section > .img-box img { object-position: 78% 50%; }

	/* Inner Pages */
	.inner-banner-section { height: 460px; margin-top: 72px; padding-bottom: 40px; }
	.inner-banner-section .banner-title { font-size: 42px; }
	/* About Us Page */
	.overview-section .overview-grid { grid-template-columns: 1fr; gap: 24px; }
	.overview-section .left-box h2 { font-size: 34px; }
	.overview-section .right-box p { font-size: 18px; line-height: 29px; padding-bottom: 18px; }
	.engineering-section { margin-top: -50px; }
	/* Mission and Vision stack, staggered left and right over the aerial photo */
	.mission-section { height: auto; }
	.mission-section .mission-grid { height: auto; padding: 70px 0; grid-template-columns: 1fr; grid-template-rows: auto; gap: 24px; }
	.mission-section .mission-box { grid-column: 1; grid-row: 1; max-width: 560px; justify-self: start; }
	.mission-section .vision-box { grid-column: 1; grid-row: 2; max-width: 560px; justify-self: end; }
	/* Over the busy forest the glass gets a dark tint, so the copy stays readable even where the blur isn't drawn */
	.mission-section .glass-box { padding: 32px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(6, 30, 40, 0.42); }
	.mission-section h2 { font-size: 32px; }
	.network-section .network-grid { grid-template-columns: 1fr; gap: 40px; }
	.network-section .left-box .img-box { max-width: 440px; margin: 0 auto; }
	/* Values: swiped sideways instead of pinned */
	.values-section .values-track { width: auto; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 0 40px; gap: 20px; }
	.values-section .values-track::-webkit-scrollbar { display: none; }
	.values-section .common-box { height: auto; width: 320px; scroll-snap-align: start; scroll-margin-left: 40px; }
	.values-section .common-box h3 { font-size: 34px; }
	.leadership-section .team-box { height: 420px; }
	/* Certifications: three to a row, the last row centred */
	.certifications-section .certifications-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
	.certifications-section .common-box { flex: 0 0 calc((100% - 32px) / 3); }

	/* Industries Page: the photo sits on top of each card, full width */
	.industries-list-section .industry-box, .industries-list-section .industry-box.reverse { grid-template-columns: 1fr; }
	.industries-list-section .industry-box.reverse .img-box { order: 0; }
	.industries-list-section .img-box { min-height: 0; aspect-ratio: 16 / 9; }
	.industries-list-section h2 { font-size: 32px; }
	/* Contact CTA (shared): the two panels stack */
	.contact-cta-section { grid-template-columns: 1fr; }
	.contact-cta-section .cta-box { height: 480px; }
	.contact-cta-section .dealer-box .map-box.india-box { width: 280px; }

	/* Contact Us Page: the form takes the full width with the photo as a strip above it */
	.contact-form-section .form-card { grid-template-columns: 1fr; }
	.contact-form-section .img-box { order: -1; aspect-ratio: 16 / 7; }
	.contact-form-section .img-box img { object-position: 50% 30%; }
	.offices-section .offices-grid { grid-template-columns: 1fr; }
	.offices-section .img-box { min-height: 0; aspect-ratio: 16 / 9; }
	.map-section { height: 480px; }

	/* Manufacturing Page */
	.mfg-overview-section .overview-grid { grid-template-columns: 1fr; gap: 36px; }
	.quality-stats-section .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	/* Mine: the title sits above the cards (no overlap) and each line is sized to fit the screen */
	.mine-section { height: auto; padding: 120px 0 56px; }
	.mine-section .mine-title { font-size: 8.4vw; margin-bottom: 40px; }
	.mine-section .glass-grid { grid-template-columns: 1fr; grid-template-rows: none; min-height: 0; gap: 16px; }
	.mine-section .glass-box { grid-row: auto; display: block; background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(30, 14, 8, 0.38); }
	.mine-section .glass-box h3 { padding-bottom: 10px; }
	/* Process: the pipe diagram becomes a grid of numbered station cards */
	.process-section .process-stage { aspect-ratio: auto; container-type: normal; }
	.process-section .pipe { display: none; }
	.process-section .station-list { position: static; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: station; }
	.process-section .station { position: relative; left: auto; top: auto; width: auto; height: auto; display: flex; flex-direction: column; align-items: center; padding: 20px 12px 18px; border-radius: 20px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(186, 81, 42, 0.15); counter-increment: station; }
	.process-section .station::before { content: counter(station, decimal-leading-zero); position: absolute; top: 12px; left: 14px; font-size: 14px; line-height: 18px; font-weight: 500; color: #BA512A; }
	.process-section .art { position: static; width: 82%; left: auto; top: auto; margin: 8px auto 10px; }
	.process-section .label { position: static; width: auto; font-size: 15px; line-height: 21px; }
	.testing-section .testing-grid { grid-template-columns: 1fr; gap: 24px; }
	/* Testing: the photo comes first, the tests sit under it two to a row */
	.testing-section .img-card { order: -1; }
	.testing-section .tab-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
	.testing-section .tab-btn { font-size: 18px; line-height: 24px; padding: 16px 0 16px 14px; }
	.testing-section .tab-btn.active { padding-left: 20px; }
	.testing-section .tab-btn img { width: 20px; }
	.testing-section .tab-btn .num { font-size: 14px; line-height: 24px; }
	.machinery-section .slider-wrap { padding-left: 40px; }
	.machinery-section .swiper-slide { width: 440px; }
	.infrastructure-section:not(.culture-section) .swiper-slide { width: 340px; }
	.infrastructure-section:not(.culture-section) .swiper-wrapper { min-height: 420px; }
	.infrastructure-section:not(.culture-section) .img-box { height: 320px; }
	.infrastructure-section:not(.culture-section) .swiper-slide-prev .img-box, .infrastructure-section:not(.culture-section) .swiper-slide-next .img-box { height: 370px; }
	.infrastructure-section:not(.culture-section) .swiper-slide-active .img-box { height: 420px; }

	/* Manufacturing Page: station images share one height so the labels line up */
	.process-section .art { width: auto; height: 96px; max-width: 90%; object-fit: contain; }

	/* Building Wires Page */
	.product-list-section .img-box { height: 300px; }
	.safety-section { min-height: 0; }
	.safety-section .benefits-grid { grid-template-columns: repeat(2, 1fr); }
	/* Applications: below desktop a swipe slider (a peek of the next card shows there is more); every card shows its photo, title and text */
	.applications-section .applications-row { height: auto; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 20px; padding: 0 40px; }
	.applications-section .applications-row::-webkit-scrollbar { display: none; }
	.applications-section .common-box, .applications-section .common-box.active { flex: none; width: 420px; height: 460px; border-radius: 20px; scroll-snap-align: start; scroll-margin-left: 40px; cursor: grab; }
	.applications-section .common-box::after, .applications-section .common-box.active::after { opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.8) 100%); }
	.applications-section .content-box, .applications-section .common-box.active .content-box { opacity: 1; transform: none; left: 24px; right: 24px; bottom: 26px; width: auto; max-width: none; transition-delay: 0s; }
	.applications-section h3, .applications-section .common-box.active h3 { white-space: normal; padding-bottom: 10px; }
	.proven-section .proven-grid { grid-template-columns: 1fr; gap: 40px; }
	.proven-section .img-box { aspect-ratio: 16 / 10; }
	/* Brochure: the brochure sits inside the band under the copy */
	.brochure-section { margin-bottom: 0; padding-bottom: 56px; } /* top and bottom follow the section spacing */
	.brochure-section .brochure-grid { grid-template-columns: 1fr; gap: 10px; min-height: 0; }
	.brochure-section .content-box { padding: 56px 0 10px; }
	.brochure-section .img-box img { position: static; display: block; width: 100%; max-width: 600px; margin: 0 auto; }

	/* Careers Page */
	.positions-section .jobs-grid { grid-template-columns: 1fr; gap: 14px; }
	.culture-section .swiper-slide { width: 520px; }
	.culture-section .swiper-wrapper { min-height: 400px; }
	.culture-section .img-box { height: 290px; }
	.culture-section .swiper-slide-prev .img-box, .culture-section .swiper-slide-next .img-box { height: 340px; }
	.culture-section .swiper-slide-active .img-box { height: 400px; }

	/* Job Page: two fields per row */
	.job-summary-section .job-facts { grid-template-columns: repeat(2, 1fr); }
	.apply-section .form-grid { grid-template-columns: repeat(2, 1fr); }
	.apply-section .form-group, .apply-section .form-group.half-width { grid-column: span 1; }
	.apply-section .file-hint { position: static; transform: none; font-size: 13px; line-height: 18px; } /* under the file field: no room beside its own label */

	/* Resources Page: tabs two by two, cards two across */
	.resources-section .tab-bar { display: grid; grid-template-columns: 1fr 1fr; width: 100%; max-width: 560px; }
	.resources-section .tab-btn { padding: 10px 14px; }
	.resources-section .news-grid { grid-template-columns: repeat(2, 1fr); }
	.resources-section .event-upcoming { grid-template-columns: 1fr; gap: 30px; }
	.resources-section .event-upcoming .img-box { aspect-ratio: 16 / 9; }
	/* Newsletter: copy on a plain band, the photo under it */
	.newsletter-section { aspect-ratio: auto; flex-direction: column; align-items: stretch; padding-top: 0; } /* stacked on white right under a white section, whose bottom padding already gives the gap */
	.newsletter-section .img-box { position: relative; inset: auto; z-index: 0; order: 2; height: 300px; margin-top: 40px; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%); mask-image: linear-gradient(180deg, transparent 0%, #000 30%); }
	.newsletter-section .content-box { max-width: none; }
	/* Blog Article Page */
	.blog-article-section h1 { font-size: 32px; }

	/* Become a Dealer Page */
	.dealer-intro-section .stats-row { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
	.why-partner-section .why-grid { grid-template-columns: 1fr; max-width: 620px; margin: 0 auto; gap: 16px; }
	.shared-growth-section .growth-head { grid-template-columns: 1fr; gap: 20px; }
	.shared-growth-section .growth-head h2 { font-size: 38px; }
	.shared-growth-section .growth-grid { grid-template-columns: 1fr; gap: 14px; }
	.shared-growth-section .glass-box { display: grid; grid-template-columns: auto 1fr; column-gap: 20px; align-items: start; }
	.shared-growth-section .glass-box .icon-box { grid-row: span 2; padding-bottom: 0; }
	/* Steps: the heading block no longer sticks; it sits above the steps */
	.dealer-steps-section .steps-grid { grid-template-columns: 1fr; gap: 36px; }
	.dealer-steps-section .left-box { position: static; }
	.dealer-steps-section .left-box .title-box h2 { font-size: 38px; }
	.dealer-form-section .form-card { grid-template-columns: 1fr; }
	.faq-section .faq-grid { grid-template-columns: 1fr; gap: 0; }

	/* Dealer Locator Page: the map moves above the list and the list goes two across */
	.locator-section .locator-grid { grid-template-columns: 1fr; gap: 30px; }
	.locator-section .map-panel { position: static; order: -1; }
	.locator-section .map-box.india-box { max-width: 380px; }
	.buy-trust-section .trust-grid { grid-template-columns: 1fr; gap: 0; padding: 10px 26px; }
	.buy-trust-section .trust-box { padding: 20px 0; }
	.buy-trust-section .trust-box + .trust-box { padding-left: 0; border-left: none; border-top: 1px solid #D7E0D4; }
	.locator-cta-section .cta-card { flex-direction: column; align-items: flex-start; gap: 28px; padding: 40px; }
	.locator-cta-section .content-box { max-width: none; }

	/* Product Page: the pack sits above its details */
	.product-detail-section .product-grid { grid-template-columns: 1fr; gap: 30px; }
	.product-detail-section .img-box { position: static; } /* stacked: no sticking */
	.product-detail-section .img-box { aspect-ratio: 16 / 10; }
	.product-detail-section .img-inner { width: 62%; }
	.construction-section .construction-grid { grid-template-columns: 38fr 62fr; gap: 24px; }
	/* Specification table: swipes sideways inside its card instead of squeezing the columns */
	.specification-section .table-box { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.specification-section .spec-table { min-width: 860px; }
	/* Features: a two-column mosaic */
	.features-section .features-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 260px; aspect-ratio: auto; }
	.features-section .copper-box, .features-section .energy-box, .features-section .flexibility-box, .features-section .flame-box, .features-section .rohs-box, .features-section .termite-box, .features-section .fumes-box { grid-column: auto; grid-row: auto; }
	.features-section .copper-box { grid-row: span 2; }

	.specification-section .spec-table.wide { min-width: 1000px; }

	/* Coming Soon Page: the image sits above the copy */
	.coming-soon-section .coming-grid { grid-template-columns: 1fr; gap: 40px; }
	.coming-soon-section .visual-box { order: -1; max-width: 560px; width: 100%; margin: 0 auto; }
	.coming-soon-section .launch-card { left: 20px; bottom: 20px; }

	footer .bottom-footer { padding-bottom: 96px; } /* keeps the back-to-top button clear of the last row */

	.resources-section .event-upcoming .img-box.poster { aspect-ratio: 1080 / 1350; width: 100%; max-width: 520px; }


	.related-section + .newsletter-section { padding-top: 56px; } /* after the grey related-posts band it needs its own top spacing */
}
@media screen and (max-width:991px) {
	.title-box h2 { font-size: 36px; }
}
@media screen and (max-width:767px) {
	.custom-container { padding: 0 24px; }
	.custom-container-right { padding: 0 24px 0 0; }
	.common-section { padding: 50px 0; }
	.common-top-section { padding-top: 50px; }
	.common-bottom-section { padding-bottom: 50px; }
	.title-box { margin-bottom: 36px; }
	.title-box h2 { font-size: 32px; }
	p { font-size: 16px; line-height: 26px; }
	header .btn-box .gradient-btn { display: none; }
	header .main-menu { padding: 6px 24px 26px; }
	header .mobile-btn-box { display: flex; padding-top: 24px; }
	header .mobile-btn-box .gradient-btn { display: inline-flex; }
	header .logo-box img, header.shrink .logo-box img { width: 210px; }
	footer { padding-top: 60px; }
	footer .footer-logo-box img { width: 220px; height: auto; }
	/* Copyright bar: stacked and left-aligned, with the legal links on their own row(s) */
	footer .bottom-footer { flex-direction: column; align-items: flex-start; gap: 18px; text-align: left; } /* left-aligned like the footer columns above */
	footer .bottom-footer .left-box { flex-direction: column; align-items: flex-start; gap: 12px; }
	footer .bottom-footer .left-box p { padding: 0; font-size: 15px; line-height: 24px; text-align: left; }
	/* Phones: the legal links fold out under Policies, like Products, so the bar keeps only the copyright line */
	footer .footer-list-menu .policies-box { display: block; border-top: 1px solid rgba(255, 255, 255, 0.12); }
	footer .bottom-footer ul { display: none; }

	/* Home Page */
	.banner-section { padding-bottom: 36px; }
	.banner-section .banner-img-box { height: 420px; }
	.banner-section .banner-content-box { margin-top: -240px; }
	.banner-section .banner-content-box h1 { font-size: 42px; padding-bottom: 20px; }
	.banner-section .banner-content-box p { font-size: 17px; line-height: 27px; padding-bottom: 28px; }
	.purity-section .left-box { padding: 40px 28px 30px; }
	.purity-section .left-box::before, .purity-section .left-box::after { display: none; }
	.purity-section .left-box h2 { font-size: 28px; }
	.purity-section .left-box p { font-size: 16px; line-height: 26px; }
	/* The three points join the copper panel under the copy (behind a fine rule) and the photo closes the card */
	.purity-section .right-box { display: contents; }
	.purity-section .points-box { order: 1; position: static; border: none; border-radius: 0; background: linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.22)) 28px 0 / calc(100% - 56px) 1px no-repeat, #BA512A; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 26px 28px 34px; gap: 14px; }
	.purity-section .right-box .img-box { order: 2; position: relative; inset: auto; height: 300px; overflow: hidden; }
	.purity-section .points-box .box span { font-size: 16px; line-height: 24px; }
	.responsibly-section .responsibly-grid { gap: 20px; }
	.responsibly-section .common-box { height: 380px; }
	.responsibly-section .common-box h3, .responsibly-section .common-box.active h3 { font-size: 28px; }
	.responsibly-section .common-box .tag { top: 20px; left: 20px; font-size: 15px; padding: 8px 18px; }
	.responsibly-section .common-box .content-box { left: 22px; right: 22px; bottom: 24px; }
	.cables-section .common-box .content-box { left: 20px; right: 20px; bottom: 22px; }
	.cables-section .common-box h3 { font-size: 20px; line-height: 28px; }
	.cables-section .slider-controls { padding-top: 30px; }
	.dealer-section .dot-circle { left: 24px; top: 24px; width: 40px; height: 40px; }
	.dealer-section .features-box { margin-bottom: 36px; }
	.dealer-section .features-box .box { flex: 1 1 0; padding: 0 10px; }
	.dealer-section .features-box .icon-box { width: 52px; height: 52px; margin-bottom: 12px; }
	.dealer-section .features-box .icon-box svg { width: 26px; height: 26px; }
	.dealer-section .features-box h3 { font-size: 15px; line-height: 21px; white-space: normal; }
	.industries-section .title-box { flex-direction: column; align-items: flex-start; gap: 22px; }
	.industries-section .industries-progress { flex: none; width: 120px; margin-bottom: 0; }
	.industries-section .industries-track { padding: 0 24px; gap: 16px; }
	.industries-section .common-box { width: min(calc(100vw - 96px), 380px); scroll-margin-left: 24px; }
	.industries-section .common-box .label { left: 16px; right: 16px; bottom: 16px; padding: 12px; font-size: 18px; line-height: 24px; }
	.standard-section .main-grid-box-2 { gap: 40px; }
	.standard-section .small-title-box { padding-bottom: 24px; }
	.standard-section .small-title-box .eyebrow-text { font-size: 17px; }
	.standard-section .standard-title { font-size: 72px; }
	.standard-section .right-box .img-box { aspect-ratio: 4 / 3; }
	.partner-section .title-box { margin-bottom: 18px; }
	.partner-section .content-box p { font-size: 16px; line-height: 26px; padding-bottom: 26px; }
	.partner-section > .img-box { height: 280px; margin-top: 16px; }

	/* Inner Pages */
	.inner-banner-section { height: 400px; padding-bottom: 22px; }
	.inner-banner-section .page-name { font-size: 18px; line-height: 26px; padding-bottom: 14px; }
	.inner-banner-section .divider-line { margin-bottom: 18px; }
	.inner-banner-section .banner-title { font-size: 34px; }
	/* About Us Page */
	.overview-section .left-box h2 { font-size: 28px; }
	.overview-section .right-box p { font-size: 16px; line-height: 26px; padding-bottom: 14px; }
	.engineering-section { margin-top: -20px; }
	.engineering-section .engineering-grid { grid-template-columns: 1fr; }
	.engineering-section .mine-box, .engineering-section .safety-box, .engineering-section .sustainability-box, .engineering-section .certified-box, .engineering-section .automation-box { grid-column: 1; grid-row: auto; }
	.engineering-section .mine-box { min-height: 290px; }
	.engineering-section .safety-box, .engineering-section .certified-box { min-height: 250px; }
	.engineering-section .sustainability-box { min-height: 420px; }
	.engineering-section .automation-box { min-height: 470px; }
	.engineering-section .automation-box .engineer { width: 64%; }
	.engineering-section .automation-box .ribbon { top: 70px; }
	.engineering-section .automation-box p { max-width: 84%; }
	.mission-section .mission-grid { padding: 50px 0; gap: 16px; }
	.mission-section .mission-box, .mission-section .vision-box { max-width: none; }
	.mission-section .glass-box { padding: 26px 22px; }
	.mission-section h2 { font-size: 28px; padding-bottom: 14px; }
	.mission-section p { font-size: 15px; line-height: 24px; padding-bottom: 0; }
	.mission-section p + p { padding-top: 12px; }
	.network-section .network-grid { gap: 30px; }
	.network-section .intro-text { font-size: 16px; line-height: 26px; padding-bottom: 24px; }
	.network-section .stats-grid { grid-template-columns: 1fr; gap: 12px; } /* one stat per row */
	.network-section .stats-grid .box { padding: 20px 18px; }
	.network-section .stats-grid .number { font-size: 34px; padding-bottom: 10px; }
	.network-section .stats-grid h3 { font-size: 20px; line-height: 26px; padding-bottom: 6px; }
	.network-section .stats-grid .small-text { font-size: 14px; line-height: 21px; }
	.values-section .values-track { padding: 0 24px; gap: 16px; }
	.values-section .common-box { width: min(calc(100vw - 96px), 380px); scroll-margin-left: 24px; padding: 22px; }
	.values-section .common-box h3 { font-size: 30px; }
	.values-section .common-box p { font-size: 15px; line-height: 23px; }
	.leadership-section .slider-controls { padding-top: 30px; }
	.certifications-section .certifications-grid { gap: 12px; }
	.certifications-section .common-box { flex: 0 0 100%; padding: 22px 16px; gap: 12px; } /* one certification per row */
	.certifications-section .logo-box { height: 64px; }
	.certifications-section .logo-box img[height="100"] { height: 64px; }
	.certifications-section .logo-box img[height="90"] { height: 58px; }
	.certifications-section .logo-box img[height="80"] { height: 51px; }
	.certifications-section .common-box h3 { font-size: 15px; line-height: 22px; }

	/* Industries Page */
	.industries-list-section .industries-list { gap: 30px; }
	.industries-list-section .img-box { aspect-ratio: 4 / 3; }
	.industries-list-section .content-box { padding: 26px 22px 28px; }
	.industries-list-section h2 { font-size: 26px; padding-bottom: 14px; }
	.industries-list-section .content-box > p { font-size: 16px; line-height: 26px; padding-bottom: 20px; }
	.industries-list-section .applications-box { padding: 18px 0; margin-bottom: 22px; }
	.industries-list-section h3 { font-size: 17px; line-height: 24px; padding-bottom: 12px; }
	.industries-list-section .tags { gap: 8px; }
	.industries-list-section .tags li { font-size: 14px; line-height: 18px; padding: 8px 14px; }
	.industries-list-section .btn-box { flex-direction: column; align-items: stretch; gap: 12px; }
	.industries-list-section .btn-box .common-btn { justify-content: center; }
	.contact-cta-section .cta-box { height: 440px; }
	.contact-cta-section .content-box { padding: 30px 24px; gap: 22px; }
	.contact-cta-section h2 { font-size: 28px; }
	.contact-cta-section .dealer-box .map-box.india-box { right: 16px; bottom: 16px; width: 260px; }
	.contact-cta-section .dot-circle { left: 24px; top: 24px; width: 40px; height: 40px; }

	/* Contact Us Page */
	.contact-info-section .contact-info-grid { grid-template-columns: 1fr; gap: 14px; }
	.contact-info-section .common-box { gap: 22px; padding: 22px; }
	.contact-info-section .icon-box { width: 56px; height: 56px; }
	.contact-info-section .icon-box svg { width: 28px; height: 28px; }
	.contact-info-section h2, .contact-info-section .info-link, .contact-info-section .info-link:focus { font-size: 20px; line-height: 28px; }
	.contact-form-section .contact-form { padding: 24px 20px 28px; }
	.contact-form-section .form-grid { grid-template-columns: 1fr; gap: 16px; }
	.contact-form-section .img-box { aspect-ratio: 4 / 3; }
	/* Errors move under the field: a narrow phone input has no room beside the typed text */
	.contact-form-section .has-error:not(.is-empty) input { padding-right: 16px; }
	.contact-form-section .error-text, .contact-form-section .full-width .error-text { position: static; transform: none; padding: 0; background: none; font-size: 13px; line-height: 18px; }
	.contact-form-section .contact-form .common-btn { width: 100%; justify-content: center; }
	.offices-section .address-card { padding: 26px 22px; }
	.offices-section h3 { font-size: 22px; line-height: 30px; }
	.offices-section .company-name, .offices-section p { font-size: 16px; line-height: 26px; text-align: left; }
	.offices-section .office-box + .office-box { margin-top: 24px; padding-top: 24px; }
	.map-section { height: 380px; }

	/* Manufacturing Page */
	.mfg-overview-section .content-box p { font-size: 16px; line-height: 26px; }
	.quality-stats-section .stats-grid { grid-template-columns: 1fr; gap: 12px; }
	.quality-stats-section .box { padding: 20px 22px; }
	.quality-stats-section .number { font-size: 34px; padding-bottom: 8px; }
	.quality-stats-section .label { font-size: 16px; line-height: 24px; }
	.mine-section { padding: 90px 0 50px; }
	.mine-section .mine-title { margin-bottom: 30px; }
	.mine-section .glass-box { padding: 22px; }
	.mine-section .glass-box h3 { font-size: 22px; line-height: 30px; }
	.mine-section .glass-box p { font-size: 15px; line-height: 24px; }
	.process-section .station-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.process-section .label { font-size: 14px; line-height: 20px; }
	.testing-section .tab-list { grid-template-columns: 1fr; }
	.testing-section .img-card { aspect-ratio: 4 / 3.4; }
	.testing-section .caption-box { left: 20px; right: 20px; bottom: 20px; }
	.testing-section .caption h3 { font-size: 24px; padding-bottom: 6px; }
	.testing-section .caption p { font-size: 15px; line-height: 23px; }
	.machinery-section .slider-wrap { padding-left: 24px; padding-right: 24px; }
	.machinery-section .swiper-slide { width: 100%; }
	.machinery-section .name-row { flex-wrap: wrap; gap: 4px 16px; }
	.machinery-section .content-box > p { font-size: 16px; line-height: 26px; }
	.machinery-section .slider-controls { padding-top: 30px; }
	.infrastructure-section:not(.culture-section) .swiper-slide { width: 72vw; }
	.infrastructure-section:not(.culture-section) .swiper-wrapper { min-height: 360px; }
	.infrastructure-section:not(.culture-section) .img-box { height: 280px; }
	.infrastructure-section:not(.culture-section) .swiper-slide-prev .img-box, .infrastructure-section:not(.culture-section) .swiper-slide-next .img-box { height: 320px; }
	.infrastructure-section:not(.culture-section) .swiper-slide-active .img-box { height: 360px; }

	.process-section .art { height: 84px; }

	/* Building Wires Page */
	.product-list-section .product-grid { grid-template-columns: 1fr; gap: 20px; }
	.product-list-section .img-box { height: 260px; }
	.product-list-section h3 { font-size: 24px; line-height: 32px; }
	.product-list-section .content-box { padding: 22px; }
	.product-list-section .content-box .common-btn { width: 100%; justify-content: center; }
	.safety-section { padding: 60px 0; }
	.safety-section .custom-container { gap: 0; }
	.safety-section .title-box { margin-bottom: 24px; }
	.safety-section .benefits-grid { grid-template-columns: 1fr; gap: 12px; }
	.safety-section .box { padding: 18px; }
	.safety-section .icon-box { width: 52px; height: 52px; }
	.safety-section .icon-box svg { width: 26px; height: 26px; }
	.safety-section .box p { font-size: 16px; line-height: 24px; }
	.applications-section .applications-row { gap: 14px; padding: 0 24px; }
	.applications-section .common-box, .applications-section .common-box.active { width: min(calc(100vw - 96px), 380px); height: 400px; scroll-margin-left: 24px; }
	.applications-section .content-box, .applications-section .common-box.active .content-box { left: 20px; right: 20px; bottom: 22px; }
	.applications-section h3 { font-size: 20px; line-height: 26px; }
	.applications-section .content-box p { font-size: 15px; line-height: 23px; }
	.proven-section .box { padding: 26px 0; gap: 16px; align-items: flex-start; }
	.proven-section .icon-box svg { width: 48px; height: 48px; }
	.proven-section h3 { font-size: 20px; line-height: 28px; }
	.proven-section .text-box p { font-size: 15px; line-height: 24px; }
	.proven-section .img-box { aspect-ratio: 1 / 1; }
	.brochure-section { padding-bottom: 50px; }
	.brochure-section .content-box { padding: 50px 0 10px; gap: 26px; }
	.brochure-section h2 { font-size: 28px; }

	/* Careers Page */
	.grow-section .grow-grid { grid-template-columns: 1fr; gap: 14px; }
	.grow-section .common-box { aspect-ratio: 4 / 3.6; padding: 22px; }
	.grow-section h3 { font-size: 22px; line-height: 30px; }
	.grow-section .common-box p { font-size: 15px; line-height: 23px; text-align: left; }
	/* Job cards: title and details first, the Apply button full width underneath */
	.positions-section .job-box { flex-direction: column; align-items: stretch; padding: 22px; gap: 18px; }
	.positions-section .job-box .common-btn { justify-content: center; }
	.positions-section .job-meta { gap: 8px 18px; }
	.culture-section .swiper-slide { width: 78vw; }
	.culture-section .swiper-wrapper { min-height: 340px; }
	.culture-section .img-box { height: 250px; }
	.culture-section .swiper-slide-prev .img-box, .culture-section .swiper-slide-next .img-box { height: 290px; }
	.culture-section .swiper-slide-active .img-box { height: 340px; }

	/* Job Page */
	.job-summary-section .job-card { padding: 24px 22px; }
	.job-summary-section .job-head { flex-direction: column; align-items: stretch; gap: 18px; padding-bottom: 22px; margin-bottom: 22px; }
	.job-summary-section .job-head .common-btn { justify-content: center; }
	.job-summary-section h1 { font-size: 28px; }
	.job-summary-section .job-facts { gap: 16px; }
	.job-summary-section dt { font-size: 14px; line-height: 20px; }
	.job-summary-section dd { font-size: 17px; line-height: 24px; }
	.job-details-section .detail-group { padding: 30px 0; }
	.job-details-section h2 { font-size: 22px; line-height: 30px; padding-bottom: 18px; }
	.job-details-section .tick-list { gap: 14px; }
	.job-details-section .tick-list li { align-items: flex-start; gap: 12px; font-size: 16px; line-height: 25px; }
	.job-details-section .tick-list img { width: 32px; margin-top: 6px; }
	.apply-section h2 { font-size: 28px; padding-bottom: 26px; }
	/* One field per row; errors and the file hint move under their field */
	.apply-section .form-grid { grid-template-columns: 1fr; gap: 16px; }
	.apply-section .has-error:not(.is-empty) input[type="text"], .apply-section .has-error:not(.is-empty) input[type="email"], .apply-section .has-error:not(.is-empty) input[type="tel"] { padding-right: 16px; }
	.apply-section .error-text, .apply-section .radio-group .error-text, .apply-section .file-hint { position: static; transform: none; padding: 0; background: none; font-size: 13px; line-height: 18px; }
	.apply-section .radio-row { min-height: 0; flex-wrap: wrap; gap: 12px 28px; }
	.apply-section .apply-form .common-btn { width: 100%; justify-content: center; }

	/* Policy Pages: justified text hyphenates and long links wrap, so narrow lines don't open wide word gaps */
	.policy-section p, .policy-section .dot-list li { font-size: 16px; line-height: 26px; -webkit-hyphens: auto; hyphens: auto; }
	.policy-section a { overflow-wrap: anywhere; }
	.policy-section .policy-intro { padding-bottom: 30px; }
	.policy-section .info-panel { padding: 22px 20px; }
	.policy-section .info-panel .panel-title { font-size: 19px; line-height: 26px; padding-bottom: 12px; }
	.policy-section .toc-box ol { columns: 1; padding-left: 24px; }
	.policy-section .toc-box li { font-size: 15px; line-height: 22px; padding: 5px 0 5px 4px; }
	.policy-section .policy-block { padding: 30px 0; }
	.policy-section .policy-block h2 { font-size: 24px; padding-bottom: 16px; }
	.policy-section .policy-block h3 { font-size: 19px; line-height: 26px; }
	.policy-section .dot-list { gap: 8px; padding-bottom: 18px; }
	.policy-section .dot-list li { padding-left: 22px; }
	.policy-section .dot-list li::before { top: 10px; width: 7px; height: 7px; }
	.policy-section .policy-block > .info-panel { margin: 6px 0 22px; }

	/* Resources Page */
	.resources-section .tab-bar { gap: 6px; padding: 6px; margin-bottom: 30px; }
	.resources-section .tab-btn { padding: 10px 8px; font-size: 15px; line-height: 20px; }
	.resources-section .panel-title { font-size: 28px; padding-bottom: 24px; }
	.resources-section .news-grid { grid-template-columns: 1fr; gap: 16px; }
	.resources-section .load-more-box { padding-top: 30px; }
	.resources-section .event-upcoming h3 { font-size: 22px; line-height: 30px; }
	.resources-section .event-upcoming .content-box > p { font-size: 16px; line-height: 26px; padding-bottom: 24px; margin-bottom: 24px; }
	.resources-section .event-meta { gap: 14px 24px; }
	.resources-section .event-meta li { font-size: 16px; line-height: 24px; }
	.resources-section .event-meta svg { width: 30px; height: 30px; }
	.resources-section .past-title { padding-top: 50px; }
	.resources-section .events-grid { grid-template-columns: 1fr; gap: 16px; }
	.resources-section .event-box .content-box { padding: 20px; }
	.resources-section .event-box h3 { font-size: 20px; line-height: 28px; }
	.resources-section .event-box .content-box > p { font-size: 15px; line-height: 24px; text-align: left; }
	.newsletter-section h2 { font-size: 28px; }
	.newsletter-section .content-box > p { font-size: 16px; line-height: 26px; }
	.newsletter-section .subscribe-btn { padding: 12px 18px; }
	.newsletter-section .img-box { height: 220px; margin-top: 30px; }
	/* Blog Article Page */
	.blog-article-section .meta-row { padding-bottom: 16px; }
	.blog-article-section h1 { font-size: 26px; padding-bottom: 26px; }
	.blog-article-section .article-block { padding: 30px 0; }
	.blog-article-section .article-head + .article-block { padding-top: 36px; }
	.blog-article-section .article-block h2 { font-size: 22px; line-height: 30px; padding-bottom: 16px; }
	.blog-article-section .article-block p { font-size: 16px; line-height: 26px; padding-bottom: 16px; }
	.blog-article-section .article-block .list-label { padding-bottom: 16px; }
	.blog-article-section .wave-list { gap: 14px; }
	.blog-article-section .wave-list li { align-items: flex-start; gap: 12px; font-size: 16px; line-height: 25px; }
	.blog-article-section .wave-list img { width: 34px; margin-top: 6px; }
	.blog-article-section .split-block, .blog-article-section .img-pair { grid-template-columns: 1fr; gap: 16px; }
	.blog-article-section .img-pair { padding-top: 24px; }
	.blog-article-section .wide-img { margin-top: 24px; aspect-ratio: 4 / 3; }
	.blog-article-section .hero-img { aspect-ratio: 4 / 3; }

	/* Become a Dealer Page */
	.dealer-intro-section .left-box h2 { padding-bottom: 22px; }
	.dealer-intro-section .stats-row { margin-top: 36px; padding-top: 28px; gap: 20px 16px; }
	.dealer-intro-section .stat-num { font-size: 38px; }
	.dealer-intro-section .stat-label { font-size: 15px; line-height: 21px; }
	.why-partner-section .why-box { padding: 26px 22px; }
	.shared-growth-section .growth-head h2 { font-size: 30px; }
	.shared-growth-section .growth-head p { font-size: 16px; line-height: 26px; }
	.shared-growth-section .glass-box { padding: 22px 20px; column-gap: 16px; }
	.shared-growth-section .glass-box .icon-box svg { width: 34px; height: 34px; }
	.shared-growth-section .glass-box h3 { font-size: 20px; line-height: 28px; }
	.shared-growth-section .glass-box p { font-size: 15px; line-height: 24px; }
	.dealer-steps-section .left-box .title-box h2 { font-size: 30px; }
	.dealer-steps-section .left-box p { font-size: 16px; line-height: 26px; padding-bottom: 24px; }
	.dealer-steps-section .steps-list { gap: 14px; padding-left: 32px; }
	.dealer-steps-section .steps-rail { left: 7px; }
	.dealer-steps-section .step-dot { left: -32px; width: 16px; height: 16px; margin-top: -8px; }
	/* Step number above its text, so the copy keeps the full card width */
	.dealer-steps-section .step-card { flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 20px; }
	.dealer-steps-section .step-num { width: auto; font-size: 44px; }
	.dealer-steps-section .step-icon { display: none; }
	.dealer-steps-section .step-content h3 { font-size: 20px; line-height: 28px; padding-bottom: 6px; }
	.dealer-steps-section .step-content p { font-size: 15px; line-height: 24px; text-align: left; }
	.dealer-form-section .info-panel { padding: 34px 22px; }
	.dealer-form-section .info-panel h2 { font-size: 32px; }
	.dealer-form-section .info-panel > p { font-size: 16px; line-height: 26px; }
	.dealer-form-section .contact-form { padding: 28px 20px 30px; }
	.faq-section summary { padding: 18px 18px; font-size: 17px; line-height: 25px; }
	.faq-section .faq-icon { width: 30px; height: 30px; }
	.faq-section .faq-icon::before, .faq-section .faq-icon::after { width: 12px; margin-left: -6px; }
	.faq-section .faq-answer { padding: 0 18px 20px; }
	.faq-section .faq-answer p { font-size: 15px; line-height: 24px; max-width: none; text-align: left; }

	/* Dealer Locator Page */
	.locator-section .search-panel { padding: 16px; margin-bottom: 30px; }
	.locator-section .locator-search input { font-size: 15px; }
	.locator-section .chip-row { gap: 6px; padding-top: 14px; }
	.locator-section .state-chip { padding: 7px 13px; font-size: 14px; }
	.locator-section .map-panel { padding: 18px; }
	.locator-section .map-box.india-box { max-width: 300px; }
	.locator-section .empty-state { padding: 32px 20px; }
	.locator-section .empty-state .empty-title { font-size: 21px; line-height: 28px; }
	.locator-section .empty-state p { font-size: 15px; line-height: 24px; }
	.buy-trust-section { padding-bottom: 60px; }
	.buy-trust-section .trust-grid { padding: 4px 20px; }
	.buy-trust-section h3 { font-size: 18px; line-height: 25px; }
	.locator-cta-section .cta-card { padding: 30px 22px; gap: 22px; }
	.locator-cta-section .cta-card::before { width: 240px; right: -100px; top: -100px; border-width: 34px; }
	.locator-cta-section h2 { font-size: 28px; }
	.locator-cta-section p { font-size: 15px; line-height: 24px; text-align: left; }
	.locator-cta-section .btn-box { gap: 10px; }

	/* Product Page */
	.product-detail-section .img-box { aspect-ratio: 4 / 3; }
	.product-detail-section .img-inner { width: 80%; }
	/* Key specs: three equal columns that may wrap their text */
	.product-detail-section .key-specs { display: grid; grid-template-columns: repeat(3, 1fr); }
	.product-detail-section .key-specs .spec { padding: 0 10px; white-space: normal; }
	.product-detail-section .key-specs dt { font-size: 13px; line-height: 18px; }
	.product-detail-section .key-specs dd { font-size: 17px; line-height: 22px; }
	.colour-list { gap: 10px 16px; }
	.colour-list li { font-size: 16px; line-height: 22px; }
	.colour-list .swatch { width: 20px; height: 20px; }
	.product-detail-section .chip-list li { min-width: 48px; padding: 7px 10px; font-size: 15px; line-height: 20px; }
	.product-detail-section .btn-box { flex-direction: column; align-items: stretch; }
	.product-detail-section .btn-box .common-btn { justify-content: center; }
	.construction-section .construction-grid { grid-template-columns: 1fr; gap: 20px; }
	.construction-section .img-box { aspect-ratio: 450 / 604; max-width: 460px; width: 100%; margin: 0 auto; } /* the labelled diagram at its own shape, so its callouts stay readable */
	.construction-section .img-box.tall { aspect-ratio: 450 / 700; }
	.construction-section .spec-box { padding: 0 18px; }
	.construction-section .spec-list { grid-template-columns: 1fr; }
	.construction-section .row-box { grid-template-columns: 1fr; gap: 4px; padding: 14px 0; }
	.specification-section .spec-table { min-width: 720px; }
	.features-section .features-grid { grid-template-columns: 1fr; grid-auto-rows: 240px; gap: 12px; }
	.features-section .copper-box { grid-row: auto; }
	.features-section .common-box p { font-size: 14px; line-height: 21px; max-width: none; }

	.product-detail-section .product-intro { font-size: 16px; line-height: 26px; padding-bottom: 24px; text-align: left; }

	.specification-section .spec-table.wide { min-width: 900px; }

	/* Coming Soon Page */
	.coming-soon-section .content-box > p:not(.soon-badge) { font-size: 16px; line-height: 26px; }
	.coming-soon-section .btn-box { flex-direction: column; align-items: stretch; gap: 12px; }
	.coming-soon-section .btn-box .common-btn { justify-content: center; }

	.product-detail-section h2 { font-size: 34px; padding-bottom: 10px; }
	.product-detail-section .sub-title { font-size: 22px; line-height: 30px; padding-bottom: 22px; }


	.back-to-top { right: 16px; bottom: 88px; width: 48px; height: 48px; }
	.back-to-top .arrow-box { width: 15px; height: 17px; }
	footer .bottom-footer { padding-bottom: 28px; } /* stacked: the corner button sits to the right of the badge, so no extra room is needed */

	.resources-section .events-grid.single .event-box .img-box { flex: none; width: 100%; max-width: none; margin: 0; border-radius: 20px 20px 0 0; }
	.resources-section .events-grid.single .event-box .content-box { padding: 20px; }

	.leadership-section .slider-btn, .cables-section .slider-btn, .machinery-section .slider-btn { width: 38px; height: 38px; }
	.leadership-section .slider-btn svg, .cables-section .slider-btn svg, .machinery-section .slider-btn svg { width: 14px; height: 11px; }
	.leadership-section .slider-nav, .cables-section .slider-nav, .machinery-section .slider-nav { gap: 8px; }

	footer .social-icon ul { gap: 12px; }
	footer .social-icon ul li a, footer .social-icon ul li a:focus { width: 38px; height: 38px; }
	footer .social-icon ul li a svg { width: auto; height: 15px; }

	.related-section + .newsletter-section { padding-top: 50px; }
}
@media screen and (max-width:639px) {
	.cables-section .cables-slider:not(.swiper-initialized) .swiper-slide { width: 100%; margin-right: 16px; }
	/* Search field over a full-width button, with an even 8px frame all round */
	.dealer-section .dealer-form { flex-wrap: wrap; padding: 8px; gap: 4px 12px; }
	.dealer-section .dealer-form .input-icon { margin-left: 12px; }
	.dealer-section .dealer-form input { flex: 1 1 calc(100% - 60px); padding: 12px 12px 12px 0; }
	.dealer-section .dealer-form button { flex: 1 1 100%; justify-content: center; }
	.dealer-section .dealer-form .form-message { top: calc(100% + 8px); }

	/* Dealer Locator Page: one dealer per row; the search button drops under the field */
	.locator-section .dealer-list { grid-template-columns: 1fr; gap: 12px; }
	.locator-section .locator-search { flex-wrap: wrap; padding: 8px; gap: 4px 10px; }
	.locator-section .locator-search .input-icon { margin-left: 12px; }
	.locator-section .locator-search input { flex: 1 1 calc(100% - 60px); padding: 12px 12px 12px 0; text-overflow: ellipsis; }
	.locator-section .locator-search button { flex: 1 1 100%; justify-content: center; }
}
@media screen and (max-width:479px) {
	.custom-container { padding: 0 16px; }
	.custom-container-right { padding: 0 16px 0 0; }
	.common-section { padding: 40px 0; }
	.common-top-section { padding-top: 40px; }
	.common-bottom-section { padding-bottom: 40px; }
	.title-box { margin-bottom: 30px; }
	.title-box h2 { font-size: 26px; }
	.common-btn.btn { padding: 13px 20px; }
	header .main-menu { padding: 6px 16px 24px; }
	header .logo-box img, header.shrink .logo-box img { width: 196px; }
	footer .footer-box .logo-col { flex-direction: column; align-items: flex-start; }

	/* Home Page */
	.banner-section .banner-img-box { height: 380px; }
	.banner-section .banner-content-box { margin-top: -220px; }
	.banner-section .banner-content-box h1 { font-size: 34px; }
	.purity-section .left-box h2 { font-size: 26px; }
	.purity-section .right-box .img-box { height: 240px; }
	.purity-section .left-box { padding: 36px 22px 28px; }
	.purity-section .points-box { padding: 24px 22px 30px; background-position: 22px 0, 0 0; background-size: calc(100% - 44px) 1px, auto; }
	.responsibly-section .common-box { height: 340px; }
	.responsibly-section .common-box h3, .responsibly-section .common-box.active h3 { font-size: 24px; }
	.dealer-section .features-box .box { padding: 0 6px; }
	.dealer-section .features-box h3 { font-size: 14px; line-height: 20px; }
	.industries-section .industries-track { padding: 0 16px; }
	.applications-section .applications-row { padding: 0 16px; }
	.brochure-section { padding-bottom: 40px; }
	.brochure-section .content-box { padding-top: 40px; }
	.applications-section .common-box, .applications-section .common-box.active { width: calc(100vw - 76px); scroll-margin-left: 16px; }
	.industries-section .common-box { width: calc(100vw - 76px); scroll-margin-left: 16px; }
	.standard-section .standard-title { font-size: 54px; }
	.partner-section > .img-box { height: 240px; }

	/* Inner Pages */
	.inner-banner-section { height: 360px; padding-bottom: 18px; }
	.inner-banner-section .banner-title { font-size: 28px; }
	/* About Us Page */
	.values-section .values-track { padding: 0 16px; }
	.values-section .common-box { width: calc(100vw - 76px); scroll-margin-left: 16px; }
	.values-section .common-box h3 { font-size: 24px; }
	/* One leader per slide: the card grows with the portrait (about 0.94 of the card width) so it never rides up over the name */
	.leadership-section .team-box { height: calc(110px + (100vw - 32px) * 0.94); }
	.overview-section .left-box h2 { font-size: 26px; }

	/* Industries Page */
	.industries-list-section h2 { font-size: 24px; }
	.contact-cta-section h2 { font-size: 26px; }
	.contact-cta-section .content-box { padding: 28px 16px; }
	.contact-cta-section .dealer-box .map-box.india-box { width: 250px; }

	/* Manufacturing Page */
	.machinery-section .slider-wrap { padding-left: 16px; padding-right: 16px; }

	/* Resources Page */
	.newsletter-section .subscribe-form,
	.coming-soon-section .subscribe-form,
	.coming-soon-section .notify-form {
		width: 100%;
	}
	.newsletter-section .subscribe-input-group,
	.coming-soon-section .subscribe-input-group,
	.newsletter-section .subscribe-form:not(:has(.subscribe-input-group)),
	.coming-soon-section .subscribe-form:not(:has(.subscribe-input-group)),
	.coming-soon-section .notify-form:not(:has(.subscribe-input-group)) {
		flex-direction: column;
		padding: 6px;
		gap: 8px;
		border-radius: 10px;
	}
	.newsletter-section .subscribe-form .wpcf7-form-control-wrap,
	.coming-soon-section .subscribe-form .wpcf7-form-control-wrap,
	.coming-soon-section .notify-form .wpcf7-form-control-wrap,
	.newsletter-section .subscribe-input-group .wpcf7-form-control-wrap,
	.coming-soon-section .subscribe-input-group .wpcf7-form-control-wrap {
		flex: 1 1 100%;
		width: 100%;
	}
	.newsletter-section .subscribe-form input,
	.coming-soon-section .subscribe-form input,
	.coming-soon-section .notify-form input,
	.newsletter-section .subscribe-input-group input,
	.coming-soon-section .subscribe-input-group input {
		flex: 1 1 100%;
		width: 100%;
		padding: 10px 12px;
		font-size: 16px;
		line-height: 22px;
	}
	.newsletter-section .subscribe-btn,
	.coming-soon-section .subscribe-btn,
	.coming-soon-section .notify-form .subscribe-btn,
	.newsletter-section .subscribe-input-group .subscribe-btn,
	.coming-soon-section .subscribe-input-group .subscribe-btn {
		flex: 1 1 100%;
		width: 100%;
		padding: 12px 20px;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		justify-content: center;
	}
	.newsletter-section .wpcf7-response-output,
	.coming-soon-section .wpcf7-response-output {
		font-size: 14px;
		line-height: 20px;
		padding: 8px 12px;
		margin-top: 10px;
	}

	/* Become a Dealer Page */
	.dealer-steps-section .left-box .title-box h2 { font-size: 24px; }
	.shared-growth-section .growth-head h2 { font-size: 26px; }
	.dealer-form-section .info-panel h2 { font-size: 28px; }

	/* Dealer Locator Page */
	.locator-cta-section .btn-box { flex-direction: column; align-items: stretch; width: 100%; }
	.locator-cta-section .btn-box .common-btn { justify-content: center; }
	.buy-trust-section { padding-bottom: 40px; }

	/* Coming Soon Page */
	.coming-soon-section .content-box > p.form-note {
		padding: 14px 0 24px;
	}

	.product-detail-section h2 { font-size: 30px; }
	.product-detail-section .sub-title { font-size: 19px; line-height: 27px; padding-bottom: 20px; }
}
@media screen and (max-width:399px) {
	.banner-section .banner-content-box h1 { font-size: 30px; }
	.standard-section .standard-title { font-size: 48px; }
}

/* Short small-laptop screens (below 1280 the design no longer scales, so the hero is fitted to the height here) */
@media screen and (min-width:1024px) and (max-width:1279px) and (max-height:680px) {
	/* Home Page */
	.banner-section { min-height: 540px; padding-bottom: 50px; }
	.banner-section .banner-img-box img, .banner-section .banner-video { object-position: 50% 0%; }
	.banner-section .banner-content-box h1 { font-size: 52px; padding-bottom: 20px; }
	.banner-section .banner-content-box p { font-size: 18px; line-height: 28px; padding-bottom: 24px; }
}
@media screen and (max-width:359px) {
	/* Justified lines this narrow open wide gaps between words (split lines cannot hyphenate), so copy sits left-aligned */
	main p { text-align: left; }
}
@media screen and (max-width:1023px) and (orientation:landscape) and (max-height:500px) {
	/* Phones held sideways: the page banner fits the screen under the header, so its headline shows without scrolling */
	.inner-banner-section { height: calc(100vh - 72px); height: calc(100svh - 72px); min-height: 260px; }
}

@media screen and (max-width:1279px) {
	.error-number-graphic .num-digit { font-size: 110px; }
	.error-number-graphic .zero-circle { width: 90px; height: 90px; }
	.error-404-section .title-box h2, .thankyou-section .title-box h2 { font-size: 52px; }
}
@media screen and (max-width:1023px) {
	.error-number-graphic .num-digit { font-size: 90px; }
	.error-number-graphic .zero-circle { width: 75px; height: 75px; }
	.error-404-section .title-box h2, .thankyou-section .title-box h2 { font-size: 42px; }
	.thankyou-badge-graphic img { width: 100px; height: 100px; }
}
@media screen and (max-width:767px) {
	.error-404-section, .thankyou-section { padding: 60px 0 80px; }
	.error-number-graphic .num-digit { font-size: 70px; }
	.error-number-graphic .zero-circle { width: 60px; height: 60px; }
	.error-404-section .title-box h2, .thankyou-section .title-box h2 { font-size: 32px; }
	.error-404-section .error-description, .thankyou-section .thankyou-description { font-size: 16px; line-height: 26px; }
	.error-btn-group, .thankyou-btn-group { flex-direction: column; width: 100%; }
	.error-btn-group .common-btn, .thankyou-btn-group .common-btn { width: 100%; }
}
@media screen and (max-width:479px) {
	.thankyou-badge-graphic img { width: 80px; height: 80px; }
	.error-number-graphic .num-digit { font-size: 54px; }
	.error-number-graphic .zero-circle { width: 46px; height: 46px; }
	.error-404-section .title-box h2, .thankyou-section .title-box h2 { font-size: 26px; }
}