.hypertherm-section { padding: 110px 8%; background: #fff; }
.hypertherm-intro { max-width: 660px; margin-bottom: 46px; }.hypertherm-intro h2, .benefit-copy h2 { margin: 0 0 21px; font: 800 clamp(45px, 5.2vw, 76px)/.92 var(--cond); text-transform: uppercase; }.hypertherm-intro>p:last-child { max-width: 570px; color: var(--muted); font-size: 14px; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.product-card { border: 1px solid #e1e3e4; background: #fff; transition: transform .3s, box-shadow .3s; overflow: hidden; }.product-card:hover { transform: translateY(-8px); box-shadow: 0 18px 35px #17181a18; }.product-image { height: 230px; background: #f3f4f4; display: grid; place-items: center; overflow: hidden; }.product-image img { height: 100%; width: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .45s ease; }.product-card:hover .product-image img { transform: scale(1.08); }.product-info { padding: 20px; }.product-info span { color: var(--red); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }.product-info h3, .benefit-list h3 { margin: 6px 0 9px; font: 700 30px/.95 var(--cond); text-transform: uppercase; }.product-info p { min-height: 62px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.powermax-benefits { color: #fff; background: #111214; margin-top: 76px; padding: 60px; display: grid; grid-template-columns: 39% 1fr; gap: 9%; position: relative; overflow: hidden; }.powermax-benefits::after { content: 'H'; color: #e5091413; position: absolute; right: -4%; bottom: -27%; font: 800 420px/.7 var(--cond); }.benefit-copy, .benefit-list { position: relative; z-index: 1; }.benefit-copy>p:not(.eyebrow) { color: #c1c4c7; font-size: 13px; }.benefit-copy .button { margin-top: 11px; }.benefit-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 28px; }.benefit-list article { display: flex; gap: 15px; padding: 17px 0; border-top: 1px solid #ffffff2b; }.benefit-list article>b { color: var(--red); font: 700 24px var(--cond); }.benefit-list h3 { margin: 1px 0 5px; font-size: 23px; }.benefit-list p { margin: 0; color: #c7c9cb; font-size: 11px; line-height: 1.55; }.benefit-list strong { color: #fff; }
@media (max-width: 950px) { .product-grid { grid-template-columns: repeat(2, 1fr); }.powermax-benefits { grid-template-columns: 1fr; gap: 35px; }.benefit-copy { max-width: 600px; } }
@media (max-width: 680px) { .hypertherm-section { padding: 75px 8%; }.product-grid, .benefit-list { grid-template-columns: 1fr; }.product-image { height: 250px; }.powermax-benefits { margin-top: 45px; padding: 35px 24px; }.powermax-benefits::after { font-size: 280px; }.product-info p { min-height: 0; } }