/* Roven composition first: sky word, roof photograph, low editorial headline. */
body{background:#f7f7f2}.hero-scene{animation:none;transform:none}.hero{box-shadow:0 20px 50px #19354418}.header nav{background:linear-gradient(135deg,#fff,#edf0eb);box-shadow:inset 0 1px 0 #fff,0 8px 25px #0a202026;border:1px solid #ffffffb0}.header nav a.active{box-shadow:inset 0 1px 0 #ffbc78,0 2px 5px #662d1325}.sky-word{text-shadow:0 1px 0 #ffffff20;letter-spacing:-.075em}.pill{isolation:isolate;position:relative;border-radius:22px 16px 24px 18px;background:#f1f0e8;border:1px solid #e9e9e0;box-shadow:inset 0 1px 0 #fff,0 5px 9px #15292115;white-space:normal;text-align:left;min-height:52px}.pill:not(.dark){background:transparent;border-color:transparent;box-shadow:none;padding:9px 15px 10px 23px}.pill:not(.dark):before{content:'';position:absolute;inset:-8px -10px;z-index:-1;background:url('/roofers/templates/shared-skyline-gate-20261109/assets/action.webp') center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #18313628);pointer-events:none}.pill:not(.dark) .circle{background:none;color:#191f1e}.pill.dark{background:linear-gradient(135deg,#344645,#162422);border:1px solid #5c706b;color:white;box-shadow:inset 0 1px 0 #a4b6a43b,0 6px 12px #15292125}.circle.orange{background:linear-gradient(135deg,#ff963d,#f06810);box-shadow:inset 0 1px 0 #ffc293}.pill:active{transform:translateY(1px)}.inner-header{color:#152925;background:linear-gradient(120deg,#fafbf8,#e9eeea);border:1px solid #d9e1da;border-radius:24px;margin:8px 25px 14px;box-shadow:0 6px 20px #172d2910}.sky-opening{position:relative;isolation:isolate;overflow:hidden;margin:0 14px;border-radius:28px;min-height:690px;background:#273d40;color:white}.opening-art{position:absolute;inset:0;z-index:-3}.opening-art img{width:100%;height:100%;object-fit:cover}.sky-opening:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#071b1b00 15%,#071b1b28 40%,#071b1bd9 100%)}.sky-opening-copy{position:relative;padding:280px 7% 100px;max-width:1000px}.sky-opening h1{font-size:clamp(52px,6.5vw,94px);line-height:1.02;letter-spacing:-.06em;font-weight:400}.sky-opening p{font-size:15px;max-width:43ch;color:#e0e9e3;margin-top:24px}.sky-opening .pill{margin-top:30px;min-width:190px}.sky-opening .section-label{font-size:10px;letter-spacing:.1em;color:#e9f3ed}.opening-meta{left:7%;right:7%;bottom:24px;font-size:9px;opacity:.7}.sky--people .opening-art img{object-position:center 32%}.sky--story{min-height:780px}.sky--story .sky-opening-copy{padding-top:380px;max-width:1000px}.sky--services .sky-opening-copy{max-width:800px}.sky--services .opening-art img{object-position:center 57%}.sky--metal,.sky--article,.sky--core{background:radial-gradient(ellipse at 75% 20%,#fff 0,#eaf0e9 60%,#d6e0d8);color:#1e302c}.sky--metal:after,.sky--article:after,.sky--core:after{display:none}.sky--metal .sky-opening-copy,.sky--article .sky-opening-copy{padding:90px 6%;max-width:62%;min-height:650px}.sky--metal h1,.sky--article h1{font-size:clamp(50px,5.8vw,85px)}.sky--metal p,.sky--article p,.sky--core p{color:#5c6c60}.sky--metal .section-label,.sky--article .section-label,.sky--core .section-label{color:#5e7065}.sky--metal .opening-art{inset:180px -12% -20px 43%;z-index:-1}.sky--metal .opening-art img{object-fit:contain;filter:drop-shadow(0 25px 20px #31483c30)}.sky--article .opening-art{inset:50px 2% 20px 47%;z-index:-1}.sky--article .opening-art img{object-fit:contain;filter:drop-shadow(0 25px 15px #3d51412a)}.sky--core{min-height:510px}.sky--core .sky-opening-copy{padding:80px 6% 100px;max-width:900px}.opening-relief{position:absolute;right:5%;bottom:5%;font-size:290px;line-height:.9;letter-spacing:-.09em;color:#b6c7bc;text-shadow:0 2px 1px #fff,0 -1px 1px #8eaa97;z-index:-1}.sky--contact{min-height:350px;background:radial-gradient(ellipse at top right,#546d68,#243c3b 60%)}.sky--contact .sky-opening-copy{padding:65px 6% 85px}.sky--contact h1{font-size:clamp(42px,5vw,72px)}.sky--contact .opening-relief{font-size:260px;color:#6e8b7c;text-shadow:0 1px 1px #acc0a84d;bottom:10%}.contact-page{padding-top:70px}.template-index{padding-top:45px}.template-index .core-page-list{margin-top:0}.guide-launch{background:linear-gradient(130deg,#fff,#e7eee7);border-radius:22px 15px 24px 16px;box-shadow:inset 0 1px 0 #fff,0 7px 25px #182d3028}.menu-toggle{border-radius:17px 12px 19px 12px!important;background:linear-gradient(140deg,#fff,#e4ebe3)!important;color:#18312c!important;box-shadow:inset 0 1px 0 white,0 4px 12px #061d2420}.pill:focus-visible,.menu-toggle:focus-visible{outline:3px solid #dc5100;outline-offset:6px}.core-split,.story-layout,.article-layout{background:linear-gradient(160deg,#fafbf8,#f3f5f0)}
@media(max-width:1000px){.sky-opening h1{font-size:68px}.sky--metal .sky-opening-copy,.sky--article .sky-opening-copy{max-width:65%}.sky--metal .opening-art{left:38%}}
@media(max-width:760px){.hero{min-height:740px}.hero-scene{object-position:58% center}.inner-header{margin:6px 12px 10px;padding:22px 18px;gap:10px}.sky-opening{margin:0 7px;min-height:660px;border-radius:22px}.sky-opening-copy{padding:300px 26px 95px;max-width:none}.sky-opening h1{font-size:46px}.sky-opening p{font-size:13px;max-width:32ch}.sky-opening .section-label{font-size:9px}.sky-opening .pill{font-size:12px;min-width:190px}.sky--story{min-height:740px}.sky--story .sky-opening-copy{padding:400px 26px 90px}.sky--story h1{font-size:43px}.sky--people .opening-art img{object-position:45% 30%}.sky--metal,.sky--article{min-height:730px}.sky--metal .sky-opening-copy,.sky--article .sky-opening-copy{padding:50px 26px 0;max-width:none;min-height:0}.sky--metal .opening-art{inset:360px -20% 40px 5%}.sky--article .opening-art{inset:320px 5% 35px 4%}.sky--metal h1,.sky--article h1{font-size:45px}.sky--core{min-height:530px}.sky--core .sky-opening-copy{padding:55px 26px 90px}.sky--core h1{font-size:44px}.opening-relief{font-size:220px;opacity:.45;bottom:8%}.sky--contact{min-height:350px}.sky--contact .sky-opening-copy{padding:45px 26px 85px}.sky--contact h1{font-size:42px}.sky--contact .opening-relief{font-size:190px;right:4%;bottom:7%;opacity:.35}.opening-meta{left:26px;right:26px;font-size:8px}.contact-page{padding-top:45px}.hero-foot{padding-bottom:12px}.guide-launch i{display:none}.guide-launch{bottom:14px;right:12px}.guide-launch b{font-size:10px}.guide-launch>span{width:25px;height:25px}}
@media(max-width:360px){.sky-opening h1{font-size:39px}.sky--story .sky-opening-copy{padding-top:380px}.sky--contact h1{font-size:37px}.sky--metal .opening-art{inset:390px -20% 40px 5%}.sky--article .opening-art{top:340px}.hero-headline h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hero-scene{animation:none!important}.pill,.pill .circle{transition:none}.pill:hover{transform:none}.project-feature:hover>img{transform:none}}

.pill:not(.dark){background:#f4f3eb}.sky-opening .pill:not(.dark){color:#182722}