/* Skylight cases: retain the full installation in every photograph. */
.skylight-section{background:#f5f4ee;border-top:1px solid var(--line)}
.skylight-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.skylight-option{min-width:0;background:var(--paper)}
.skylight-option>.project-card{width:100%;display:block}
.skylight-option>.project-card .project-image{height:320px!important}
.skylight-option .project-image img,.skylight-details .project-image img{object-fit:contain;background:#eae9e2}
.skylight-option>.project-card>h3,.skylight-option>.project-card>p{padding-left:22px;padding-right:22px}
.skylight-option>.project-card>h3{font-size:19px}
.skylight-option>.project-card>p{font-size:12px}
.skylight-option-copy{padding:26px 22px 30px}
.skylight-option-copy .eyebrow{font-size:10px;margin-bottom:12px}
.skylight-option-copy>h3{font-size:24px;margin-bottom:16px}
.skylight-option-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}
.skylight-option-copy .text-link{font-size:14px;margin-top:24px}
.skylight-controls{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;margin-top:72px;padding-top:55px;border-top:1px solid var(--line)}
.skylight-controls h2{font-size:clamp(34px,3.5vw,49px)}
.skylight-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.skylight-control-grid h3{font-size:23px;margin-bottom:15px}
.skylight-control-grid p{color:var(--muted);font-size:15px}
.skylight-detail-head{margin-top:80px}
.skylight-details .project-image{height:390px!important}
.skylight-planning{border-top:1px solid var(--line);margin-top:48px;padding-top:30px;max-width:920px}
.skylight-planning>p{margin-top:16px;color:var(--muted)}
.skylight-planning .actions{margin-top:24px}
.skylight-teaser{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px;background:#f5f4ee;margin-bottom:30px}
.skylight-teaser h2{font-size:32px}
.skylight-teaser p:not(.eyebrow){max-width:70ch;font-size:15px;color:var(--muted);margin-top:15px}
.skylight-teaser .btn{flex-shrink:0}
.skylight-teaser .eyebrow{font-size:11px;margin-bottom:12px}
@media(max-width:1050px){.skylight-options{gap:16px}.skylight-option>.project-card .project-image{height:270px!important}.skylight-controls{grid-template-columns:1fr;gap:30px}.skylight-teaser{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.skylight-options,.skylight-control-grid{grid-template-columns:1fr;gap:30px}.skylight-option>.project-card .project-image{height:330px!important}.skylight-controls{margin-top:42px;padding-top:35px}.skylight-detail-head{margin-top:50px}.skylight-teaser{padding:24px 20px}.skylight-details .project-image{height:350px!important}.skylight-teaser h2{font-size:30px}}

.skylight-case{margin-top:76px;padding-top:58px;border-top:1px solid var(--line)}
.skylight-comparison .project-image{height:510px!important;background:#eae9e2}
.skylight-comparison .project-image img{object-fit:contain}
.skylight-case .source-note{margin-top:20px}
.skylight-case-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:36px 0 25px}
.skylight-case-benefits h3{font-size:23px;margin-bottom:14px}
.skylight-case-benefits p{font-size:15px;color:var(--muted)}
@media(max-width:700px){.skylight-case{margin-top:45px;padding-top:35px}.skylight-comparison .project-image{height:400px!important}.skylight-case-benefits{grid-template-columns:1fr;gap:25px}}

.skylight-sloping-case{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-top:1px solid var(--line);margin-top:60px;padding-top:60px}
.skylight-sloping-case .project-image{height:550px!important;background:#eae9e2}
.skylight-sloping-case .project-image img{object-fit:contain}
.skylight-sloping-case h2{font-size:clamp(34px,3.5vw,49px);margin-bottom:24px}
.skylight-sloping-case>div>h3{font-size:22px;margin:25px 0 12px}
.skylight-sloping-case>div>p:not(.eyebrow){font-size:16px;color:var(--muted)}
.skylight-sloping-case .text-link{margin-top:26px}
@media(max-width:700px){.skylight-sloping-case{grid-template-columns:1fr;gap:30px;margin-top:42px;padding-top:35px}.skylight-sloping-case .project-image{height:430px!important}}