.skylight-blinds-page{--sb-navy:#22223e;--sb-red:#d71920;--sb-ink:#191a35;--sb-muted:#62657a;--sb-line:#dedee4;--sb-soft:#f5f3ef;background:#fff;color:var(--sb-ink)}
.skylight-blinds-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sb-breadcrumbs{padding:18px 0 0;font-size:12px}.sb-breadcrumbs ol{display:flex;gap:8px;list-style:none;margin:0;padding:0}.sb-breadcrumbs li+li:before{content:"/";margin-right:8px;color:#999}.sb-breadcrumbs a{color:inherit}
.sb-hero{padding:42px 0 54px}.sb-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:58px;align-items:center}.sb-hero-copy h1{font-size:clamp(38px,4vw,62px);line-height:1.05;margin:.2em 0 .45em;max-width:760px}.sb-lead{font-size:20px;line-height:1.5;max-width:650px}.sb-hero-copy>p:not(.eyebrow):not(.sb-lead){font-size:15px;line-height:1.7;max-width:650px;color:#44475b}.sb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.sb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.02em}.sb-btn-red{background:var(--sb-red);color:#fff}.sb-btn-outline{border:1px solid var(--sb-navy);color:var(--sb-navy)}.sb-btn-light{background:#fff;color:var(--sb-navy)}.sb-btn-outline-light{border:1px solid rgba(255,255,255,.6);color:#fff}
.sb-hero-media{margin:0;border:1px solid var(--sb-line);background:#f8f8f8}.sb-hero-media img{display:block;width:100%;height:480px;object-fit:contain;object-position:center top;background:#f6f6f6}.sb-hero-media figcaption{padding:12px 14px;font-size:12px;color:#666}
.sb-nav{border-top:1px solid var(--sb-line);border-bottom:1px solid var(--sb-line);display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding:15px 20px;font-size:12px}.sb-nav a{color:var(--sb-ink);text-decoration:none}
.sb-section{padding:76px 0}.sb-heading-row{display:grid;grid-template-columns:1fr .78fr;gap:60px;align-items:start;margin-bottom:30px}.sb-heading-row h2,.sb-story-copy h2,.sb-area-grid h2,.sb-faq-grid h2,.sb-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:.25em 0}.sb-heading-row>p,.sb-area-grid p,.sb-story-copy p,.sb-faq-grid>div>p{font-size:15px;line-height:1.7;color:var(--sb-muted)}.eyebrow{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-red)!important;font-weight:700}
.sb-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sb-feature-grid article{border-top:2px solid var(--sb-red);padding:22px 22px 18px;background:var(--sb-soft);min-height:170px}.sb-feature-grid h3{font-size:20px;margin:0 0 12px}.sb-feature-grid p{font-size:14px;line-height:1.65;color:#55586b;margin:0}
.sb-navy{background:var(--sb-navy);color:#fff}.sb-heading-light>p{color:#d7d7e3}.sb-navy .eyebrow{color:#ff6b70!important}.sb-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sb-system-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:var(--sb-ink);min-height:340px}.sb-system-card figure{margin:0;min-height:340px;overflow:hidden}.sb-system-card img{width:100%;height:100%;display:block;object-fit:cover}.sb-system-card>div{padding:34px 30px;align-self:center}.sb-system-card h3{font-size:24px;line-height:1.2;margin:.3em 0 .6em}.sb-system-card p:not(.eyebrow){font-size:14px;line-height:1.7;color:#5c5f73}
.sb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sb-project{margin:0;border:1px solid var(--sb-line);background:#fff}.sb-project img{display:block;width:100%;height:280px;object-fit:contain;object-position:center;background:#f5f5f5}.sb-project figcaption{padding:16px 16px 18px}.sb-project strong,.sb-project span{display:block}.sb-project strong{font-size:16px;margin-bottom:7px}.sb-project span{font-size:13px;line-height:1.5;color:#646779}
.sb-story{background:var(--sb-soft)}.sb-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:46px;align-items:center}.sb-story-grid figure{margin:0;border:1px solid var(--sb-line);background:#fff}.sb-story-grid img{display:block;width:100%;height:380px;object-fit:contain;background:#f0f0f0}.sb-story-copy{padding:12px 10px}.sb-story-copy h2{font-size:clamp(27px,2.6vw,38px)}.sb-text-link{display:inline-block;margin-top:10px;color:var(--sb-ink);font-weight:700;text-underline-offset:4px}.sb-story-reverse{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}.sb-story-reverse figure{order:2}.sb-contrast .sb-story-grid img{height:380px;object-fit:contain;object-position:center;background:#f0f0f0}
.sb-area{border-top:1px solid var(--sb-line)}.sb-area-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.sb-faq{background:#fafafa}.sb-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.sb-faq-list{border-top:1px solid var(--sb-line)}.sb-faq-list details{border-bottom:1px solid var(--sb-line);padding:18px 0}.sb-faq-list summary{cursor:pointer;font-weight:700;font-size:16px}.sb-faq-list p{font-size:14px;line-height:1.7;color:var(--sb-muted);max-width:720px}
.sb-cta{background:var(--sb-navy);color:#fff;padding:50px 0}.sb-cta .eyebrow{color:#ff6b70!important}.sb-cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.sb-cta h2{margin-bottom:8px}.sb-cta p{color:#d8d8e4;max-width:700px}
@media(max-width:980px){.sb-hero-grid,.sb-heading-row,.sb-system-grid,.sb-story-grid,.sb-story-reverse,.sb-area-grid,.sb-faq-grid,.sb-cta-inner{grid-template-columns:1fr}.sb-hero-media{max-width:760px}.sb-system-card{grid-template-columns:1fr 1fr}.sb-gallery-grid{grid-template-columns:1fr 1fr}.sb-story-reverse figure{order:0}.sb-cta-inner .sb-actions{margin-top:0}.sb-hero-grid{gap:34px}}
@media(max-width:680px){.skylight-blinds-page .container{width:min(100% - 28px,1180px)}.sb-hero{padding-top:28px}.sb-hero-copy h1{font-size:38px}.sb-hero-media img{height:340px}.sb-nav{gap:18px}.sb-section{padding:56px 0}.sb-feature-grid,.sb-gallery-grid{grid-template-columns:1fr}.sb-system-card{grid-template-columns:1fr}.sb-system-card figure{min-height:260px}.sb-project img{height:240px}.sb-story-grid img,.sb-contrast .sb-story-grid img{height:auto;max-height:420px}.sb-heading-row{gap:20px;margin-bottom:24px}}

/* Typography alignment only — matched to the Pergolas page scale. */
.skylight-blinds-page h1{font-size:32px!important}
.skylight-blinds-page h2{font-size:24px!important}
.skylight-blinds-page h3{font-size:18px!important}
.skylight-blinds-page .eyebrow{font-size:10px!important}
@media(max-width:680px){.skylight-blinds-page h1{font-size:27px!important}.skylight-blinds-page h2{font-size:22px!important}}