/* A quieter hierarchy across the existing pages. Keep proof and specifications intact. */
body.site-design{--muted:#405066;--line:#d8e0e9}
body.site-design h2,body.site-design h3{font-weight:600!important}
body.site-design .fs-app{--muted:#405066}
body.site-design .note,body.site-design figcaption,body.site-design .field-note,body.site-design .fs-note,body.site-design .fs-story-note,body.site-design .about-source-note,body.site-design .fs-caption{color:#526176!important}

/* Put the enquiry first; keep related guidance as small, secondary links. */
body.site-design .fs-contact__hero{padding:44px 0 22px}
body.site-design .fs-contact__hero p{margin-top:12px}
body.site-design .fs-contact__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;margin:0 0 38px}
body.site-design .fs-contact__info{padding-top:4px}
body.site-design .fs-contact__email{margin-top:0;padding:16px 0 20px;border-top:0}
body.site-design .contact-aside-note{font-size:14px;line-height:1.55;color:var(--muted);margin:18px 0 0;max-width:350px}
body.site-design .contact-resource-links{display:flex;flex-direction:column;gap:0;margin:24px 0 0;border-top:1px solid var(--line)}
body.site-design .contact-resource-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink)!important;font-size:14px;font-weight:600}
body.site-design .contact-resource-links a:hover{color:var(--blue)!important;background:none}
body.site-design .contact-resource-links a span{font-size:18px;font-weight:400;line-height:1;color:var(--blue)}
body.site-design .fs-contact__form{padding:28px}

/* Let the project images lead and keep the evidence summaries easy to scan. */
body.site-design .fs-app .fs-hero{padding:32px}
body.site-design .fs-app .fs-heading{margin:38px 0 20px}
body.site-design .fs-app .fs-heading p{margin-top:8px}
body.site-design .fs-app .case-carousel .deployment-case{padding:22px;background:#fff;border-color:var(--line)}
body.site-design .fs-app .case-carousel .deployment-heading{margin-bottom:16px}
body.site-design .fs-app .case-carousel .deployment-facts{gap:18px;margin-top:16px;padding-top:16px}
body.site-design .fs-app .case-carousel .deployment-facts dt{font-size:12px;line-height:1.4;color:#526176;margin-bottom:5px}
body.site-design .fs-app .case-carousel .deployment-facts dd{font-size:14px;line-height:1.5;color:var(--ink)}

/* Content should be fully readable as soon as it appears. */
body.site-design .reveal-pending,body.site-design .revealed{opacity:1;transform:none;animation:none}
html.motion-ready body.site-design .original-hero-copy,html.motion-ready body.site-design .original-hero .hero-media{animation:none}

@media(max-width:760px){
 body.site-design .fs-contact__hero{padding:30px 0 18px}
 body.site-design .fs-contact__grid{grid-template-columns:1fr;gap:20px;margin:0 0 28px}
 body.site-design .fs-contact__info{padding-top:0}
 body.site-design .fs-contact__email{padding:12px 0 16px}
 body.site-design .fs-contact__info>.contact-aside-note{display:none}
 body.site-design .contact-resource-links{margin-top:0}
 body.site-design .contact-resource-links a{padding:12px 0}
 body.site-design .fs-contact__form{padding:22px 18px}
 body.site-design .fs-app .fs-hero{padding:24px 20px}
 body.site-design .fs-app .fs-heading{margin:30px 0 18px}
 body.site-design .fs-app .case-carousel .deployment-case{padding:18px}
 body.site-design .fs-app .case-carousel .deployment-facts{gap:12px}
}