.roofing-landing{--k-dark:#344b5b;--k-graphite:#3c5362;--k-paper:#fff;--k-ivory:#f1f5f7;--k-copper:#c75d36;--k-copper-light:#f08a63;--k-line:#d8e1e6}.roofing-hero{color:#24343f;background:#eaf1f4}.roofing-hero .karkas-hero__shade{background:linear-gradient(90deg,rgba(247,251,252,.98) 0%,rgba(247,251,252,.9) 42%,rgba(247,251,252,.25) 68%,transparent 84%)}.roofing-hero .karkas-breadcrumbs{color:#6e7e88}.roofing-hero .karkas-breadcrumbs a:hover{color:#c75d36}.roofing-hero .karkas-hero__lead{color:#566874}.roofing-hero .karkas-text-link{color:#344b5b;border-bottom-color:#70818b}.roofing-hero .karkas-hero__facts{border-top-color:rgba(52,75,91,.25)}.roofing-hero .karkas-hero__facts span{color:#697a84}.roofing-hero .karkas-visual-note{color:#687983}.roofing-systems{padding:92px 0}.roofing-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:64px}.roofing-card{min-width:0;overflow:hidden;border:1px solid var(--k-line);background:#fff;box-shadow:0 14px 48px rgba(42,62,75,.045);transition:transform .3s,box-shadow .3s}.roofing-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(42,62,75,.1)}.roofing-card__image{position:relative;aspect-ratio:3/2;overflow:hidden;background:#edf2f4}.roofing-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.84);transition:transform .65s,filter .35s}.roofing-card:hover img{transform:scale(1.02);filter:saturate(.98)}.roofing-card__image span{position:absolute;right:16px;bottom:13px;padding:7px 9px;color:#fff;background:rgba(52,75,91,.88);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.roofing-card__body{padding:32px}.roofing-card__kicker{margin:0 0 10px!important;color:var(--k-copper);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.roofing-card h3{margin:0 0 18px;font:400 31px/1.06 Georgia,serif}.roofing-card__fit{min-height:72px;margin:0 0 17px!important;padding:14px 16px;border-left:2px solid var(--k-copper);background:var(--k-ivory);font-family:Georgia,serif}.roofing-card__fit b{color:#24343f;font-weight:400}.roofing-card__body>p:not(.roofing-card__kicker):not(.roofing-card__fit){color:#667681;font-family:Georgia,serif}.roofing-card ul{display:grid;gap:7px;margin:22px 0 27px;padding:0;list-style:none}.roofing-card li{position:relative;padding-left:20px;color:#596b76;font-size:11px}.roofing-card li::before{content:"◇";position:absolute;left:0;color:var(--k-copper)}.roofing-card a{display:inline-flex;align-items:center;gap:10px;padding-bottom:7px;border-bottom:1px solid var(--k-copper);font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.roofing-card a span{color:var(--k-copper);font-size:14px}.roofing-technology{padding:92px 0;background:#f1f5f7}.roofing-layers{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;margin-top:64px;align-items:center}.roofing-layers__visual{min-height:460px;display:flex;gap:5px;padding:45px;background:#344b5b}.roofing-layers__visual span{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:10px 4px;color:#fff;font-size:7px;letter-spacing:.07em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.roofing-layers__visual span:nth-child(1){background:#536b7b}.roofing-layers__visual span:nth-child(2){background:#9aa8b1}.roofing-layers__visual span:nth-child(3){background:#e4eaed;color:#344b5b}.roofing-layers__visual span:nth-child(4){background:#7e939f}.roofing-layers__visual span:nth-child(5){flex:2.2;background:#d8e2e6;color:#344b5b}.roofing-layers__visual span:nth-child(6){background:#c75d36}.roofing-layers__visual span:nth-child(7){background:#fff;color:#344b5b}.roofing-layers ol{margin:0;padding:0;border-top:1px solid var(--k-line);list-style:none}.roofing-layers li{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--k-line)}.roofing-layers li b{font:400 17px Georgia,serif}.roofing-layers li p{margin:0;color:#667681;font:13px/1.6 Georgia,serif}
@media(max-width:900px){.roofing-system-grid,.roofing-layers{grid-template-columns:1fr}.roofing-layers{gap:38px}.roofing-layers__visual{min-height:360px}}
@media(max-width:680px){.roofing-hero .karkas-hero__image{object-position:68% center}.roofing-hero .karkas-hero__shade{background:linear-gradient(90deg,rgba(247,251,252,.98),rgba(247,251,252,.82) 67%,rgba(247,251,252,.4))}.roofing-systems,.roofing-technology{padding:68px 0}.roofing-system-grid{margin-top:46px}.roofing-card__body{padding:25px}.roofing-card h3{font-size:28px}.roofing-card__fit{min-height:0}.roofing-layers{margin-top:46px}.roofing-layers__visual{min-height:320px;padding:25px 12px}.roofing-layers li{grid-template-columns:1fr;gap:6px}}