@font-face{font-family:Inter;src:url('/roofers/templates/shared-skyline-gate-20261109/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
body[data-template=skyline]{font-size:20px;line-height:1.6}
body[data-template=skyline] :is(.readable-label,.section-label,.tiny-label,.craft-label,.form-progress,.form-step label,.form-back,.inquiry-intro small,.footer-fine,.footer-fine a,.guide-launch b,.guide-launch i,.opening-meta,.opening-meta span,.core-page-list>a>span,.header nav a,.header button,.skip,.core-sample){font-size:16px!important;line-height:1.5!important;letter-spacing:0!important}
body[data-template=skyline] :is(.pill,.craft-control,.form-next,.form-controls button,.guide-options button){font-size:18px!important;line-height:1.45!important}
body[data-template=skyline] p:not(.tiny-label):not(.section-label):not(.core-sample){font-size:20px!important;line-height:1.65!important}
body[data-template=skyline] :is(input,textarea,select){font-size:18px!important;line-height:1.5}
body[data-template=skyline] :is(h2,.core-close h2,.core-values h2){font-size:clamp(34px,3.8vw,52px);line-height:1.12}
body[data-template=skyline] :is(.hero-headline h1,.sky-opening h1){font-size:clamp(42px,5vw,68px);line-height:1.08}
body[data-template=skyline] .hero-descriptor{max-width:28ch}
body[data-template=skyline] .hero-copy{gap:35px}
body[data-template=skyline] .hero-foot{gap:20px;flex-wrap:wrap}
body[data-template=skyline] .service-line{flex-wrap:wrap;gap:20px;padding:22px 5%}
body[data-template=skyline] .service-line span{font-size:18px!important}
body[data-template=skyline] .lab-strip a{text-transform:none;letter-spacing:0}
body[data-template=skyline] .lab-strip{gap:18px;flex-wrap:wrap}
body[data-template=skyline] .opening-meta{opacity:1;color:inherit}
body[data-template=skyline] .sky--metal .sky-opening-copy,body[data-template=skyline] .sky--article .sky-opening-copy{max-width:60%}
body[data-template=skyline] .stage-content{padding:35px}
body[data-template=skyline] .service-stage{min-height:650px}
body[data-template=skyline] .work-window-card{max-width:500px}
body[data-template=skyline] .faq summary{font-size:20px!important;line-height:1.4!important}
body[data-template=skyline] .window-caption{font-size:16px;max-width:40%;line-height:1.5;background:#182722cc;padding:10px 14px;border-radius:12px}
body[data-template=skyline] .footer-main{gap:30px;flex-wrap:wrap}
body footer .button-tools{position:static;inset:auto;display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:28px 0 0;padding:0;width:100%}
body footer .button-tools>button{position:static!important;inset:auto!important;transform:none!important;font-size:16px!important;margin:0!important;min-height:52px;width:auto!important;border-radius:14px;padding:14px 18px!important;display:inline-flex!important;align-items:center;gap:8px}
@media(max-width:760px){body[data-template=skyline] p:not(.tiny-label):not(.section-label):not(.core-sample){font-size:19px!important}
body[data-template=skyline] :is(.hero-headline h1,.sky-opening h1){font-size:40px;line-height:1.13}
body[data-template=skyline] .hero{height:auto;min-height:900px}
body[data-template=skyline] .hero-copy{position:relative;inset:auto;padding:450px 26px 130px;display:flex;flex-direction:column;gap:24px}
body[data-template=skyline] .hero-headline{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
body[data-template=skyline] .hero-headline h1{font-size:38px}
body[data-template=skyline] .hero-foot{bottom:18px;gap:14px}.hero-foot>a{display:none}
body[data-template=skyline] .sky--metal,body[data-template=skyline] .sky--article{display:flex;flex-direction:column;min-height:0;padding-bottom:28px}
body[data-template=skyline] .sky--metal .sky-opening-copy,body[data-template=skyline] .sky--article .sky-opening-copy{max-width:100%;padding:42px 26px 0}
body[data-template=skyline] .sky--metal .opening-art,body[data-template=skyline] .sky--article .opening-art{position:relative;inset:auto;width:100%;height:270px;order:1;margin:30px 0}
body[data-template=skyline] .opening-meta{position:relative;inset:auto;margin:20px 26px 0;order:3;display:flex;flex-direction:column;gap:10px}
body[data-template=skyline] .sky-opening-copy{padding-bottom:36px}
body[data-template=skyline] .sky-opening{padding-bottom:28px}
body[data-template=skyline] .sky--story .sky-opening-copy{padding-top:300px;padding-bottom:35px}
body[data-template=skyline] .sky--contact{min-height:0}.sky--contact .opening-relief{display:none}
body[data-template=skyline] .window-caption{position:static;display:block;max-width:none;margin-top:20px;background:#182722;color:white}
body[data-template=skyline] .viewfinder-bottom{flex-direction:column;align-items:flex-start;gap:25px}.viewfinder-controls{flex-wrap:wrap}
body[data-template=skyline] .viewfinder-caption{font-size:16px;flex-wrap:wrap;gap:8px}
body[data-template=skyline] .service-stage{min-height:680px}.stage-content{padding:24px!important}
}

body[data-template=skyline] .core-page-list h2{font-size:30px!important;line-height:1.25!important}
body[data-template=skyline] .footer-fine{padding-bottom:24px}
body[data-template=skyline] footer .button-tools{margin:0;padding:0 5% 32px;justify-content:flex-start}
body[data-template=skyline] footer .guide-launch :is(b,i){display:inline!important}
body[data-template=skyline] .core-preview{display:block;margin:30px 0 0;border-radius:18px;overflow:hidden;border:1px solid #c8d2c9;box-shadow:0 18px 45px #203b3020}
body[data-template=skyline] .core-preview img{display:block;width:100%;height:auto}
@media(max-width:760px){body[data-template=skyline] .hero{max-height:none}body[data-template=skyline] .core-page-list h2{font-size:25px!important}body[data-template=skyline] footer .button-tools{padding:0 25px 30px}}

body[data-template=skyline] footer .button-tools>button[hidden]{display:none!important}
body[data-template=skyline] .guide-launch i{color:#536057!important}
body[data-template=skyline] .footer-fine{color:#536057}