/* Shared with Hoses & Hydraulics: sage, warm white and logo accents. */
.home-page{--paper:#fffdf8;--ink:#252b22;--rust:#35432e;--orange:#35432e;--line:#cdd3c2}
.home-page .header{border-bottom:1px solid var(--line)}
.home-page h1,.home-page h2{font-family:var(--heading);line-height:1;letter-spacing:-1.5px}
.home-page h1{font-size:clamp(52px,5.8vw,92px);margin-bottom:25px}
.home-page h2{font-size:clamp(34px,3.8vw,58px)}
.home-page .eyebrow{color:var(--sage-dark);font-size:10px;letter-spacing:2.2px}
.home-page .button{background:var(--sage-dark);border-color:var(--sage-dark);color:#fffdf4}
.home-page .button:hover{background:#303a28}
.home-page .hero{display:grid;grid-template-columns:48% 52%;height:auto;background:linear-gradient(135deg,#e9edde,#dce4d2);border-bottom:1px solid #c3cdb7}
.home-page .hero-content{grid-column:1;grid-row:1;max-width:none;padding:64px 10%}
.home-page .hero-art{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;min-width:0;background:#fffdf8;padding:24px 12px}
.home-page .hero-paper,.home-page .hero-ridges{display:none}
.home-page .hero-copy{font-size:16px;line-height:1.7;color:#535a4f;max-width:520px}
.home-page .hero-actions{gap:24px;flex-wrap:wrap}
.home-page .products{background:#fffdf8;color:var(--ink);margin:0;clip-path:none;padding:64px 4.8%;border-bottom:1px solid var(--line)}
.home-page .topography{display:none}
.home-page .products .eyebrow{color:#a95a26}
.home-page .products-intro{margin-bottom:32px;gap:28px}
.home-page .products-intro>p{color:#5c6355;font-size:14px;line-height:1.7}
.home-page .underlined{color:#a95a26;border-color:#d8c9b5;margin-bottom:0}
.home-page .underlined svg{color:inherit}
.home-page .underlined:hover{color:#823d19}
.home-page .category{background:#f4f0e5;border:1px solid #d8d5c8;border-bottom:3px solid #a95a26;border-radius:2px}
.home-page .category-body{color:var(--ink)}
.home-page .category p{color:#5c6355}
.home-page .category .round-arrow{color:var(--sage-dark);border-color:#9ca78e}
.home-page .category:hover{box-shadow:0 8px 20px #35432e18}
.home-page .category{min-width:0}
.home-page .benefits{background:#f2f4eb;margin:0;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.home-page .benefit>svg{stroke:var(--sage-dark)}
.home-page .benefit p{color:#535a4f}
.home-page .services{display:grid;grid-template-columns:55% 45%;height:auto;background:linear-gradient(130deg,#f5ecd9,#efddba);border-bottom:1px solid #ddcba9}
.home-page .service-content{grid-column:1;grid-row:1;max-width:none;padding:64px 8.73%;color:var(--ink)}
.home-page .service-content .eyebrow,.home-page .service-content h2{color:#821a19}
.home-page .service-content h2{margin-bottom:22px}
.home-page .service-content p:not(.eyebrow){font-size:16px;line-height:1.7;color:#5c554a;max-width:520px;margin-bottom:28px}
.home-page .service-content .button{background:#821a19;border-color:#821a19}
.home-page .service-content .button:hover{background:#661413}
.home-page .service-image{grid-column:2;grid-row:1;position:relative;order:initial;width:100%;height:100%;min-height:380px}
.home-page .service-paper,.home-page .mountains{display:none}
.home-page .commitment{background:#fffdf8;margin:0;clip-path:none;padding:64px 4.8%;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}
.home-page .commitment-title .eyebrow{border-color:#a95a26;min-width:0}
.home-page .commitment-title h2{text-align:left;white-space:normal}
.home-page .commitment-title h2 em{color:#a95a26}
.home-page .commitment-copy{padding:0}
.home-page .commitment-copy p{font-size:15px;line-height:1.7;color:#5c6355;margin-bottom:24px}
.home-page .outline{background:transparent;color:var(--sage-dark)}
.home-page .outline:hover{background:var(--sage-dark);color:#fffdf4}
.home-page footer{background:var(--sage-dark)}
.home-page footer .text-button:hover{color:#efe1bf}
.home-page dialog{background:#fffdf8}
@media(min-width:1600px){.home-page .products,.home-page .commitment{padding-left:77px;padding-right:77px}}
@media(max-width:1050px){.home-page .hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.home-page .products-intro{grid-template-columns:1fr 1fr;gap:22px}.home-page .products-intro .underlined{grid-column:2;justify-self:start}.home-page .hero-content,.home-page .service-content{padding-top:48px;padding-bottom:48px}.home-page .hero-copy,.home-page .service-content p:not(.eyebrow){font-size:14px}}
@media(max-width:850px){.home-page .hero,.home-page .services{display:flex;flex-direction:column}.home-page .hero-content,.home-page .service-content{padding:44px 5%;max-width:100%;order:1}.home-page h1{font-size:clamp(52px,9vw,76px)}.home-page .service-image{order:2;min-height:0;height:300px}.home-page .hero-copy,.home-page .service-content p:not(.eyebrow){max-width:580px;font-size:16px}.home-page .hero-actions{flex-direction:row;align-items:center;gap:24px}.home-page .products,.home-page .commitment{padding:48px 5%}.home-page .commitment{gap:5%}}
@media(max-width:600px){.home-page .hero-content,.home-page .service-content{padding:35px 6%}.home-page h1{font-size:clamp(48px,12.5vw,70px)}.home-page .hero-copy,.home-page .service-content p:not(.eyebrow){font-size:14px}.home-page .service-image{height:260px}.home-page .products,.home-page .commitment{padding:44px 6%}.home-page .products-intro{gap:18px}.home-page .products-intro>p{font-size:14px}.home-page .category h3{font-size:16px}.home-page .commitment{display:grid;grid-template-columns:1fr;gap:28px}.home-page .commitment-copy p{font-size:14px}.home-page .benefits{padding:28px 6%}.home-page .hero-actions{gap:20px}}
@media(max-width:400px){.home-page .category-grid{grid-template-columns:1fr;gap:20px}.home-page .category-photo{height:165px}.home-page .category-body{min-height:105px;padding:18px 20px}.home-page .category h3{font-size:21px}.home-page .category p{font-size:10px}.home-page .round-arrow{width:34px;height:34px;right:20px;bottom:20px}}

/* Keep the complete family illustration visible at every screen size. */
.home-page .hero-family{display:block;width:100%;height:auto;aspect-ratio:3 / 2;max-width:540px;object-fit:contain;object-position:center;flex:none}
@media(max-width:850px){.home-page .hero-art{order:2;width:100%;padding:18px 12px;flex:none}}

/* Category photographs fill a reserved frame without stretching. */
.home-page .category-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}
.home-page .category:hover .category-photo img{transform:scale(1.04)}
.home-page .category p{padding-right:38px}
@media(max-width:600px){.home-page .category p{max-width:none}}

@media(max-width:850px){.home-page .hero-family{max-width:340px}}