/* CRS professional contact design | staging preview only | uses existing CRS project photo */
#content:has(>.crs-modern-contact){padding:0!important;margin:0!important}
#content .crs-modern-contact,#content .crs-modern-contact *{box-sizing:border-box}
#content .crs-modern-contact{background:#f4f6f9;color:#172538;font:16px/1.55 "Helvetica Neue",Arial,sans-serif}
#content .crs-modern-contact h1,#content .crs-modern-contact h2{color:#142337;font-family:inherit;font-weight:800;line-height:1.1;letter-spacing:-.035em;text-transform:none;margin:0}
#content .crs-modern-contact a{text-decoration:none}
#content .crs-modern-shell{max-width:1200px;margin:auto;padding:0 24px}
#content .crs-modern-hero{background-color:#e6eef5;background-image:linear-gradient(90deg,#edf3f8 0%,rgba(237,243,248,.97) 34%,rgba(237,243,248,.7) 57%,rgba(237,243,248,.12) 84%),url("/_assets/crsrendering.co.uk/wp-content/uploads/2017/07/slider-1.jpg");background-size:cover;background-position:center 38%}
#content .crs-modern-hero-inner{min-height:235px;display:flex;align-items:center;padding-top:34px;padding-bottom:32px}
#content .crs-modern-hero-copy{max-width:590px}
#content .crs-modern-eyebrow{color:#215a9b;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;margin:0 0 14px}
#content .crs-modern-hero h1{font-size:clamp(32px,4vw,49px);margin-bottom:10px}
#content .crs-modern-hero-copy>p:not(.crs-modern-eyebrow){font-size:16px;color:#495c6d;line-height:1.5;margin:0}
#content .crs-modern-hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
#content .crs-modern-primary{background:#215a9b;color:#fff!important;display:inline-flex;align-items:center;gap:12px;padding:12px 19px;border-radius:5px;font-size:14px;font-weight:750}
#content .crs-modern-primary:hover,#content .crs-modern-submit:hover:not(:disabled){background:#153f72;color:#fff!important}
#content .crs-modern-hero-link{color:#215a9b!important;font-size:14px;font-weight:750}
#content .crs-modern-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:30px;align-items:start;padding-top:26px;padding-bottom:62px}
#content .crs-modern-aside,#content .crs-modern-form-wrap{min-width:0}
#content .crs-modern-intro{padding:8px 0 19px}
#content .crs-modern-intro h2{font-size:clamp(25px,3vw,31px);margin-bottom:9px}
#content .crs-modern-intro>p:last-child{color:#5b6877;margin:0}
#content .crs-modern-detail-grid{display:grid;gap:12px}
#content .crs-modern-detail{display:flex;align-items:flex-start;gap:17px;padding:20px;background:#fff;border:1px solid #e1e8ed;border-radius:9px;box-shadow:0 4px 14px #15294208;min-width:0;color:#273747!important}
#content a.crs-modern-detail:hover{border-color:#b5c8da}
#content .crs-modern-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#e8f1fa;display:flex;align-items:center;justify-content:center;color:#215a9b;font-size:24px;font-weight:500}
#content .crs-modern-detail>span:last-child{min-width:0;display:flex;flex-direction:column}
#content .crs-modern-detail small{font-size:10px;letter-spacing:.16em;font-weight:800;color:#215a9b;margin:0 0 4px}
#content .crs-modern-detail strong{font-size:17px;line-height:1.35;color:#182a40;overflow-wrap:anywhere;margin:0 0 4px}
#content .crs-modern-detail em{font-style:normal;font-size:13px;line-height:1.45;color:#697584}
#content .crs-modern-detail a{font-size:13px;color:#215a9b!important;font-weight:700;margin-top:7px}
#content .crs-modern-work-panel{padding:22px 23px;margin-top:12px;background:linear-gradient(115deg,#ecf3fa,#f7f9fc);border:1px solid #dfe5eb;border-radius:9px}
#content .crs-modern-work-panel>p:not(.crs-modern-eyebrow){color:#3c4d5d;margin:0 0 12px}
#content .crs-modern-work-panel a{font-size:14px;font-weight:750;color:#215a9b!important}
#content .crs-modern-form-wrap{padding:32px 34px;background:#fff;border:1px solid #e2e7ec;border-radius:11px;box-shadow:0 10px 35px #1a2c3d0a;scroll-margin-top:95px}
#content .crs-modern-form-wrap h2{font-size:clamp(25px,2.8vw,34px);margin-bottom:10px}
#content .crs-modern-form-intro{margin:0 0 24px;color:#667485}
#content .crs-modern-form{max-width:none;display:block!important;width:100%}
#content .crs-modern-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
#content .crs-modern-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:700;color:#263747}
#content .crs-modern-fields .crs-modern-full{grid-column:1/-1}
#content .crs-modern-optional{color:#7e8793;font-weight:400}
#content .crs-modern-fields input,#content .crs-modern-fields select,#content .crs-modern-fields textarea{display:block;max-width:100%;width:100%;min-height:47px;border:1px solid #cfd8e1;border-radius:4px;margin:0;background:#fafbfd;color:#1c2b3d;padding:12px 13px;box-shadow:none;appearance:auto}
#content .crs-modern-fields input,#content .crs-modern-fields select,#content .crs-modern-fields textarea{font-family:Arial,sans-serif;font-size:14px;line-height:1.4}
#content .crs-modern-fields input::placeholder,#content .crs-modern-fields textarea::placeholder{color:#87939f}
#content .crs-modern-fields textarea{min-height:125px;height:125px;resize:vertical}
#content .crs-modern-fields input:focus-visible,#content .crs-modern-fields select:focus-visible,#content .crs-modern-fields textarea:focus-visible,#content .crs-modern-submit:focus-visible{outline:3px solid #67a9e7;outline-offset:2px}
#content .crs-modern-security{margin:20px 0 16px;min-height:68px}
#content .crs-modern-security .crs-turnstile{overflow:visible}
#content .crs-modern-security>p{font-size:11px;color:#788696;margin:6px 0 0}
#content .crs-modern-submit{width:100%;border:0;border-radius:5px;background:#225a9c;color:#fff!important;min-height:49px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:800;cursor:pointer}
#content .crs-modern-submit:disabled{opacity:.58;cursor:wait}
#content .crs-form-result{margin:12px 0 0;min-height:20px;color:#215a9b;font-size:13px}
#content .crs-form-result[role="alert"]{color:#9c2435}
#content .crs-modern-privacy{color:#778492;font-size:11px;line-height:1.5;margin:17px 0 0}
#content .crs-modern-privacy a{color:#215a9b!important;text-decoration:underline}
#content .crs-contact-form .crs-website{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:870px){#content .crs-modern-body{grid-template-columns:1fr;gap:26px}#content .crs-modern-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#content .crs-modern-form-wrap{padding:30px}}
@media(max-width:650px){#content .crs-modern-shell{padding-left:17px;padding-right:17px}#content .crs-modern-hero{background-image:linear-gradient(90deg,#eef3f9 0%,rgba(238,243,249,.92) 75%,rgba(238,243,249,.8) 100%),url("/_assets/crsrendering.co.uk/wp-content/uploads/2017/07/slider-1.jpg")}#content .crs-modern-hero-inner{min-height:155px;padding-top:22px;padding-bottom:22px}#content .crs-modern-hero h1{font-size:30px;margin-bottom:8px}#content .crs-modern-body{padding-top:12px;padding-bottom:42px}#content .crs-modern-detail-grid{grid-template-columns:1fr}#content .crs-modern-form-wrap{padding:25px 19px}#content .crs-modern-fields{grid-template-columns:1fr;gap:16px}#content .crs-modern-fields .crs-modern-full{grid-column:1}#content .crs-modern-hero-actions{gap:15px}#content .crs-modern-detail{padding:17px}}
@media(prefers-reduced-motion:reduce){#content .crs-modern-contact *{transition:none!important;animation:none!important}}

/* 25 Oct client feedback: direct-to-form layout; no extra enquiry-link navigation. */
@media(max-width:650px){
  #content .crs-modern-hero .crs-modern-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:8px}
  #content .crs-modern-hero-copy>p:not(.crs-modern-eyebrow){font-size:14px;line-height:1.45}
  #content .crs-modern-form-wrap{padding:22px 18px}
  #content .crs-modern-form-wrap h2{font-size:25px}
  #content .crs-modern-form-intro{font-size:14px;margin-bottom:16px}
  #content .crs-modern-body{gap:28px}
  #content .crs-modern-contact .crs-form-result{scroll-margin-top:22px}
}


/* OpenStreetMap map: lazy iframe under the form, no clickwall or API key. */
#content .crs-office-map-section{padding-bottom:45px}
#content .crs-office-map-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px}
#content .crs-office-map-heading h2{font-size:clamp(23px,2.6vw,31px);margin-bottom:6px}
#content .crs-office-map-heading p:last-child{font-size:14px;color:#596c7f;margin:0}
#content .crs-office-map-shell{border:1px solid #d7e1ea;background:#e9f1f6;border-radius:11px;overflow:hidden;position:relative;box-shadow:0 6px 25px #1a2c3d0d}
#content .crs-office-map-osm iframe{display:block;border:0;width:100%;height:340px;max-width:100%;background:#e8eef1}
#content .crs-office-map-attribution{background:#fff;font-size:11px;color:#526577;padding:7px 12px;border-top:1px solid #dce4eb;line-height:1.4}
#content .crs-office-map-attribution a{color:#215a9b!important;text-decoration:underline}
#content .crs-office-map-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px}
#content .crs-office-map-directions{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:750;color:#215a9b!important;text-decoration:underline!important;text-underline-offset:3px}
#content .crs-office-map-directions:focus-visible{outline:3px solid #67a9e7;outline-offset:2px}
#content .crs-office-map-privacy{font-size:11px;line-height:1.45;color:#697b8b;margin:13px 0 0}
@media(max-width:650px){
 #content .crs-office-map-section{padding-bottom:28px}
 #content .crs-office-map-heading{display:block;margin-bottom:11px}
 #content .crs-office-map-osm iframe{height:285px}
 #content .crs-office-map-actions{gap:10px 20px;margin-top:10px}
 #content .crs-office-map-attribution{font-size:10px}
}


/* 26 Oct design harmonisation: match the original CRS Route-theme page language.
   Monochrome title strip, restrained magenta CTA, flatter contact panels.
   Scoped entirely to CRS protected Contact / Request a Quote content. */
#content .crs-modern-contact{
  background:#fff;
  color:#404040;
  font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;
  font-size:15px;
}
#content .crs-modern-hero{
  background:#f1f1f1!important;
  background-image:none!important;
  border-top:1px solid #ececec;
  border-bottom:1px solid #e3e3e3;
}
#content .crs-modern-hero-inner{
  min-height:0!important;
  padding-top:30px;
  padding-bottom:28px;
}
#content .crs-modern-hero-copy{max-width:950px}
#content .crs-modern-hero .crs-modern-eyebrow{display:none}
#content .crs-modern-hero h1{
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(29px,3vw,43px);
  font-weight:300;
  line-height:1.18;
  letter-spacing:.014em;
  text-transform:uppercase;
  margin:0 0 5px;
  color:#414141;
}
#content .crs-modern-hero-copy>p:not(.crs-modern-eyebrow){
  color:#686868;
  font:400 14px/1.55 Montserrat,Arial,sans-serif;
  margin:0;
}
#content .crs-modern-body{
  max-width:1160px;
  gap:36px;
  padding-top:30px;
  padding-bottom:34px;
}
#content .crs-modern-form-wrap{
  border:1px solid #e6e6e6;
  border-radius:3px;
  box-shadow:none;
  background:#fff;
  padding:29px;
}
#content .crs-modern-contact h2{
  color:#414141;
  font-family:Montserrat,Arial,sans-serif;
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.2;
}
#content .crs-modern-eyebrow{
  color:#a6377d;
  letter-spacing:.12em;
  font-weight:700;
}
#content .crs-modern-form-intro,
#content .crs-modern-intro>p:last-child{color:#666}
#content .crs-modern-fields label{color:#444;font-weight:600}
#content .crs-modern-fields input,
#content .crs-modern-fields textarea,
#content .crs-modern-fields select{
  border-radius:2px;
  border-color:#d8d8d8;
  background:#fff;
}
#content .crs-modern-submit{
  border-radius:2px;
  background:#ad367e;
  font-weight:700;
  font-family:Montserrat,Arial,sans-serif;
}
#content .crs-modern-submit:hover:not(:disabled){background:#86285f!important}
#content .crs-modern-detail{
  border:1px solid #ececec;
  box-shadow:none;
  border-radius:3px;
  padding:16px;
}
#content .crs-modern-detail small,
#content .crs-modern-detail a,
#content .crs-modern-work-panel a,
#content .crs-office-map-directions,
#content .crs-office-map-attribution a{color:#a6377d!important}
#content .crs-modern-icon{
  background:#f7ebf2;
  color:#a6377d;
}
#content .crs-modern-work-panel{
  background:#f8f8f8;
  border:1px solid #ededed;
  border-radius:3px;
}
#content .crs-office-map-section{
  max-width:1160px;
  padding-top:15px;
  border-top:1px solid #ececec;
}
#content .crs-office-map-shell{border-radius:3px;box-shadow:none}
@media(max-width:870px){
  #content .crs-modern-body{gap:22px}
}
@media(max-width:650px){
  #content .crs-modern-hero-inner{min-height:0!important;padding:18px 0!important}
  #content .crs-modern-hero h1{font-size:31px;margin-bottom:5px}
  #content .crs-modern-hero-copy>p:not(.crs-modern-eyebrow){font-size:13px}
  #content .crs-modern-body{padding-top:14px;padding-bottom:25px}
  #content .crs-modern-form-wrap{padding:19px 16px}
  #content .crs-office-map-section{padding-top:15px}
}


/* Google Maps restored on test pages: reuse CRS's own quiet footer style. */
#content .crs-office-map-google iframe{display:block;border:0;width:100%;height:340px;max-width:100%;background:#e8eef1}
#content .crs-office-map-section .crs-office-map-privacy a{color:#a6377d!important;text-decoration:underline}
#content .crs-office-map-google{border:1px solid #d8d8d8;border-radius:3px;box-shadow:none}
@media(max-width:650px){#content .crs-office-map-google iframe{height:295px}}


/* Pin accuracy disclosure: keep visible with the Google map, not hidden in tiny footer legal. */
#content .crs-office-map-pin-note{margin:12px 0 4px;color:#555;font-size:12px;line-height:1.5}