.skylight-repair-page{margin:0;padding:0;color:var(--ink-950);background:var(--mist);font-family:"Avenir Next","Manrope","Segoe UI",Helvetica,Arial,sans-serif}.skylight-repair-page .skylight-page{width:100%;max-width:none;margin:0;padding:0 0 100px;overflow:hidden}.skylight-repair-page .section{width:min(100% - 36px,1180px);margin:0 auto;padding:88px 0}.skylight-repair-page .section+.section{border-top:1px solid rgba(6,41,75,.09)}
.skylight-repair-page .skylight-hero{position:relative;width:100vw;max-width:none;min-height:720px;display:grid;align-items:center;overflow:hidden;margin-left:calc(50% - 50vw);padding:clamp(70px,8vw,120px) max(28px,calc((100vw - 1180px)/2));color:var(--white);background:var(--navy-950)}.skylight-repair-page .skylight-hero::before{position:absolute;inset:0;background:url('/images/skylight-repair/completed-skylight-repair-1200.webp') center/cover no-repeat;content:"";opacity:.52}.skylight-repair-page .skylight-hero::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,38,.99) 0%,rgba(3,26,48,.94) 47%,rgba(3,26,48,.66) 73%,rgba(3,26,48,.48) 100%),linear-gradient(0deg,rgba(3,26,48,.67),transparent 62%);content:""}.skylight-repair-page .skylight-hero-grid{position:relative;z-index:1;width:100%;max-width:1180px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.58fr);align-items:center;gap:clamp(55px,8vw,125px);margin:0 auto}.skylight-repair-page .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 13px;color:var(--orange-600);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.skylight-repair-page .eyebrow::before{width:29px;height:3px;background:var(--orange-500);border-radius:999px;content:""}.skylight-repair-page .skylight-hero .eyebrow{color:#ffb15b}.skylight-repair-page .skylight-hero h1{max-width:790px;margin:0;color:var(--white);font-size:clamp(3.1rem,5.7vw,5.65rem);font-weight:780;letter-spacing:-.06em;line-height:.98}.skylight-repair-page .skylight-hero .lede{max-width:700px;margin:25px 0 0;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.75}.skylight-repair-page .skylight-hero .cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.skylight-repair-page .skylight-hero .btn{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:13px;font-size:.74rem;font-weight:900}.skylight-repair-page .skylight-hero .btn-primary{color:var(--navy-950);background:linear-gradient(135deg,#ffad43,var(--orange-500));box-shadow:0 13px 30px rgba(237,106,0,.28)}.skylight-repair-page .skylight-hero .btn-outline{color:var(--white);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.skylight-repair-page .hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 0;padding:0;list-style:none}.skylight-repair-page .hero-proof li{padding:8px 12px;color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);border-radius:999px;font-size:.66rem;font-weight:800}.skylight-repair-page .skylight-hero-media{overflow:hidden;margin:0;padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07)),rgba(3,26,48,.38);border:1px solid rgba(255,255,255,.25);border-radius:28px;box-shadow:0 28px 70px rgba(2,15,29,.34),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(18px)}.skylight-repair-page .skylight-hero-media img{display:block;width:100%;height:300px;object-fit:cover;border-radius:17px}
.skylight-repair-page .pillnav{position:sticky;top:102px;z-index:25;display:flex;width:min(100% - 36px,1100px);gap:7px;overflow-x:auto;margin:22px auto 0;padding:10px;background:rgba(255,255,255,.95);border:1px solid rgba(6,41,75,.1);border-radius:16px;box-shadow:var(--shadow-md);backdrop-filter:blur(15px)}.skylight-repair-page .pillnav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;padding:9px 13px;color:var(--navy-900);border-radius:10px;font-size:.65rem;font-weight:850}.skylight-repair-page .pillnav a:hover{color:var(--white);background:var(--navy-900)}
.skylight-repair-page .section-heading{max-width:840px;margin:0 auto 38px;text-align:center}.skylight-repair-page .section-heading h2,.skylight-repair-page .section>h2,.skylight-repair-page .cta-strip h2{margin:0;color:var(--navy-950);font-size:clamp(2.25rem,4.5vw,4rem);font-weight:770;letter-spacing:-.055em;line-height:1.04}.skylight-repair-page .section-heading p:not(.eyebrow),.skylight-repair-page .section>p{max-width:760px;margin:15px auto 0;color:var(--ink-500);font-size:.88rem;line-height:1.75}.skylight-repair-page .issue-grid,.skylight-repair-page .process-grid,.skylight-repair-page .proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.skylight-repair-page .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;counter-reset:step}.skylight-repair-page .flow article{counter-increment:step}.skylight-repair-page .flow article::before{display:grid;width:42px;height:42px;place-items:center;margin-bottom:16px;color:var(--white);background:var(--navy-900);border-radius:13px;content:counter(step);font-size:.72rem;font-weight:900}.skylight-repair-page .card{padding:27px;background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease}.skylight-repair-page .card:hover{transform:translateY(-5px);border-color:rgba(255,130,0,.35);box-shadow:var(--shadow-md)}.skylight-repair-page .card h3{margin:0;color:var(--navy-950);font-size:1.04rem;letter-spacing:-.025em}.skylight-repair-page .card p,.skylight-repair-page .card li{color:var(--ink-500);font-size:.77rem;line-height:1.7}.skylight-repair-page .checklist{padding:0;list-style:none}.skylight-repair-page .checklist li{position:relative;margin:11px 0;padding-left:25px}.skylight-repair-page .checklist li::before{position:absolute;left:0;color:var(--orange-600);content:"✓";font-weight:900}.skylight-repair-page .callout{margin-top:18px;padding:18px 20px;color:#6b3b10;background:var(--orange-100);border-left:5px solid var(--orange-500);border-radius:12px;font-size:.77rem;line-height:1.65}.skylight-repair-page .spec-table{width:100%;overflow:hidden;border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:20px;box-shadow:var(--shadow-sm)}.skylight-repair-page .spec-table th,.skylight-repair-page .spec-table td{padding:18px;border-bottom:1px solid rgba(6,41,75,.1);text-align:left;vertical-align:top;font-size:.77rem;line-height:1.65}.skylight-repair-page .spec-table th{width:29%;color:var(--navy-950)}
.skylight-repair-page #project{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-right:max(28px,calc((100vw - 1180px)/2));padding-left:max(28px,calc((100vw - 1180px)/2));color:var(--white);background:radial-gradient(circle at 100% 0,rgba(255,130,0,.16),transparent 30%),var(--navy-950)}.skylight-repair-page #project .section-heading h2{color:var(--white)}.skylight-repair-page #project .section-heading p:not(.eyebrow){color:rgba(255,255,255,.67)}.skylight-repair-page .photo-card{overflow:hidden;padding:0;color:var(--ink-950)}.skylight-repair-page .photo-card img{display:block;width:100%;height:260px;object-fit:cover}.skylight-repair-page .photo-card figcaption{padding:17px 18px 20px;color:var(--ink-500);font-size:.72rem;line-height:1.6}.skylight-repair-page .photo-card strong{display:block;margin-bottom:5px;color:var(--navy-950);font-size:.84rem}
.skylight-repair-page #faq{text-align:center}.skylight-repair-page .faq{display:grid;gap:12px;max-width:940px;margin:36px auto 0;text-align:left}.skylight-repair-page .faq details{overflow:hidden;background:var(--white);border:1px solid rgba(6,41,75,.1);border-radius:16px;box-shadow:var(--shadow-sm)}.skylight-repair-page .faq summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:var(--navy-950);cursor:pointer;font-size:.81rem;font-weight:850}.skylight-repair-page .faq summary::after{color:var(--orange-600);content:"+";font-size:1.2rem}.skylight-repair-page .faq details[open] summary::after{content:"−"}.skylight-repair-page .faq details p{margin:0;padding:0 20px 20px;color:var(--ink-500);font-size:.77rem;line-height:1.72}.skylight-repair-page #areas{text-align:center}.skylight-repair-page #areas p{max-width:900px}.skylight-repair-page #areas a{color:var(--orange-600);font-weight:800}
.skylight-repair-page .estimate-form-section{position:relative;width:min(100% - 36px,1040px);margin-top:45px;padding:clamp(32px,5vw,58px);overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(6,41,75,.11);border-radius:28px;box-shadow:0 26px 70px rgba(6,41,75,.14)}.skylight-repair-page .estimate-form-section::before{position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--orange-500),#ffb34e 44%,var(--blue-500));content:""}.skylight-repair-page .estimate-form-heading{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid rgba(6,41,75,.11)}.skylight-repair-page .estimate-form-heading>span{color:var(--orange-600);font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.skylight-repair-page .estimate-form-heading h2{margin:9px 0 0;color:var(--navy-950);font-size:clamp(1.8rem,3.5vw,2.75rem);letter-spacing:-.045em}.skylight-repair-page .estimate-form-heading p{max-width:720px;margin:12px 0 0;color:var(--ink-500);font-size:.78rem;line-height:1.65}.skylight-repair-page #estimate-form{max-width:none;margin:0;padding:0;background:transparent;box-shadow:none}.skylight-repair-page .estimate-form-block .form-row{gap:16px;margin-bottom:16px}.skylight-repair-page .estimate-form-block :is(input,select,textarea){min-height:54px;padding:13px 15px;color:var(--ink-950);background:#fbfcfd;border:1px solid rgba(6,41,75,.16);border-radius:12px;font:500 16px/1.35 inherit}.skylight-repair-page .estimate-form-block textarea{min-height:128px}.skylight-repair-page .estimate-form-block :is(input,select,textarea):focus{outline:none;background:var(--white);border-color:var(--orange-500);box-shadow:0 0 0 4px rgba(255,130,0,.13)}.skylight-repair-page .estimate-form-block .zenith-btn{min-height:56px;color:var(--navy-950);background:linear-gradient(135deg,#ffad43,var(--orange-500));border:0;border-radius:13px;box-shadow:0 13px 30px rgba(237,106,0,.25);font:900 .78rem/1 inherit}
.skylight-repair-page .cta-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(31px,5vw,52px);color:var(--white);background:linear-gradient(135deg,var(--navy-950),var(--navy-800));border-radius:24px;box-shadow:var(--shadow-lg)}.skylight-repair-page .cta-strip h2{color:var(--white);font-size:1.5rem}.skylight-repair-page .cta-strip p{margin:7px 0 0;color:rgba(255,255,255,.68);font-size:.78rem}.skylight-repair-page .cta-strip .btn{min-height:49px;display:inline-flex;flex:0 0 auto;align-items:center;padding:12px 20px;color:var(--navy-950);background:linear-gradient(135deg,#ffad43,var(--orange-500));border-radius:13px;font-size:.73rem;font-weight:900}
@media(max-width:960px){.skylight-repair-page .skylight-hero-grid{grid-template-columns:1fr}.skylight-repair-page .issue-grid,.skylight-repair-page .process-grid,.skylight-repair-page .proof-grid{grid-template-columns:1fr}.skylight-repair-page .flow{grid-template-columns:repeat(2,minmax(0,1fr))}.skylight-repair-page .skylight-hero-media{max-width:720px}}
@media(max-width:680px){.skylight-repair-page .skylight-hero{min-height:0;padding:76px 14px 66px}.skylight-repair-page .skylight-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.skylight-repair-page .skylight-hero-media img{height:280px}.skylight-repair-page .pillnav{top:76px;width:calc(100% - 20px)}.skylight-repair-page .section{width:min(100% - 28px,1180px);padding:68px 0}.skylight-repair-page .flow{grid-template-columns:1fr}.skylight-repair-page .spec-table th,.skylight-repair-page .spec-table td{display:block;width:100%}.skylight-repair-page .photo-card img{height:220px}.skylight-repair-page .estimate-form-section{width:calc(100% - 28px);padding:28px 18px}.skylight-repair-page .estimate-form-block .form-col-6,.skylight-repair-page .estimate-form-block .form-col-4{flex-basis:100%}.skylight-repair-page .estimate-form-block .recaptcha-container{overflow-x:auto}.skylight-repair-page .cta-strip{flex-direction:column;align-items:flex-start}.skylight-repair-page .cta-strip .btn{width:100%;justify-content:center}}

/* Keep article sections in the page's vertical content rhythm instead of
   inheriting the shared split-card grid used by other premium components. */
.skylight-repair-page section.card,
.skylight-repair-page #water-path{
  display:block;
  grid-template-columns:none;
}
.skylight-repair-page #water-path .section-heading{
  display:block !important;
  grid-template-columns:none !important;
  width:100%;
  max-width:840px;
  margin:0 auto 38px;
}

/* Match the stable content rhythm used by Flat Roof Repair. The shared site
   stylesheet also defines .section-heading, so fully reset that generic name. */
.skylight-repair-page .skylight-page .section-heading{
  display:block !important;
  grid-template-columns:none !important;
  align-items:initial !important;
  gap:0 !important;
  width:100% !important;
  max-width:840px !important;
  margin:0 auto 38px !important;
  padding:0 !important;
  text-align:center !important;
}
.skylight-repair-page .skylight-page .section-heading .eyebrow{
  display:inline-flex !important;
  width:auto !important;
  margin:0 0 13px !important;
}
.skylight-repair-page .skylight-page .section-heading h2{
  display:block !important;
  width:100% !important;
  max-width:840px !important;
  margin:0 auto !important;
  font-size:clamp(2.25rem,4.5vw,4rem) !important;
  line-height:1.04 !important;
  text-align:center !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.skylight-repair-page .skylight-page .section-heading p:not(.eyebrow){
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  margin:17px auto 0 !important;
  text-align:center !important;
}
@media(prefers-reduced-motion:reduce){.skylight-repair-page *,.skylight-repair-page *::before,.skylight-repair-page *::after{transition-duration:.01ms!important}}