.header-inner{gap:30px;min-height:150px}
.project-grid{grid-template-columns:repeat(3,1fr)}
.project-card img{height:290px}
.album-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}
.album-navigation button{background:#b51c2b;color:#fff;border:0;padding:10px 16px}
#album-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:12px 0}
#album-thumbnails button{flex:0 0 95px;background:none;border:2px solid transparent;padding:2px}
#album-thumbnails button[aria-pressed=true]{border-color:#b51c2b}
#album-thumbnails img{width:90px;height:65px;object-fit:cover}
#photo-dialog{width:min(1000px,94vw)}
#photo-dialog>#dialog-image{height:55vh;width:100%;object-fit:contain}
@media(max-width:760px){.project-grid{grid-template-columns:repeat(2,1fr)}.album-navigation{font-size:12px}.album-navigation button{padding:8px}}
@media(max-width:430px){.project-grid{grid-template-columns:1fr}}
.services-intro{position:relative;margin-bottom:40px}
.services-accreditation{background:#17191c;color:#fff;border-top:4px solid #b51c2b;padding:24px}
.services-accreditation>p{font-size:22px;font-weight:700;margin:0 0 20px}
.services-accreditation .accreditation-logos{display:flex;flex-direction:column;gap:20px;align-items:center}
.services-accreditation .membership-logo{grid-column:1 / -1}
.services{position:relative}
.services-intro{position:static}
.services-accreditation{position:absolute;right:auto;left:max(20px,calc((100vw - 1256px)/4 - 125px));top:285px;transform:none;width:250px}
.services-accreditation{padding:18px;height:462px}
.services-accreditation>p{margin-bottom:14px;font-size:21px}
.services-accreditation .accreditation-logos{gap:12px}
.services-accreditation .chas-logo{width:90px}
.services-accreditation .safety-provider{margin-top:12px;padding:12px}
@media(max-width:1840px){.services-accreditation{height:auto}}
@media(max-width:1840px){.services-accreditation{position:static;transform:none;width:100%;margin-bottom:32px}.services-intro{display:flex;flex-direction:column}.services-intro .section-heading{order:2}.services-accreditation{order:1}.services-accreditation .accreditation-logos{flex-direction:row;justify-content:space-between}.services-accreditation .membership-logo{width:190px}.services-accreditation .safety-provider{max-width:220px}}
@media(max-width:760px){.services-accreditation .accreditation-logos{flex-wrap:wrap;justify-content:center}}
.hero-accreditation{position:absolute;z-index:2;right:max(32px,calc((100vw - 1256px)/2));top:95px;width:250px;padding:27px;background:#17191cf2;border-top:4px solid #b51c2b;color:#fff}
.hero-accreditation{right:auto;left:max(32px,calc((100vw - 1256px)/2))}
.hero-content{padding-left:0!important}
.hero-company-logo{position:absolute;z-index:2;left:max(42px,calc((100vw - 1256px)/2 - 880px));top:50%;transform:translateY(-50%);width:560px;height:560px;object-fit:contain}
.hero-shade{background:linear-gradient(270deg,rgba(12,16,21,.90),rgba(12,16,21,.62) 48%,rgba(12,16,21,.08) 82%)}
@media(max-width:2200px) and (min-width:1651px){
  .hero-company-logo{width:420px;height:420px;left:24px}
  .hero-content{padding-left:540px!important;padding-right:32px!important}
  .hero h1.large-company-name{font-size:clamp(58px,5vw,82px)}
}
@media(max-width:1650px) and (min-width:1051px){
  .hero-company-logo{width:320px;height:320px;left:28px}
  .hero-content{padding-left:380px!important;padding-right:32px!important}
  .hero h1.large-company-name{font-size:clamp(52px,6vw,86px)}
}
@media(max-width:1050px){
  .hero-company-logo{display:block;width:220px;height:220px;left:22px;top:48%}
  .hero-content{padding-left:270px!important;padding-right:24px!important}
  .hero h1.large-company-name{font-size:clamp(40px,7vw,62px)}
  .hero-shade{background:linear-gradient(270deg,rgba(12,16,21,.92),rgba(12,16,21,.66) 55%,rgba(12,16,21,.16))}
}
@media(max-width:760px){
  .hero-company-logo{display:block;width:132px;height:132px;left:10px;top:34%;transform:translateY(-50%)}
  .hero-content{padding:54px 16px 96px 154px!important}
  .hero h1.large-company-name{font-size:clamp(28px,8vw,40px);line-height:1}
  .hero .project-tagline{font-size:15px;line-height:1.35}
  .hero-copy{font-size:14px;line-height:1.5}
  .hero-actions{gap:12px;margin-top:22px}
  .hero-actions .button{padding:12px 14px;font-size:12px}
  .hero-actions .text-link{font-size:12px}
}
@media(max-width:430px){
  .hero-company-logo{width:104px;height:104px;left:8px;top:31%}
  .hero-content{padding-left:124px!important;padding-right:12px!important}
  .hero h1.large-company-name{font-size:clamp(25px,8vw,34px)}
}

/* Keep the hero logo and wording in one responsive unit at every width and zoom. */
.hero-lockup{position:relative;z-index:2;width:100%;margin:0;padding:88px clamp(24px,4vw,96px) 115px;display:grid;grid-template-columns:clamp(260px,24vw,560px) minmax(0,1fr);gap:clamp(30px,4vw,100px);align-items:center}
.hero-lockup .hero-company-logo{position:static;display:block;width:100%;height:auto;transform:none;object-fit:contain;filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,255,255,.55)) drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.hero-lockup .hero-content{position:static;width:auto;max-width:1050px;margin:0;padding:0!important}
.large-company-name .hero-name-global,.large-company-name .hero-name-scaffolding{display:block;color:#fff;background:linear-gradient(180deg,#fff 0%,#fff 32%,#f7b2b2 48%,#ef2d2d 68%,#c71920 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 6px rgba(0,0,0,.9))}
@media(max-width:1050px){
  .hero-lockup{padding:66px 24px 104px;grid-template-columns:clamp(190px,28vw,270px) minmax(0,1fr);gap:clamp(22px,4vw,44px)}
  .hero-lockup .hero-content{padding:0!important}
}
@media(max-width:760px){
  .hero-lockup{padding:54px 16px 96px;grid-template-columns:clamp(96px,28vw,150px) minmax(0,1fr);gap:14px;align-items:start}
  .hero-lockup .hero-company-logo{width:100%;height:auto}
  .hero-lockup .hero-content{padding:0!important}
}
@media(max-width:430px){
  .hero-lockup{grid-template-columns:120px minmax(0,1fr);gap:8px;padding-left:8px;padding-right:8px}
}
@media(max-width:360px){
  .hero-lockup{grid-template-columns:90px minmax(0,1fr);gap:8px;padding-left:6px;padding-right:6px}
  .hero-lockup .hero h1.large-company-name,.hero-lockup h1.large-company-name{font-size:22px;letter-spacing:-.035em}
  .hero-lockup .project-tagline{font-size:13px}
  .hero-lockup .hero-copy{font-size:12px}
  .hero-lockup .hero-actions{display:block}
  .hero-lockup .hero-actions .button,.hero-lockup .hero-actions .text-link{display:block;width:100%;margin-bottom:10px;text-align:center}
}
@media(max-width:1000px){.hero-accreditation{left:24px!important;right:auto!important}}
@media(max-width:760px){.hero-accreditation{left:auto!important;float:left!important}}
.hero-accreditation>p{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0 0 22px;text-transform:none}
.accreditation-logos{display:flex;flex-direction:column;align-items:center;gap:20px}
.accreditation-logos img{object-fit:contain;max-width:100%;height:auto}
.accreditation-logos .chas-logo{width:106px}
.accreditation-logos .ssip-logo{width:94px;max-height:65px}
.membership-logo{background:#fff;padding:12px 14px;text-align:center;width:100%}
.membership-logo img{width:174px;max-height:36px}
.membership-logo small{display:block;font-size:11px;color:#535b65;margin-top:7px}
.safety-provider{margin-top:21px;padding:15px 12px;background:#fff;text-align:center}
.safety-provider span{display:block;font-size:11px;color:#535b65;margin-bottom:9px}
.safety-provider img{width:145px;height:auto;margin:auto}
.hero-accreditation h2{font-size:50px;line-height:1;letter-spacing:-.02em;margin:0 0 22px}
.hero-accreditation h2 span{display:block;font-size:18px;letter-spacing:.2em;margin-top:9px}
.ssip-label{border-top:1px solid #ffffff40;padding-top:17px;font-size:19px;font-weight:700}
.accreditation-role{display:block;font-size:12px;color:#d1d5da;margin-top:8px}
@media(max-width:1000px){.hero-accreditation{width:210px;right:24px;padding:22px}.hero-accreditation h2{font-size:42px}}
@media(max-width:760px){.hero-accreditation{position:relative;float:right;top:auto;right:auto;width:190px;margin:28px 24px 28px;padding:20px}.hero-content{clear:both}.hero-accreditation h2{font-size:40px}.hero-accreditation>p{font-size:12px;margin-bottom:15px}}
.accreditation-bar{display:flex;align-items:center;gap:64px;padding:32px max(32px,calc((100vw - 1256px)/2));background:#fff;border-bottom:1px solid #dce0e3}
.accreditation-bar .eyebrow{color:#b51c2b;margin:0 0 8px;font-size:12px}
.accreditation-bar h2{font-size:32px;white-space:nowrap}
.accreditation-detail{border-left:3px solid #b51c2b;padding-left:28px}
.accreditation-detail strong{font-size:19px}
.accreditation-detail p{color:#5b6169;font-size:14px;margin:6px 0 0}
@media(max-width:760px){.accreditation-bar{display:block;padding:28px 24px}.accreditation-detail{margin-top:22px;padding-left:18px}}
.hero h1.large-company-name{font-size:clamp(52px,7vw,112px);max-width:100%;line-height:.98;letter-spacing:-.045em;margin-bottom:24px}
.project-tagline{font-size:24px;font-weight:700;margin:0 0 16px}
@media(max-width:760px){.hero h1.large-company-name{font-size:clamp(35px,9vw,64px);letter-spacing:-.04em}.project-tagline{font-size:18px}.hero-content{padding-top:65px!important}}
.header-inner .brand{order:4;margin-left:auto;flex-shrink:0}
.header-inner .brand img{width:170px;height:122px;object-fit:contain}
.header-inner nav{order:1;margin-left:0}
.header-inner .header-phone{order:2;margin-left:auto}
.header-inner>.button{order:3}
.header-inner .header-phone{display:none}
.top-contact{display:flex;justify-content:space-between;gap:28px;max-width:1320px;margin:auto;padding:16px 32px 22px;border-top:1px solid #dce0e3;background:#fff}
.top-contact>div{display:flex;flex-wrap:wrap;column-gap:18px;align-content:start}
.top-contact span{display:block;width:100%;color:#5b6169;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.top-contact a{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.top-contact a:hover{color:#b51c2b}
.top-contact{display:grid;grid-template-columns:1fr 1.25fr 1.6fr 1.25fr;gap:0;max-width:none;padding:0 max(32px,calc((100vw - 1256px)/2));border-top:0;background:#17191c;color:#fff}
.top-contact>div{display:block;padding:22px 24px;border-right:1px solid #ffffff26;min-width:0}
.top-contact>div:first-child{background:#b51c2b;border-right:0}
.top-contact>div:last-child{border-right:0}
.top-contact span{color:#ccd1d7;font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:8px}
.top-contact>div:first-child span{color:#ffe1e4}
.top-contact a{display:block;color:#fff;font-size:18px;line-height:1.5;font-weight:700}
.top-contact>div:first-child a{font-size:23px;white-space:nowrap}
.top-contact a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1050px){.top-contact{grid-template-columns:1fr 1fr;padding:0 32px}.top-contact>div{border-bottom:1px solid #ffffff26}}
@media(max-width:760px){.top-contact{padding:0;grid-template-columns:1fr 1fr}.top-contact>div{padding:18px 20px}.top-contact a{font-size:14px}.top-contact>div:first-child a{font-size:18px}.top-contact span{font-size:12px}}
.hero-brand{position:absolute;z-index:1;right:max(48px,calc((100vw - 1256px)/2));top:95px;background:#fff;padding:28px 38px 22px;box-shadow:0 15px 45px #0003;width:280px;text-align:center;border-bottom:5px solid #b51c2b}
.hero-brand img{width:204px;height:194px;object-fit:contain;margin:auto}
.hero-brand span{display:block;color:#5b6169;font-size:12px;font-weight:700;letter-spacing:.14em;margin-top:12px}
@media(max-width:1050px){.hero-brand{width:220px;right:32px;padding:22px}.hero-brand img{width:176px;height:167px}}
@media(max-width:760px){.hero-brand{position:relative;top:auto;right:auto;width:170px;margin:28px 24px 0 auto;padding:14px}.hero-brand img{width:140px;height:120px}.hero-brand span{font-size:12px;margin-top:4px}.hero-content{padding-top:30px}}
@media(max-width:900px){.top-contact{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:760px){.top-contact{padding:16px 24px 22px}.top-contact a{font-size:14px}.top-contact>div{display:block}}
@media(max-width:1050px){.header-inner .brand img{width:150px;height:108px}}
@media(max-width:760px){.header-inner{gap:16px;min-height:120px}.header-inner nav{gap:14px;flex-wrap:wrap;flex:1}.header-inner .brand img{width:110px;height:88px}.header-inner .brand{margin-left:0}}

/* Final narrow-layout safeguards: these must remain after legacy mobile rules. */
@media(max-width:760px){
  .hero .hero-lockup .hero-content{padding:0!important}
}
@media(max-width:360px){
  .hero .hero-lockup h1.large-company-name{font-size:22px!important;line-height:1!important;letter-spacing:-.035em}
  .hero .hero-lockup .project-tagline{font-size:13px!important;line-height:1.3}
  .hero .hero-lockup .hero-copy{font-size:12px!important;line-height:1.45}
}