/* Proofers: human photography, inset white frame, brown material bands. */
body{padding-top:20px;background:#ece7e2}.site-shell{border-radius:34px;box-shadow:0 28px 60px -42px #37211866}header{background:linear-gradient(130deg,#fff,#faf6f2)}.people-hero{box-shadow:0 17px 30px -24px #2a160d88;isolation:isolate}.crew-hero{transform-origin:center bottom}.contact-capsule{background:linear-gradient(130deg,#fff,#f1e9e1)!important;border:1px solid #fff9;box-shadow:inset 0 2px #fff,0 15px 28px #1c100c35;border-radius:24px 24px 24px 10px!important}.capsule-portrait{border-radius:18px!important}.button{background:transparent!important;border:0!important;border-radius:22px 28px 15px 22px;box-shadow:none!important;color:#25150e!important;min-height:54px;min-width:180px;padding:17px 25px;font-weight:750;isolation:isolate}.button:before{content:'';position:absolute;inset:0 -5px;z-index:-1;background:#fa8156 url('/roofers/templates/shared-proofline-gate-20261108/assets/action.webp') center/100% 100% no-repeat;border-radius:22px 28px 15px 22px;box-shadow:0 4px 7px #44231325;transition:filter .2s,transform .2s}.button:hover:before{filter:brightness(1.07)}.nav-cta{min-width:0;padding:13px 20px;background:linear-gradient(145deg,#604638,#24150e)!important;color:#fff!important;border:1px solid #765541!important;box-shadow:inset 0 1px #ffffff44,0 4px 8px #3a201b25!important;border-radius:18px 25px 18px 18px}.nav-cta:before{display:none}.contact-capsule .button{min-width:190px;padding:14px 20px}.menu-toggle,.guide-trigger,.guide-toggle,.dialog-close,.back-button{border-radius:16px 24px 16px 20px!important;background:linear-gradient(135deg,#6a4a3c,#24150e)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff50,0 5px 10px #2b160c2a}.page-opening{position:relative;min-height:720px;padding:65px 6% 90px;margin:0 4% 45px;overflow:hidden;background:linear-gradient(125deg,#fffaf5,#f0e8df);border-radius:28px}.opening-copy{width:53%}.opening-copy h1{font-size:clamp(47px,5.1vw,77px);font-weight:650;line-height:1.08;letter-spacing:-.045em}.opening-copy h1 span{color:#604b3e}.opening-description{font-size:15px;line-height:1.7;margin-top:24px!important;color:#6b5649}.opening-art{position:absolute;right:3%;bottom:12%;width:41%;height:76%;border-radius:28px;overflow:hidden;box-shadow:0 22px 30px -20px #2a160c50}.page--services{background:radial-gradient(ellipse at 70% 20%,#5d4133,#24150e 75%);color:#fff;min-height:750px}.page--services .opening-copy{width:63%}.page--services h1{font-size:clamp(48px,5.8vw,87px)}.page--services .opening-description{max-width:400px;color:#d9c9bf}.page--services .eyebrow{color:#ffb18e}.page--services .opening-art{right:2%;width:44%;height:49%;bottom:9%;border-radius:0;box-shadow:none;overflow:visible;filter:drop-shadow(0 25px 15px #08030155)}.page--services .opening-art img{object-fit:contain}.page--metal{min-height:700px;background:linear-gradient(125deg,#e9dfd3,#fff8ef)}.page--metal .opening-art{box-shadow:none;overflow:visible;height:67%;width:44%;filter:drop-shadow(0 20px 15px #2a150c30)}.page--metal .opening-art img{object-fit:contain}.page--about{background:#2d1c14;color:#fff}.page--about .opening-art{height:100%;width:48%;right:0;bottom:0;border-radius:100px 0 0 0}.page--about .opening-copy{width:49%;padding-top:45px}.page--about h1 span{color:#d8bbac}.page--about .eyebrow{color:#ffb393}.page--about .opening-description{color:#dfd3ca}.page--about .opening-meta{right:53%;color:#d7c1b3}.page--profile{display:grid;grid-template-columns:.9fr 1fr;gap:7%;align-items:center}.page--profile .opening-copy{grid-column:2;width:100%}.page--profile .opening-art{position:relative;grid-column:1;grid-row:1;width:100%;height:540px;inset:auto;border-radius:90px 25px 25px 25px}.page--profile h1{font-size:clamp(46px,4.6vw,69px)}.page--projects,.page--story{min-height:780px;background:#594438;display:flex;align-items:flex-end;justify-content:flex-end}.page--projects .opening-art,.page--story .opening-art{inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;z-index:-2}.page--projects:after,.page--story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#25150c55,transparent);z-index:-1}.page--projects .opening-copy,.page--story .opening-copy{width:50%;padding:32px;background:linear-gradient(140deg,#fffdfaef,#eee3d7f5);border:1px solid #fff9;border-radius:28px 28px 16px 28px;box-shadow:0 18px 30px #1d100b35;backdrop-filter:blur(8px)}.page--projects h1,.page--story h1{font-size:clamp(40px,4vw,59px)}.page--projects .opening-description,.page--story .opening-description{font-size:14px;margin-top:18px!important}.page--projects .opening-meta,.page--story .opening-meta{color:white;border-color:#ffffff55}.page--journal{background:linear-gradient(120deg,#352219,#644a37);color:#fff}.page--journal h1 span{color:#d8bca6}.page--journal .eyebrow{color:#ffad87}.page--journal .opening-description{color:#eadbd0}.page--journal .opening-art{width:49%;height:65%;right:0;bottom:13%;box-shadow:none;overflow:visible;filter:drop-shadow(0 20px 20px #1e110644)}.page--journal .opening-art img{object-fit:contain}.page--article{min-height:590px;background:linear-gradient(145deg,#fff,#eee5da)}.page--article .opening-copy{width:76%}.opening-relief{position:absolute;right:7%;bottom:70px;font-size:290px;font-weight:650;line-height:1;color:#d3c3b2;text-shadow:0 2px #fff,-1px -1px #b29a84;z-index:-1;letter-spacing:-.07em}.page--core{min-height:580px}.page--core .opening-copy{width:72%}.page--core .opening-relief{color:#dfbfa3;opacity:.7}.page--contact{min-height:320px;background:radial-gradient(ellipse at 80% 30%,#654836,#24150e);color:white;margin-bottom:0;padding-bottom:45px}.page--contact .opening-copy{width:85%}.page--contact h1{font-size:clamp(45px,4.8vw,72px)}.page--contact h1 span{color:#e6c6b2}.page--contact .eyebrow{color:#ffb18b}.page--contact .opening-relief{color:#795643;bottom:0;right:8%;font-size:250px;text-shadow:0 2px #b88769}.page--contact .opening-meta{display:none}.contact-layout{padding-top:40px!important}#project-form{background:linear-gradient(145deg,#fff,#f6eee5);border-radius:22px 35px 22px 22px;box-shadow:0 15px 30px -20px #53331a66; border:1px solid #f4e9de}.choice-grid label{border-radius:15px}.opening-meta{color:#806451}.page--services .opening-meta,.page--journal .opening-meta{color:#decec3}.service-card,.journal-card>div{border-radius:22px;overflow:hidden}.service-card>img,.journal-card>img{border-radius:22px}.text-profile,.copy-only{padding-top:35px}
@media(max-width:1000px){.page-opening{padding-inline:5%;min-height:650px}.opening-copy h1{font-size:clamp(42px,5.8vw,62px)}.page--contact{min-height:310px}.page--projects .opening-copy,.page--story .opening-copy{width:60%;padding:26px}.page--projects h1,.page--story h1{font-size:44px}}
@media(max-width:700px){body{padding:10px}.site-shell{border-radius:26px}.page-opening{margin:0 3% 30px;display:flex;flex-direction:column;align-items:stretch;padding:35px 7% 70px;min-height:0;border-radius:23px}.opening-copy,.page--services .opening-copy,.page--about .opening-copy,.page--profile .opening-copy,.page--article .opening-copy,.page--core .opening-copy,.page--contact .opening-copy{width:100%;padding:0;order:0}.opening-copy h1,.page--services h1,.page--profile h1,.page--contact h1{font-size:clamp(38px,10vw,55px)}.opening-art,.page--services .opening-art,.page--metal .opening-art,.page--about .opening-art,.page--profile .opening-art,.page--journal .opening-art{position:relative;inset:auto;width:100%;height:300px;order:1;margin-top:35px}.page--about .opening-art{height:360px;border-radius:80px 24px 24px 24px}.page--profile .opening-art{height:370px}.page--journal .opening-art{height:260px}.page--services .opening-art{height:230px}.page--about .opening-meta{right:7%}.page--projects,.page--story{min-height:800px;justify-content:flex-end;padding:30px 5% 70px}.page--projects .opening-art,.page--story .opening-art{position:absolute;inset:0;height:100%;width:100%;margin:0}.page--projects .opening-copy,.page--story .opening-copy{width:100%;padding:22px;order:1;border-radius:25px 25px 16px 25px}.page--projects h1,.page--story h1{font-size:36px}.page--projects .opening-description,.page--story .opening-description{font-size:13px}.page--article,.page--core{min-height:520px}.opening-relief{font-size:220px;opacity:.6;right:4%;bottom:55px}.page--contact{min-height:310px;margin-bottom:0}.page--contact .opening-relief{font-size:190px;opacity:.5}.opening-description{font-size:14px}.opening-copy .button{max-width:100%;font-size:11px;margin-top:22px}.opening-meta{font-size:7px}.contact-capsule .button{min-width:170px}}

.people-hero{background-color:#38271f}