/* Roofage: a bright sky, strong left statement and projecting architecture. */
body{padding-top:18px;background:#eef3f6}.site-shell{border-radius:32px;box-shadow:0 25px 60px -40px #41576a66}header{background:linear-gradient(125deg,#fff,#f8fbfc);border:0}.split-hero{background-color:#eff5f8}.hero-visual{filter:drop-shadow(0 20px 25px #29445c24)}.button{position:relative;isolation:isolate;background:transparent!important;color:#fff!important;border:0;border-radius:25px 16px 26px 18px;min-height:54px;min-width:190px;padding:17px 25px;box-shadow:none}.button:before{content:'';position:absolute;inset:0 -6px;z-index:-1;background:#bf3907 url('/roofers/templates/shared-owner-gate-20261108/assets/roofstead/action.webp') center/100% 100% no-repeat;border-radius:27px 16px 26px 18px;box-shadow:0 5px 8px #8c330322;transition:filter .2s,transform .2s}.button:hover:before{filter:brightness(1.07)}header .nav-cta{background:linear-gradient(#fff,#e5edf1)!important;color:#111!important;min-width:0;box-shadow:inset 0 1px #fff,0 3px 5px #21354420;border:1px solid #c8d3d9!important;border-radius:20px 12px 20px 12px;padding:12px 18px}.nav-cta:before{display:none}.menu-toggle,.guide-trigger,.guide-toggle,.dialog-close,.back-button{border-radius:15px 25px 15px 22px!important;background:linear-gradient(140deg,#fff,#dce6eb)!important;color:#142735!important;box-shadow:inset 0 1px #fff,0 4px 8px #14273525}.service-card,.journal-card>div{border-radius:25px 25px 15px 25px;overflow:hidden}.service-card>img,.journal-card>img{border-radius:25px}.page-opening{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;min-height:740px;padding:65px 7% 90px;overflow:hidden;background:linear-gradient(135deg,#fff 20%,#edf4f8 78%,#e2edf2)}.opening-copy{grid-column:1;grid-row:1;width:100%}.opening-copy h1{font-weight:750;font-size:clamp(48px,5.4vw,82px);line-height:1.07;letter-spacing:-.045em}.opening-copy h1 span{color:#10171a}.opening-description{font-size:15px;margin-top:25px!important;color:#53616b}.opening-art{grid-column:2;grid-row:1;height:550px;border-radius:36px 36px 140px 36px;overflow:hidden;box-shadow:0 22px 35px -20px #27435455;border:1px solid #fff}.page--services .opening-art,.page--metal .opening-art{border:0;box-shadow:none;overflow:visible;height:500px;filter:drop-shadow(0 22px 16px #28465b25)}.page--services .opening-art img,.page--metal .opening-art img{object-fit:contain}.page--services .opening-art{background:linear-gradient(150deg,#b5d6ec,#e8f0f5 80%);border-radius:38% 38% 12% 12%;height:520px}.page--services .opening-art img{width:118%;max-width:none;transform:translateX(-10%);object-fit:contain}.page--metal{background:#f6f8f6}.page--metal .opening-art{background:#d5e0e6;border-radius:30px 110px 30px 30px;overflow:hidden;box-shadow:inset 0 2px 3px #fff}.page--about .opening-copy{grid-column:2}.page--about .opening-art{grid-column:1;border-radius:180px 180px 25px 25px;height:560px}.page--about h1{font-size:clamp(48px,5vw,76px)}.page--profile .opening-art{height:570px;border-radius:28px 28px 140px 28px}.page--profile h1{font-size:clamp(48px,4.8vw,72px)}.page--projects,.page--story{display:flex;flex-direction:column;align-items:stretch;padding-top:0;gap:0;background:#fff}.page--projects .opening-art,.page--story .opening-art{height:470px;width:100%;border-radius:30px 30px 100px 30px;order:0}.page--projects .opening-copy,.page--story .opening-copy{order:1;display:grid;grid-template-columns:1.3fr 1fr;column-gap:60px;margin-top:35px}.page--projects .eyebrow,.page--story .eyebrow{grid-column:1/-1;margin-bottom:14px}.page--projects h1,.page--story h1{font-size:clamp(44px,4.7vw,70px);grid-row:2/4}.page--projects .opening-description,.page--story .opening-description{margin-top:0!important}.page--projects .button,.page--story .button{justify-self:start;margin-top:10px}.page--journal .opening-art{overflow:visible;border:0;box-shadow:none;height:520px}.page--journal .opening-art img{object-fit:contain}.page--journal{background:linear-gradient(130deg,#fff9f0,#fff,#e8f1f6)}.page--journal h1{font-size:clamp(48px,5.4vw,82px)}.page--article{display:block;min-height:610px;background:linear-gradient(135deg,#e6f1f7,#fff)}.page--article .opening-copy{width:75%}.page--article .opening-relief{position:absolute;right:6%;bottom:70px;font-size:300px;font-weight:750;line-height:1;color:#c5d9e2;text-shadow:0 2px white,-1px -1px #afc4cf;z-index:-1}.page--core{display:block;min-height:590px;background:#ecf2f6}.page--core .opening-copy{width:70%}.page--core .opening-relief{position:absolute;right:6%;bottom:60px;font-size:300px;line-height:1;font-weight:750;color:#c3d4de;text-shadow:0 2px #fff;z-index:-1}.page--contact{display:block;min-height:310px;padding-bottom:50px;background:linear-gradient(120deg,#f2f7fa,#fff)}.page--contact .opening-copy{width:80%}.page--contact h1{font-size:clamp(45px,4.7vw,70px)}.page--contact .opening-relief{position:absolute;right:9%;bottom:0;font-size:240px;color:#d9e6ec;line-height:1;text-shadow:0 2px #fff;z-index:-1}.page--contact .opening-meta{display:none}.contact-layout{padding-top:45px!important}#project-form{border-radius:25px 45px 25px 25px;background:linear-gradient(145deg,#fff,#f1f5f7);border:1px solid #e0e7eb;box-shadow:0 18px 35px -25px #19384d55}.choice-grid label{border-radius:16px}.opening-meta{color:#586d7b}.eyebrow{color:#a5350b}.text-profile,.copy-only{padding-top:40px}.page--repair .opening-art{border-radius:32px 110px 32px 32px;height:470px}.page--replacement .opening-art{height:520px;border-radius:28px 28px 140px 28px}
@media(max-width:1000px){.page-opening{padding-inline:5%;gap:5%;min-height:650px}.opening-copy h1{font-size:clamp(40px,6vw,62px)}.opening-art{height:480px}.page--contact{min-height:300px}}
@media(max-width:700px){body{padding:10px}.site-shell{border-radius:25px}.page-opening{display:flex;flex-direction:column;align-items:stretch;padding:38px 7% 75px;min-height:0;gap:0}.opening-copy,.page--about .opening-copy,.page--core .opening-copy,.page--article .opening-copy,.page--contact .opening-copy{width:100%;order:0}.opening-copy h1,.page--about h1,.page--profile h1,.page--journal h1,.page--contact h1{font-size:clamp(39px,10vw,59px)}.opening-art,.page--services .opening-art,.page--metal .opening-art,.page--about .opening-art,.page--profile .opening-art,.page--repair .opening-art,.page--replacement .opening-art,.page--journal .opening-art{height:330px;width:100%;margin-top:35px;order:1;border-radius:26px 70px 26px 26px}.page--about .opening-art{border-radius:130px 130px 25px 25px;height:380px}.page--profile .opening-art{height:390px}.page--services .opening-art{height:290px;border-radius:40% 40% 10% 10%}.page--journal .opening-art{height:270px}.page--projects .opening-art,.page--story .opening-art{height:360px;order:0;margin:0 0 30px}.page--projects .opening-copy,.page--story .opening-copy{display:block;margin:0;order:1}.page--projects h1,.page--story h1{font-size:40px;margin-bottom:20px}.page--projects .opening-description,.page--story .opening-description{margin-top:15px!important}.page--article,.page--core{min-height:540px}.page--article .opening-relief,.page--core .opening-relief{font-size:230px;bottom:55px;opacity:.65}.page--contact{min-height:310px}.page--contact .opening-relief{font-size:210px;opacity:.6}.opening-description{font-size:14px}.opening-copy .button{font-size:12px;margin-top:22px;max-width:100%}.opening-meta{font-size:7px}.contact-layout{padding-top:30px!important}}