.page-materials .materials-content{color:#17384c;padding-top:25px;background:linear-gradient(180deg,#edf7faf5,#f4f8faed)}.page-materials .mat-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:4vw;align-items:center;padding-block:65px 75px}.page-materials h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.7rem,4.4vw,5.2rem);line-height:1.06;letter-spacing:-.04em;margin:20px 0 25px}.page-materials .mat-hero p{font-size:1rem;line-height:1.8;max-width:580px}.page-materials .mat-kicker{font-size:.68rem!important;letter-spacing:.16em;text-transform:uppercase;color:#447b97;margin:0 0 16px}.page-materials .mat-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.page-materials .mat-jumps a{padding:10px 15px;background:#fff9;border-radius:25px;color:#244e68;font-size:.78rem}.page-materials .mat-photo{position:relative;overflow:hidden;aspect-ratio:1.5;background:#d0dce1;border-radius:3px}.page-materials .mat-photo img{position:absolute;width:300%;height:300%;max-width:none;object-fit:fill;display:block}.page-materials .mat-hero>.mat-photo{box-shadow:0 25px 55px #143e5b22;border-radius:55px 5px 55px 5px}.page-materials .mat-section{padding-block:58px;scroll-margin-top:125px}.page-materials .mat-heading{max-width:820px;margin-bottom:32px}.page-materials h2{font-family:Georgia,serif;font-size:clamp(2rem,3.2vw,3.7rem);font-weight:400;line-height:1.15;margin:0 0 18px;letter-spacing:-.025em}.page-materials .mat-heading p{line-height:1.8;font-size:1rem}.page-materials a:focus-visible,.page-materials summary:focus-visible{outline:3px solid #2789b7;outline-offset:4px}.page-materials .mat-vendors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.page-materials .mat-vendor,.page-materials .mat-card{background:#ffffffdc;border:1px solid #d3e4ed;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #153d5610}.page-materials .mat-logo{display:flex;align-items:center;justify-content:center;background:#fff;padding:22px;min-height:145px}.page-materials .mat-logo img{height:90px;width:100%;max-width:260px;object-fit:contain}.page-materials .mat-dark{background:#173b47!important;color:white!important}.page-materials .mat-text-logo{font-family:Georgia,serif;font-size:2rem;line-height:1.1;color:#53614e}.page-materials .mat-text-logo small{display:block;font-family:Arial,sans-serif;font-size:.8rem;letter-spacing:.08em;margin-top:9px}.page-materials .mat-pad{padding:25px}.page-materials h3{font-size:1.2rem;line-height:1.3;font-weight:600;margin:0 0 14px}.page-materials .mat-pad p,.page-materials address{font-size:.88rem;line-height:1.7;margin:0 0 15px;font-style:normal}.page-materials .mat-vendor a:not(.mat-logo){display:block;font-size:.82rem;line-height:1.7;overflow-wrap:anywhere;margin-top:9px;color:#28698d}.page-materials .mat-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.page-materials .mat-brand{background:white;border:1px solid #d5e3eb;border-radius:8px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;min-height:200px;text-align:center;color:#1e5675}.page-materials .mat-brand img{width:90%;height:95px;object-fit:contain}.page-materials .mat-brand span{font-size:.84rem}.page-materials .mat-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.page-materials .mat-swatches figure{margin:0}.page-materials .mat-swatches img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;border-radius:4px;border:1px solid #16374a20}.page-materials .mat-swatches figcaption{font-size:.77rem;line-height:1.4;margin-top:9px;color:#24485e}.page-materials .mat-palette{margin:30px 0 22px}.page-materials .mat-more{margin:30px 0}.page-materials .mat-more summary{font-size:.95rem;cursor:pointer;margin-bottom:20px}.page-materials .mat-note{font-size:.8rem;line-height:1.8;color:#4f6b7b;max-width:950px}.page-materials .mat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.page-materials .mat-pad .mat-kicker{font-size:.58rem!important;letter-spacing:.1em}.page-materials .mat-pad a{font-size:.83rem;color:#246989}.page-materials h4{font-size:.78rem;margin:28px 0 18px;letter-spacing:.03em}.page-materials .mat-products .mat-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.page-materials .mat-products figcaption{font-size:.68rem}.page-materials .mat-end h2{margin-top:40px}.page-materials .mat-end>p{margin-bottom:25px}.page-materials .mat-end-phone{display:inline-block;margin-left:25px}@media(min-width:1000px){.page-materials .mat-vendor:last-child{grid-column:2}}@media(max-width:1050px){.page-materials .mat-vendors{grid-template-columns:repeat(2,minmax(0,1fr))}.page-materials .mat-hero{gap:25px}.page-materials .mat-pad{padding:18px}}@media(max-width:760px){.page-materials .mat-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:35px 30px}.page-materials .mat-hero>.mat-photo{border-radius:30px 4px 30px 4px}.page-materials .mat-vendors,.page-materials .mat-brands,.page-materials .mat-grid{grid-template-columns:1fr}.page-materials .mat-section{padding-block:35px;scroll-margin-top:95px}.page-materials .mat-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.page-materials .mat-products .mat-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.page-materials .mat-vendor:last-child{grid-column:auto}.page-materials .mat-logo{min-height:125px}.page-materials .mat-brand{min-height:165px}.page-materials .mat-end-phone{margin:20px 0 0;display:block}.page-materials .mat-pad{padding:22px}}
.page-materials header{position:relative!important;top:auto!important;background:#e5f1f5!important;color:#17384c}.page-materials header .nav-links>a:not(.button){color:#17384c!important;text-shadow:none}.page-materials header .license-assurance{color:#17384c!important;text-shadow:none}.page-materials .materials-content{padding-top:0}.page-materials .mat-hero{padding-top:55px}.page-materials .review-ribbon{background:#13384d!important}.page-materials .mat-photo img{width:300%!important;height:300%!important}.page-materials .mat-brand img[src*="techo-logo"]{padding:18px 0}@media(max-width:760px){.page-materials header .nav-links{background:#edf7fa}.page-materials header .mobile-toggle{color:#17384c!important;border-color:#17384c55}.page-materials .mat-hero{padding-top:30px}}
.page-materials header .license-assurance{color:#1475ad!important;text-shadow:none!important}

body.patios.page-materials .review-ribbon{position:relative!important;top:auto!important}body.patios.page-materials header .license-assurance{color:#1475ad!important;text-shadow:none!important}