/* Four equal product families; retain the approved blue/white visual direction. */
.four-family-header{gap:24px}.four-family-header .brand{width:190px}.four-family-header nav{gap:25px;margin:auto}.four-family-header nav .family-nav-link{display:flex;flex-direction:column;gap:4px;white-space:nowrap;padding:5px 0}.family-nav-link strong{font-size:16px;font-weight:500;line-height:1.25}.family-nav-link span{font-size:12px;font-weight:400;color:#6b829a;line-height:1.4}.four-family-header nav .family-nav-link[aria-current=page] strong{color:#28a2db}.four-family-header>.button{font-size:14px;padding:14px 19px;gap:18px;min-height:52px}.product-families{background:#f7fafe}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 38px}.family-grid article{min-width:0}.family-media{display:block;overflow:hidden;margin-bottom:25px}.family-media>img{width:100%;height:280px;object-fit:cover;border-radius:4px 4px 40px 4px;transition:transform .45s}.family-media:hover>img{transform:scale(1.02)}.family-grid article>.eyebrow{font-size:13px;letter-spacing:.5px;margin:0 0 14px}.family-grid h3{font-size:33px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}.family-subtitle{display:block;color:#2d65aa;font-size:18px;font-weight:500;margin-bottom:12px}.family-grid article>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#52667e;margin:0 0 20px;max-width:550px}.family-grid .text-link{font-size:17px}.family-media-reserved{height:280px;background:#eaf2f9;border:1px dashed #a7c5df;border-radius:4px 4px 40px 4px;padding:35px;display:flex;flex-direction:column;justify-content:center;gap:15px;color:#6d87a0}.family-media-reserved>span{font-size:12px;letter-spacing:1px}.family-media-reserved>strong{font-size:32px;font-weight:500;line-height:1.3}.family-media-reserved>small{font-size:14px;line-height:1.5}.footer-families{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid #ffffff30}.footer-families a{font-size:16px;line-height:1.6;color:#dfedfa}.category-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:75px 4.5%;background:#f0f6fc}.category-hero h1{font:500 clamp(44px,4.6vw,68px)/1.13 Poppins,sans-serif;letter-spacing:-1.5px;color:#2d65aa;margin:0 0 26px}.category-hero p:not(.eyebrow){font-size:20px;line-height:1.75;color:#52667e;margin-bottom:30px}.category-hero>img{width:100%;height:410px;object-fit:cover;border-radius:4px 4px 45px 4px}.category-product{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:50px 0;border-top:1px solid #dce7f1;align-items:center}.category-product>div:first-child{min-width:0}.category-product img{width:100%;height:330px;object-fit:contain;background:#f5f9fc}.category-product>div>span{display:block;font-size:13px;line-height:1.5;color:#74899f;margin-top:15px}.category-product h2{font-size:47px;margin-bottom:15px}.category-product h3{font-size:25px;color:#2d65aa;margin-bottom:20px}.category-product p:not(.eyebrow):not(.fine){font-size:18px;line-height:1.75;color:#52667e}.category-product .text-link{font-size:17px}.category-actions{margin-top:27px}.category-actions .button{font-size:15px;gap:20px;padding:15px 20px}.category-actions .fine{max-width:500px}.category-next{padding:65px 4.5%;background:#edf5fc}.category-next h2{font-size:43px}.category-next p{font-size:19px;line-height:1.7;max-width:900px;color:#52667e}.oasis-spec-list dl{margin:0}.oasis-spec-list dl>div{padding:20px 0;border-top:1px solid #cbddec}.oasis-spec-list dt{font-size:19px;font-weight:500;color:#244f7b}.oasis-spec-list dd{font-size:17px;line-height:1.7;color:#52667e;margin:8px 0 0}.rf-form-grid textarea{min-width:0}.utility>span{font-size:12px}
@media(max-width:1300px){.four-family-header{gap:18px}.four-family-header .brand{width:180px}.four-family-header nav{gap:18px}.family-nav-link strong{font-size:15px}.family-nav-link span{font-size:12px}.four-family-header>.button{font-size:13px;padding:13px 17px;gap:12px}}
@media(max-width:1100px){.four-family-header{min-height:82px}.four-family-header .brand{width:180px}.four-family-header .menu-toggle{display:block;font-size:28px;padding:0}.four-family-header>.button{margin-left:auto;font-size:14px}.four-family-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:24px;flex-direction:column;gap:0;max-height:calc(100dvh - 95px);overflow:auto;border-top:1px solid #dce7f1;box-shadow:0 12px 24px #17274f18;border-radius:0 0 24px 24px}.four-family-header nav.open{display:flex}.four-family-header nav .family-nav-link{padding:17px 0;border-bottom:1px solid #dce7f1;gap:6px}.four-family-header nav .family-nav-link strong{font-size:21px}.four-family-header nav .family-nav-link span{font-size:15px}.four-family-header nav a:after{display:none}.category-hero{gap:35px}.category-hero h1{font-size:47px}.category-hero>img{height:370px}.category-actions .button{font-size:14px;gap:12px}}
@media(max-width:850px){.four-family-header .brand{width:130px}.footer-families{grid-template-columns:1fr 1fr}.family-grid h3{font-size:29px}.family-media>img,.family-media-reserved{height:235px}.category-hero{grid-template-columns:1fr}.category-hero>img{height:390px}.category-product{grid-template-columns:1fr;gap:30px}.category-product img{height:320px}.category-hero h1{max-width:650px}}
@media(max-width:700px){.four-family-header .brand{width:118px}.four-family-header{padding-left:20px;padding-right:20px;gap:12px}.four-family-header>.button{font-size:12px;min-height:46px;padding:12px 15px;gap:10px}.four-family-header .menu-toggle{font-size:26px}.family-grid{grid-template-columns:1fr;gap:45px}.family-media>img,.family-media-reserved{height:240px}.family-media-reserved{padding:25px}.family-media-reserved>strong{font-size:28px}.family-media-reserved>small{font-size:13px}.family-grid h3{font-size:30px}.family-grid article>.eyebrow{font-size:12px}.family-grid article>p:not(.eyebrow){font-size:17px}.family-subtitle{font-size:18px}.footer-families{gap:25px 20px;padding-bottom:28px;margin-bottom:28px}.footer-families a{font-size:15px}.category-hero{padding:50px 23px;gap:30px}.category-hero h1{font-size:42px;letter-spacing:-1px}.category-hero p:not(.eyebrow){font-size:18px}.category-hero>img{height:270px}.category-product{padding:35px 0}.category-product img{height:235px}.category-product h2{font-size:40px}.category-product h3{font-size:24px}.category-product p:not(.eyebrow):not(.fine){font-size:17px}.category-actions .button{font-size:15px;max-width:100%;line-height:1.5}.category-next{padding:55px 23px}.category-next h2{font-size:35px}.category-next p{font-size:18px}.oasis-spec-list dt{font-size:19px}.oasis-spec-list dd{font-size:17px}}
@media(max-width:360px){.four-family-header .brand{width:90px}.four-family-header{padding-left:16px;padding-right:16px;gap:9px}.four-family-header>.button{font-size:11px;padding:12px 13px;gap:8px}}
@media(prefers-reduced-motion:reduce){.family-media>img{transition:none}}

/* Approved large photographic banners across home and carport category pages. */
.project-home{min-height:clamp(700px,82svh,960px)}
.category-hero.category-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(650px,80svh,920px);padding:90px 4.5%;overflow:hidden;background:#102b46;color:white}
.category-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,32,54,.84),rgba(12,32,54,.62) 43%,rgba(12,32,54,.08) 100%)}
.category-hero.category-banner>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 60%;border-radius:0}
.category-banner>div{max-width:760px}
.category-hero.category-banner h1{font-size:clamp(60px,6.3vw,96px);line-height:1.1;letter-spacing:-2px;color:white;margin:0 0 30px}
.category-hero.category-banner .eyebrow{color:#bce5ff}
.category-hero.category-banner p:not(.eyebrow){max-width:600px;color:#e4edf5;font-size:21px;line-height:1.65;margin-bottom:34px}
.category-banner .button{background:white;color:#2d65aa;border-radius:5px 32px 32px 5px;font-size:16px}
@media(min-width:1600px){.category-hero.category-banner{padding-left:8%}}
@media(max-width:700px){.project-home{min-height:760px}.category-hero.category-banner{min-height:690px;padding:75px 23px;align-items:center}.category-hero.category-banner h1{font-size:clamp(44px,10.3vw,64px);letter-spacing:-1.3px}.category-hero.category-banner p:not(.eyebrow){font-size:18px;max-width:360px}.category-banner:after{background:linear-gradient(90deg,rgba(12,32,54,.78),rgba(12,32,54,.4)),linear-gradient(0deg,rgba(12,32,54,.45),transparent 50%)}.category-hero.category-banner>img{object-position:58% center}.category-banner .button{font-size:16px}}
@media(max-width:360px){.project-home{min-height:790px}.category-hero.category-banner h1{font-size:42px}}