.service-page .shade-guide{--reading-width:68ch}.service-page .shade-guide p,.service-page .shade-guide li{max-width:var(--reading-width);line-height:1.75}.service-page .shade-guide h2{letter-spacing:-.035em;line-height:1.08}.service-page .shade-guide .content-block:empty,.service-page .shade-guide .content-block:has(>div:only-child:empty),.service-page .shade-guide .content-grid:has(>.content-column:only-child:empty){display:none}.service-page .shade-guide .service-specs-section,.service-page .shade-guide .service-planning-section,.service-page .shade-guide .service-enquiry-section,.service-page .shade-guide .service-assurance-section{padding-block:clamp(64px,7vw,104px)}.service-page .shade-guide .spec-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);margin-bottom:42px;display:grid}.service-page .shade-guide .spec-intro h2,.service-page .shade-guide .spec-intro p{margin:0}.service-page .shade-guide .spec-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.service-page .shade-guide .spec-data{min-width:0}.service-page .shade-guide .spec-table-scroll{border:1px solid var(--line);background:var(--surface);outline-offset:5px;border-radius:16px;overflow-x:auto}.service-page .shade-guide .spec-table-scroll table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;background:0 0;width:100%;display:table;overflow:visible}.service-page .shade-guide .spec-table-scroll caption{text-align:left;color:var(--muted);padding:20px 24px;font-size:14px;line-height:1.5}.service-page .shade-guide .spec-table-scroll th,.service-page .shade-guide .spec-table-scroll td{border:0;border-top:1px solid var(--line);vertical-align:middle;overflow-wrap:normal;padding:20px 24px;line-height:1.5}.service-page .shade-guide .spec-table-scroll thead{background:var(--ink)}.service-page .shade-guide .spec-table-scroll thead th{color:var(--paper);font-size:14px;font-weight:600}.service-page .shade-guide .spec-table-scroll th:first-child{width:22%}.service-page .shade-guide .spec-table-scroll tbody tr:nth-child(2n){background:color-mix(in srgb, var(--paper) 60%, transparent)}.service-page .shade-guide .spec-notes{padding-top:24px}.service-page .shade-guide .spec-notes p{color:var(--muted);font-size:15px;line-height:1.75}.service-page .shade-guide .spec-notes p:last-child{margin-bottom:0}.service-page .shade-guide .spec-frame{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);border-radius:4px 4px 32px;padding:clamp(28px,3vw,44px)}.service-page .shade-guide .spec-frame h3{margin-top:0;font-size:clamp(26px,2.4vw,36px)}.service-page .shade-guide .spec-frame p{margin-bottom:0}.service-page .shade-guide .service-planning-section h2{max-width:26ch;margin-bottom:44px}.service-page .shade-guide .service-planning-section .content-block,.service-page .shade-guide .service-specs-section .content-block{border-top:0;padding-top:0}.service-page .shade-guide .planning-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;border-top:1px solid var(--line);gap:0 clamp(32px,5vw,80px);display:grid}.service-page .shade-guide .planning-item{border-bottom:1px solid var(--line);padding-block:32px}.service-page .shade-guide .planning-item:last-child:nth-child(odd){grid-column:1/-1}.service-page .shade-guide .planning-item h3{text-wrap:pretty;max-width:28ch;margin:0 0 16px;font-size:clamp(24px,2.2vw,32px);line-height:1.15}.service-page .shade-guide .planning-item p{color:var(--muted);margin:0}.service-page .shade-guide .service-enquiry-section .content-block,.service-page .shade-guide .service-assurance-section .content-block{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,5vw,80px);margin:0;display:grid}.service-page .shade-guide .service-enquiry-section h2,.service-page .shade-guide .service-assurance-section h2{margin:0}.service-page .shade-guide .service-assurance-section .content-block{border:1px solid var(--line);background:var(--surface);border-radius:16px 16px 40px;padding:clamp(28px,4vw,56px)}.service-page .shade-guide .service-copy p:last-child{margin-bottom:0}.service-page .shade-guide .service-gallery-actions{justify-content:center;margin-top:32px;display:flex}.service-page .shade-guide .service-projects-section .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}.service-page.roof-page .shade-guide .service-projects-section .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-page .shade-guide .project-image a{cursor:zoom-in;outline-offset:5px;border-radius:12px 12px 32px;position:relative}.service-page .shade-guide .project-image img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.service-page .shade-guide .project-image a:after{content:"+";background:var(--paper);width:36px;height:36px;color:var(--ink);pointer-events:none;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 3px 16px #00000024}.service-page .shade-guide .service-faq-section{padding-block:clamp(64px,7vw,104px);display:block}.service-page .shade-guide .service-faq-section>.content-grid{max-width:1120px;margin-inline:auto}.service-page .shade-guide .faq-accordion{grid-column:auto}.service-page .shade-guide .faq-question{font-family:var(--service-display,"Outfit Variable", sans-serif);letter-spacing:-.02em;text-wrap:pretty;font-size:clamp(22px,2vw,28px);line-height:1.3}.service-page .shade-guide .faq-summary{min-height:92px;padding-block:26px}.service-page .shade-guide .faq-body{max-width:72ch;padding-bottom:30px}.service-page .shade-guide .faq-body p{line-height:1.75}@media (width>=768px) and (width<=1100px){.service-page .shade-guide .shade-types[data-subtype-count] .subtype-card>div{grid-template-rows:auto auto;grid-template-columns:1fr}.service-page .shade-guide .shade-types .subtype-card>div>div:first-child{aspect-ratio:4/3}.service-page .shade-guide .shade-types .subtype-card>div>div:last-child{border-top:1px solid #10222d1a;border-left:0;min-height:0}}@media (width<=1023px){.service-page .shade-guide .spec-intro,.service-page .shade-guide .spec-layout{grid-template-columns:1fr;gap:28px}.service-page .shade-guide .service-faq-section>.content-grid{max-width:100%}.service-page .shade-guide .service-projects-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-page .shade-guide .service-enquiry-section .content-block,.service-page .shade-guide .service-assurance-section .content-block{grid-template-columns:1fr;gap:28px}}@media (width<=767px){.service-page.canopy-page>.service-hero h1{font-size:clamp(32px,8.7vw,46px);line-height:1.08}.service-page .shade-guide .planning-grid{grid-template-columns:1fr}.service-page .shade-guide .planning-item{padding-block:26px}.service-page .shade-guide .spec-table-scroll th,.service-page .shade-guide .spec-table-scroll td{padding:16px 10px;font-size:14px}.service-page .shade-guide .spec-table-scroll caption{padding:16px}.service-page .shade-guide .service-projects-section .project-grid,.service-page.roof-page .shade-guide .service-projects-section .project-grid{grid-template-columns:1fr}.service-page .shade-guide .service-gallery-actions .button{justify-content:center;width:100%}.service-page .shade-guide .faq-summary{min-height:86px;padding-block:24px}.service-page .shade-guide .faq-body{padding-right:0}}@media (prefers-reduced-motion:reduce){.service-page .shade-guide *,.service-page .shade-guide :after{transition:none!important}.service-page .shade-guide .subtype-card:hover,.service-page .shade-guide .project-image a:hover img{transform:none}}.service-page .shade-guide .planning-item a,.service-page .shade-guide .service-copy a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.service-page .shade-guide .service-gallery-actions .button{white-space:normal;text-align:center}