/* Ridge 27270396: centered sky composition and yellow service band. */
:root{--red:#fbd33d;--paper:#fbfcfa;--ink:#152126;--dark:#22323b;--line:#dce3e5}body{background:#e8eef1}.header{background:linear-gradient(145deg,#fff,#eef4f6);border-bottom:0;border-radius:24px 24px 0 0;margin:0 18px;box-shadow:inset 0 1px 0 #fff}.ridge-home-nav{background:#a7d8f2}.header nav a[aria-current],.header nav a:hover{border-color:#18323e}.header-cta{min-width:190px}.button{position:relative;isolation:isolate;color:#17222a;background:#fbd33d;border:0;border-radius:20px 27px 18px 22px;padding:19px 25px;box-shadow:inset 0 1px 0 #fff6,0 5px 8px #9f7d1020;gap:24px;min-height:54px}.button:before{content:'';position:absolute;inset:-6px -8px;z-index:-1;pointer-events:none;background:url('/roofers/templates/shared-ridgeform-gate-20261109/assets/action.webp') center/100% 100% no-repeat;filter:drop-shadow(0 5px 4px #6a5d1920)}.button:hover{background:#fbd33d;transform:translateY(-3px);box-shadow:0 8px 14px #8a6a1420}.button:active{transform:translateY(1px)}.outline-action{display:inline-flex;align-items:center;gap:22px;border:1px solid #6c8088;background:linear-gradient(140deg,#fff9,#e8f2f280);backdrop-filter:blur(12px);padding:17px 24px;min-height:54px;border-radius:25px 16px 25px 18px;font-size:13px;box-shadow:inset 0 1px 0 #fff;transition:transform .2s}.outline-action:hover{transform:translateY(-3px)}.ridge-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 18px;min-height:700px;background:#fff}.sky-plate{position:absolute;inset:0 0 auto;width:100%;height:590px;object-fit:cover;z-index:-3;object-position:center 65%}.ridge-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#a7d8f230,#ffffff70 32%,#fff 76%);pointer-events:none}.ridge-hero-copy{text-align:center;padding:75px 6% 50px}.ridge-hero-copy .eyebrow{font-size:10px;letter-spacing:.14em;color:#254c5d}.ridge-hero h1{font-size:clamp(54px,5.8vw,87px);line-height:1.1;font-weight:500;letter-spacing:-.05em}.ridge-hero-copy>p{font-size:19px;line-height:1.65;color:#40545d;margin:32px auto 0;max-width:60ch}.hero-actions{display:flex;justify-content:center;gap:30px;margin-top:32px;align-items:center}.hero-scope{display:flex;justify-content:center;gap:100px;padding:40px 30px 65px;text-align:center}.hero-scope b{display:block;font-size:33px;font-weight:500;letter-spacing:-.04em}.hero-scope span{display:block;font-size:13px;color:#5b6a70;margin-top:12px}.service-ribbon{background:linear-gradient(120deg,#ffdd52,#f9ca28);color:#1a2429;border-top:1px solid #ffe879;border-bottom:1px solid #d3a51f;box-shadow:inset 0 1px 0 #fff7;padding:26px 5%;font-size:18px}.section{background:#fbfcfa}.material-section{background:radial-gradient(ellipse at 75% 0,#3b535d,#22323b 60%)}.ridge-opening{position:relative;isolation:isolate;overflow:hidden;margin:0 18px;min-height:660px;border-radius:0 0 26px 26px;background:radial-gradient(ellipse at 80% 20%,#f5fbfd,#d4eaf3 55%,#b6d7e5);color:#172830}.opening-art{position:absolute;inset:0;z-index:-2}.opening-art img{width:100%;height:100%;object-fit:cover}.ridge-opening-copy{padding:85px 6% 100px;max-width:62%;position:relative}.ridge-opening h1{font-size:clamp(52px,6vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.055em}.ridge-opening p{font-size:15px;color:#425e6b;max-width:39ch;margin-top:25px}.ridge-opening .button{margin-top:30px}.ridge-opening .eyebrow{font-size:10px;letter-spacing:.1em;color:#396274}.opening-meta{left:6%;right:6%;bottom:25px;font-size:9px;color:#486977}.ridge--services .opening-art{inset:80px 1% 30px 48%}.ridge--services .opening-art img{object-fit:contain;filter:drop-shadow(0 20px 16px #26445225)}.ridge--services .ridge-opening-copy{max-width:57%}.ridge--metal{background:radial-gradient(ellipse at 60% 0,#f4f9fa,#d8e9ef)}.ridge--metal .opening-art{inset:150px -15% 0 38%}.ridge--metal .opening-art img{object-fit:contain;filter:drop-shadow(0 20px 18px #2039452a)}.ridge--metal .ridge-opening-copy{max-width:65%}.ridge--people{background:#263d49;color:#fff}.ridge--people .opening-art{inset:0 0 0 38%}.ridge--people .opening-art img{object-position:60% center}.ridge--people:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#243c48 20%,#243c48eb 37%,#243c4860 60%,#243c4800 80%);pointer-events:none}.ridge--people .ridge-opening-copy{max-width:66%;padding-top:110px}.ridge--people h1{font-size:clamp(50px,5.8vw,80px)}.ridge--people p,.ridge--people .eyebrow,.ridge--people .opening-meta{color:#d0e2e9}.ridge--story{min-height:760px;color:white}.ridge--story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#102c38e0,#102c3820 80%);pointer-events:none}.ridge--story .ridge-opening-copy{max-width:none;padding-top:330px}.ridge--story p,.ridge--story .eyebrow,.ridge--story .opening-meta{color:#d9e6e9}.ridge--contact{min-height:365px;background:radial-gradient(ellipse at right top,#e0f2f9,#bad9e7)}.ridge--contact .ridge-opening-copy{padding:58px 6% 80px;max-width:80%}.ridge--contact h1{font-size:65px}.opening-relief{position:absolute;z-index:-1;right:6%;bottom:6%;font-size:280px;line-height:.9;letter-spacing:-.08em;color:#8ebacb;text-shadow:0 2px 0 #ffffff90,0 -1px 0 #688f9f}.ridge--contact .opening-relief{font-size:270px}.ridge--core{min-height:500px;background:radial-gradient(ellipse at 90% 0,#fff9de,#edf3ee 60%,#d3e6ed)}.ridge--core .ridge-opening-copy{max-width:80%}.ridge--core .opening-relief{color:#decd89}.contact-layout{padding-top:65px}.core-index{padding-top:35px}.core-index>div{margin-top:0}.project-wide{display:none}.guide-launch,.menu{border-radius:19px 13px 21px 15px!important;box-shadow:inset 0 1px 0 #ffffff70,0 6px 20px #10273725}.menu{background:linear-gradient(135deg,#fff,#d9e9ee)!important;color:#143342!important}.guide-launch{background:linear-gradient(135deg,#344e5a,#1c303b)!important;color:#fff!important}.sample-note{color:#4f6670}.button:focus-visible,.outline-action:focus-visible,.menu:focus-visible{outline:3px solid #165d80;outline-offset:6px}.project-options input:checked+span{background:#fbd33d;color:#172830;border-color:#af8b12}.service-row:hover{background:#f4f4df}footer{background:#f7faf9}
@media(max-width:1000px){.header{gap:22px}.hero-scope{gap:65px}.ridge-opening h1{font-size:65px}.ridge--people .ridge-opening-copy{max-width:70%}}
@media(max-width:760px){.header{margin:0 7px;height:85px;padding:0 23px;border-radius:22px 22px 0 0}.ridge-home-nav{background:#b2dff4}.ridge-hero{margin:0 7px;min-height:690px}.ridge-hero-copy{padding:45px 24px 35px}.ridge-hero h1{font-size:45px;line-height:1.08;letter-spacing:-.045em}.ridge-hero-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:22px}.ridge-hero-copy>p{font-size:15px;margin-top:25px}.sky-plate{height:500px;object-position:45% center}.hero-actions{flex-direction:column;gap:20px;margin-top:28px}.hero-actions .button,.hero-actions .outline-action{min-width:210px;justify-content:space-between}.hero-scope{gap:15px;padding:30px 15px 45px}.hero-scope>div{flex:1}.hero-scope b{font-size:22px}.hero-scope span{font-size:10px;line-height:1.4;max-width:10ch;margin:10px auto 0}.service-ribbon{margin:0 7px;font-size:13px;padding:24px 15px;gap:14px;flex-wrap:wrap}.service-ribbon>span:nth-child(even){font-size:18px}.ridge-opening{margin:0 7px;min-height:720px;border-radius:0 0 22px 22px}.ridge-opening-copy{padding:45px 26px 0;max-width:none!important}.ridge-opening h1{font-size:45px}.ridge-opening p{font-size:13px;max-width:33ch}.ridge-opening .eyebrow{font-size:9px;margin-bottom:22px}.ridge-opening .button{font-size:12px;margin-top:28px}.ridge--services .opening-art{inset:335px 3% 45px 3%}.ridge--metal .opening-art{inset:340px -27% 25px -2%}.ridge--people{min-height:870px}.ridge--people .opening-art{inset:400px 0 0}.ridge--people .opening-art img{object-position:57% center}.ridge--people:after{background:linear-gradient(180deg,#243c48 35%,#243c4840 61%,#243c4820)}.ridge--people .ridge-opening-copy{padding:50px 26px 0}.ridge--people h1{font-size:42px}.ridge--story{min-height:750px}.ridge--story .ridge-opening-copy{padding:360px 26px 85px}.ridge--story h1{font-size:42px}.ridge--contact{min-height:360px}.ridge--contact .ridge-opening-copy{padding:45px 26px 80px}.ridge--contact h1{font-size:43px}.ridge--contact .opening-relief{font-size:180px;opacity:.35;bottom:10%}.ridge--core{min-height:500px}.ridge--core .ridge-opening-copy{padding:50px 26px 90px}.opening-relief{font-size:200px;opacity:.5;bottom:12%}.opening-meta{left:26px;right:26px;font-size:8px}.contact-layout{padding-top:45px}.button{min-height:52px}.wordmark{font-size:25px}}
@media(max-width:360px){.ridge-hero h1{font-size:38px}.ridge-hero-copy>p{font-size:14px}.ridge-opening h1{font-size:39px}.ridge--people{min-height:880px}.ridge--people .opening-art{top:430px}.ridge--services .opening-art{top:360px}.ridge--metal .opening-art{top:350px}.ridge--story h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.button,.outline-action{transition:none}.button:hover,.outline-action:hover{transform:none}}