/* Roofpro's staggered architecture, elevated as folded metal and translucent zinc. */
body{background:#f4e9e6;padding-top:20px}header{background:linear-gradient(120deg,#fffdfc,#faf8f6);box-shadow:inset 0 1px #fff}.site-shell{border-radius:38px;box-shadow:0 24px 80px -45px #54454150}.hero{background:radial-gradient(ellipse at 35% 5%,#fff,#f5efec 80%)}.hero-roof{filter:drop-shadow(0 8px 10px #24222a20);transform-origin:center bottom}.hero-material{box-shadow:inset 0 3px 8px #0003,0 8px 15px #0001;border-color:#f7f6f3}.hero-note .info-mark{box-shadow:inset 0 2px 2px #ffffff40,0 4px 6px #0002}.button{background:transparent!important;border:0;border-radius:16px 24px 16px 22px;padding:18px 26px;color:white;box-shadow:none;min-width:190px}.button:before{content:'';position:absolute;z-index:-1;inset:2px -6px;background:#c4182a url('/roofers/templates/shared-owner-gate-20261108/assets/roofwork/action.webp') center/100% 100% no-repeat;border-radius:15px 25px 17px 23px;box-shadow:0 4px 7px #6e182230;transition:filter .2s,transform .2s}.button:hover:before{filter:brightness(1.08)}header .button{min-width:170px;padding:15px 20px}.menu-toggle{border-radius:12px 18px 12px 18px!important;background:linear-gradient(#fff,#e8e7e4)!important;box-shadow:inset 0 1px #fff,0 3px 6px #0002}.back-button,.dialog-close,.guide-toggle,.guide-trigger,.guide-choices button{border-radius:14px 21px 14px 18px!important;box-shadow:inset 0 1px #fff5,0 3px 8px #0002}.service-card,.journal-card>div{border-radius:18px;overflow:hidden}.service-card>img,.journal-card>img{border-radius:18px}.page-opening{position:relative;margin:0;min-height:690px;padding:70px 7.2% 90px;background:radial-gradient(ellipse at 28% 5%,#fffefa,#f1eeec);overflow:hidden}.opening-copy{width:54%}.opening-copy h1{font-size:clamp(50px,5.5vw,86px);line-height:1.03;letter-spacing:-.06em;font-weight:600}.opening-description{font-size:15px;line-height:1.7;margin-top:26px!important}.opening-art{position:absolute;width:45%;height:75%;right:3%;bottom:10%}.page--services .opening-art,.page--metal .opening-art{width:44%;height:64%;right:2%;bottom:12%;filter:drop-shadow(0 28px 14px #181e2830)}.page--services .opening-art img,.page--metal .opening-art img{object-fit:contain}.page--services .opening-copy h1{font-size:clamp(50px,5.5vw,86px)}.page--metal{background:radial-gradient(ellipse at 75% 30%,#495057,#20262d 75%);color:#fff}.page--metal .eyebrow{color:#ffb2b9}.page--metal h1 span{color:#bac2c9}.page--metal .opening-description{color:#d5d7dc}.page--about .opening-art{left:6%;right:auto;width:40%;height:auto;aspect-ratio:1;bottom:18%;border-radius:50%;overflow:hidden;border:9px solid #fff;box-shadow:0 14px 30px #0002}.page--about .opening-copy{margin-left:49%;width:51%}.page--about h1{font-size:clamp(48px,5vw,77px)}.page--profile .opening-art{width:36%;right:7%;height:75%;border-radius:48% 48% 22px 22px;overflow:hidden;box-shadow:0 20px 45px #0002}.page--profile h1{font-size:clamp(50px,5vw,76px)}.page--projects,.page--story{min-height:760px;display:flex;align-items:flex-end;background:#263239;color:white}.page--projects .opening-art,.page--story .opening-art{inset:0;width:100%;height:100%;z-index:-2}.page--projects:after,.page--story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a25d9,transparent 90%),linear-gradient(0deg,#111a25bb,transparent 70%);z-index:-1}.page--projects .opening-copy{width:65%}.page--story .opening-copy{width:72%}.page--projects .eyebrow,.page--story .eyebrow{color:#fff}.page--projects h1 span,.page--story h1 span{color:#e0dfe0}.page--projects p,.page--story p{color:#fff}.page--replacement .opening-art,.page--repair .opening-art{width:44%;height:65%;right:5%;border-radius:26px 90px 26px 26px;overflow:hidden;box-shadow:0 18px 30px #18202b25}.page--repair{background:linear-gradient(120deg,#edf1f4,#fff)}.page--replacement .opening-copy,.page--repair .opening-copy{width:48%}.page--journal .opening-art{width:50%;height:78%;right:0;bottom:5%;filter:drop-shadow(0 18px 10px #34312620)}.page--journal .opening-art img{object-fit:contain}.page--journal .opening-copy{width:48%}.page--journal h1{font-size:clamp(48px,5.5vw,84px)}.page--article{min-height:590px}.page--article .opening-copy{width:72%}.page--article h1{font-size:clamp(48px,5.6vw,86px)}.opening-relief{position:absolute;right:4%;bottom:60px;font-size:clamp(180px,27vw,420px);line-height:.9;letter-spacing:-.1em;color:#dedbd7;text-shadow:0 2px #fff,-1px -1px #b1b0ae;z-index:-1;font-weight:600}.page--core{background:#252a30;color:white;min-height:590px}.page--core h1 span{color:#adb6be}.page--core .opening-copy{width:70%}.page--core .opening-description{color:#d3d7db}.page--core .opening-relief{color:#3b444c;text-shadow:0 2px #66747f}.page--contact{min-height:330px;padding-bottom:60px}.page--contact .opening-copy{width:80%}.page--contact h1{font-size:clamp(48px,5vw,74px)}.page--contact .opening-relief{font-size:260px;bottom:0}.page--contact .opening-meta{display:none}.contact-layout{padding-top:50px!important}#project-form{border-radius:22px 35px 22px 22px;background:linear-gradient(120deg,#fff,#f3f1ee);box-shadow:inset 0 1px #fff,0 20px 40px -25px #30252440}.choice-grid label{border-radius:13px}.hero .second-word{text-shadow:0 2px #fff}.round-seal{background:linear-gradient(140deg,#35414c,#10151d);box-shadow:0 10px 18px #0002}
@media(max-width:1000px){.page-opening{padding:55px 6% 90px;min-height:650px}.opening-copy h1{font-size:clamp(42px,6.5vw,65px)}.page--profile .opening-art{right:3%;width:40%}.page--contact{min-height:330px}}
@media(max-width:700px){body{padding:8px 10px}.site-shell{border-radius:26px}.page-opening{padding:40px 7% 75px;min-height:0}.opening-copy,.page--about .opening-copy,.page--profile .opening-copy,.page--projects .opening-copy,.page--story .opening-copy,.page--journal .opening-copy,.page--repair .opening-copy,.page--replacement .opening-copy,.page--article .opening-copy,.page--core .opening-copy,.page--contact .opening-copy{width:100%;margin:0}.opening-copy h1,.page--services .opening-copy h1,.page--about h1,.page--profile h1,.page--journal h1,.page--article h1,.page--contact h1{font-size:clamp(39px,10vw,62px)}.opening-art,.page--services .opening-art,.page--metal .opening-art,.page--journal .opening-art,.page--profile .opening-art,.page--about .opening-art,.page--replacement .opening-art,.page--repair .opening-art{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:280px;aspect-ratio:auto;margin-top:35px}.page--about,.page--profile,.page--services,.page--metal,.page--journal,.page--repair,.page--replacement{display:flex;flex-direction:column}.opening-copy{order:0}.opening-art{order:1}.page--about .opening-art{border-radius:50%;width:260px;max-width:100%;height:260px;margin-inline:auto}.page--profile .opening-art{height:360px}.page--projects,.page--story{min-height:720px;align-items:flex-end}.page--projects .opening-art,.page--story .opening-art{position:absolute;inset:0;width:100%;height:100%;margin:0}.page--projects h1,.page--story h1{font-size:44px}.page--projects:after,.page--story:after{background:linear-gradient(0deg,#101d2be6,transparent)}.page--article,.page--core{min-height:520px}.opening-relief{font-size:240px;bottom:40px;right:4%}.page--core .opening-relief{opacity:.5}.page--contact{min-height:300px}.page--contact .opening-relief{font-size:220px;opacity:.5}.opening-description{font-size:14px}.opening-copy .button{margin-top:22px;max-width:100%;font-size:12px}.hero .button{min-width:180px}.opening-meta{font-size:7px}.page--journal .opening-art{height:230px}}
.page--core .eyebrow{color:#ffb8be}