/* Readable copy, clearer contact actions and SF's own installation photography. */
body{font-size:16px}
.button,.button.small,.text-link,.case-link,.spotlight .case-link{font-size:14px}
nav>a:not(.button){font-size:14px}
.ng-hero .hero-intro{font-size:17px;line-height:1.8;color:#e0e9f0;max-width:610px}
.ng-hero .hero-services{font-size:11px;color:#c4d5e2;flex-wrap:wrap}
.experience-inner p{font-size:13px;color:#c5d5e2}
.section-heading>p,.heading-aside{font-size:16px;color:#4c6272;line-height:1.8}
.services .section-heading>p,.capability-item p,.ls-teaser-copy>p:not(.eyebrow),
.contact-copy>p:not(.eyebrow),.capability-hero p:not(.eyebrow):not(.capability-subtitle),
.capability-download p:not(.eyebrow):not(.download-note),.ls-hero-intro,
.ls-completion .section-heading>p{font-size:16px;line-height:1.8;color:#d2e0eb}
.featured-grid .project-scope,.portfolio-grid .project-scope,.spotlight .project-scope,
.project-scope,.prefab-copy>p:not(.eyebrow):not(.lead),.plain-points li,
.capability-text p,.quality-intro,.quality-stage p:not(.eyebrow),
.team-grid p:not(.eyebrow),.team-resources p:not(.eyebrow),.director-profile p,
.case-layout>div>p:not(.eyebrow):not(.case-lead),.ls-comparison-heading p,
.ls-scope-lead,.ls-scope-layout>div>p:not(.eyebrow){font-size:16px;line-height:1.8}
.project-location,.spotlight .project-location,.project-delivery{font-size:13px;color:#526978}
.project-scope>strong{font-size:10px;color:#526978}
.project-type{font-size:10px}
.featured-grid .spotlight:first-child .project-location,
.featured-grid .spotlight:first-child .project-delivery,
.featured-grid .spotlight:first-child .project-scope strong{color:#c2d4e2}
.scope-panel li{font-size:15px;color:#e0e9f0}
.scope-context{font-size:13px;color:#c2d4e2}
.contact-copy>p.contact-location{font-size:14px;color:#d2e0eb}
.form-intro{font-size:15px;color:#4c6272}
.enquiry-panel label{font-size:14px;color:#334e62}
.enquiry-panel input,.enquiry-panel select,.enquiry-panel textarea{font-size:16px}
.form-note,.drawing-note{font-size:12px;color:#526978}
.form-note button{min-height:44px}
.sf-installation-preview{margin-top:48px;padding-top:30px;border-top:1px solid #496274}
.sf-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.sf-preview-heading .eyebrow{margin:0;font-size:11px}
.sf-preview-heading .text-link{color:#ffd0ab;border-color:#6a8294}
.sf-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sf-preview-grid>a{display:block;min-width:0;background:#132f43;border:1px solid #496274;border-radius:5px;overflow:hidden;transition:border-color .2s}
.sf-preview-grid>a:hover{border-color:#ffad70}
.sf-preview-grid img{width:100%;height:180px;object-fit:cover}
.sf-preview-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:15px;line-height:1.4;color:#eef4f8}
.sf-preview-grid figcaption span{color:#ffad70}
@media(max-width:1050px){nav{gap:16px}}
@media(max-width:700px){
 .ng-hero .hero-intro{font-size:16px;line-height:1.75;max-width:100%}
 .ng-hero .hero-actions .button{font-size:13px;padding:15px 17px;gap:16px}
 .ng-hero .hero-services{font-size:10px;gap:10px}
 .ng-hero{min-height:0}
 .ng-hero .hero-content{padding-bottom:155px}
 .sf-preview-heading{align-items:flex-start;flex-direction:column;gap:8px}
 .sf-preview-grid{grid-template-columns:1fr;gap:14px}
 .sf-preview-grid>a{display:grid;grid-template-columns:112px 1fr;align-items:center}
 .sf-preview-grid figure{display:contents}
 .sf-preview-grid img{height:112px}
 .sf-preview-grid figcaption{font-size:15px;padding:16px;min-height:60px}
 .sf-installation-preview{margin-top:32px;padding-top:25px}
 .experience-inner p{font-size:12px;line-height:1.6}
 .ls-teaser-pair figcaption{font-size:10px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.sf-preview-grid>a{transition:none}}
