/* Homepage only: shared page rail and two complete, undistorted product pairs. */
.home-systems{padding:clamp(44px,5vw,76px) 0;background:#f1f6f8}
.home-systems-inner{width:min(1620px,calc(100% - 2 * clamp(20px,5vw,64px)));margin-inline:auto}
.home-systems-heading{margin-bottom:30px}
.home-systems-heading h2{margin:10px 0 0;font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-.04em}
.home-systems-heading h2 span{display:inline-block;margin-top:8px;color:#617782;font-size:clamp(18px,1.7vw,26px);font-weight:500;line-height:1.4;letter-spacing:-.02em}
.home-systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-system{display:flex;flex-direction:column;min-width:0;padding:10px;border:1px solid #d4e3e8;border-radius:20px;background:#fff;box-shadow:0 8px 24px #092f3c08}
.home-system-visual{order:-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:clamp(12px,2vw,28px);height:clamp(200px,21vw,310px);padding:22px;border-radius:12px;background:#edf4f6;overflow:hidden}
.home-system-visual img{display:block;position:static;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;transform:none;filter:none}
.home-system--com .home-system-visual{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Override the old asset-wide centre rule only inside this homepage panel. */
html body .home-system-visual img[src*="/approved-folding/"]{object-position:center bottom!important;aspect-ratio:auto}
.home-system-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(20px,2vw,30px)}
.home-system-label{color:#007e97;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.5;text-transform:uppercase}
.home-system-copy h3{max-width:none;min-height:2.24em;margin:14px 0 18px;color:#053443;font-size:clamp(26px,2.35vw,36px);line-height:1.12;letter-spacing:-.035em}
.home-system-copy p{max-width:none;margin:0 0 16px;color:#526b78;font-size:16px;line-height:1.65}
.home-system-copy a{box-sizing:border-box;text-decoration:none;border-bottom:0;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.home-system-copy .home-system-secondary{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 18px;color:#007e97;font-size:15px;font-weight:700;line-height:1.5}
.home-system-copy .home-system-action{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;margin-top:auto;padding:13px 18px;border-radius:10px;background:#007f96;color:#fff;font-size:16px;font-weight:800;line-height:1.4}
.home-system-copy a span{flex:none;display:inline-block;line-height:1}
.home-system-copy a:focus-visible{outline:3px solid #04a1bc;outline-offset:4px}
@media(hover:hover){.home-system-copy .home-system-action:hover{background:#005d73;box-shadow:0 5px 14px #007f9629}.home-system-copy .home-system-secondary:hover{color:#004b60;background:#edf7f9;border-radius:6px}}
@media(max-width:760px){
 .home-systems-grid{grid-template-columns:1fr;gap:22px}
 .home-systems-heading{margin-bottom:24px}
 .home-system-visual{height:clamp(180px,45vw,280px);padding:18px;gap:16px}
 .home-system-copy{padding:22px 14px 14px}
 .home-system-copy h3{font-size:28px;min-height:0}
 .home-system-label{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.home-system-copy a{transition:none}}