/* Load after refinement.css. The wordmark keeps the company name readable
   when the detailed excavator badge is displayed at navigation size. */
:root { --orange: #f4ac28; }
.hero.is-concept .hero-media img { object-position: 75% 52%; filter: saturate(.9) contrast(1.04); }
.hero.is-concept .hero-shade { background: linear-gradient(90deg,#10171ee8 0%,#10171ec9 27%,#10171e38 65%,#10171e05),linear-gradient(0deg,#10171eef,transparent 44%,#10171e33); }
.hero-image-credit { position:absolute;z-index:2;right:56px;top:147px;font-size:8px;letter-spacing:1.5px;color:#eeeee9;background:#0e161db3;border:1px solid #ffffff30;padding:7px 10px; }
.hero-image-credit[hidden] { display:none; }
.brand.brand--company {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 250px;
  color: #f6f5ef;
}

.metro-brand-logo {
  display: block;
  flex: 0 0 auto;
  width: 62px;
  height: 62px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 2px 5px #0003);
}

.brand--company .metro-brand-wordmark {
  display: block;
  min-width: 0;
  white-space: nowrap;
}

.brand--company .metro-brand-wordmark strong {
  display: block;
  font-family: Barlow, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.7px;
}

.brand--company .metro-brand-wordmark small {
  display: block;
  margin-top: 6px;
  font-family: Barlow, Arial, sans-serif;
  font-size: 7px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1.25px;
  color: #d7dfd0;
}

.site-header .brand--company {
  margin-right: 20px;
}

.site-footer .metro-brand-logo {
  width: 72px;
  height: 72px;
}

/* Optional: use with a complete landscape logo, without the wordmark span. */
.brand--image-only .metro-brand-logo {
  width: auto;
  max-width: 230px;
  height: 62px;
}

@media (max-width: 900px) and (min-width: 761px) {
  .site-header .metro-brand-logo { width: 56px; height: 56px; }
  .site-header .brand--company { gap: 10px; margin-right: 16px; }
  .site-header .metro-brand-wordmark strong { font-size: 27px; }
  .site-header .metro-brand-wordmark small { font-size: 6px; letter-spacing: 1.1px; }
}

@media (max-width: 760px) {
  .hero-image-credit { right:20px;top:120px;font-size:6px;letter-spacing:1px;padding:5px 7px; }
  .hero.is-concept .hero-media img { object-position: 74% 50%; }
  .hero.is-concept .hero-shade { background:linear-gradient(90deg,#10171ecf,#10171e80 80%),linear-gradient(0deg,#10171ef5 5%,#10171e22 78%); }
  .brand.brand--company { gap: 9px; max-width: 220px; }
  .site-header .brand--company { margin-right: 12px; }
  .metro-brand-logo { width: 50px; height: 50px; }
  .brand--company .metro-brand-wordmark strong { font-size: 25px; letter-spacing: 1.3px; }
  .brand--company .metro-brand-wordmark small { font-size: 6px; letter-spacing: 1px; margin-top: 5px; }
  .site-footer .metro-brand-logo { width: 62px; height: 62px; }
  .brand--image-only .metro-brand-logo { height: 50px; max-width: 185px; }
}

@media (max-width: 350px) {
  .site-header .brand--company { gap: 7px; margin-right: 8px; }
  .site-header .metro-brand-logo { width: 46px; height: 46px; }
  .site-header .metro-brand-wordmark strong { font-size: 22px; letter-spacing: 1px; }
  .site-header .metro-brand-wordmark small { font-size: 5px; letter-spacing: .9px; }
  .site-header .brand--image-only .metro-brand-logo { height: 46px; max-width: 155px; }
}

/* Preserve the supplied badge; render the full company name as readable text. */
.brand.brand--company { max-width:380px; gap:13px; }
.metro-brand-logo { border-radius:50%; }
.brand--company .metro-brand-wordmark strong { font-size:25px; line-height:1.13; letter-spacing:-.45px; font-weight:600; }
.brand--company .metro-brand-wordmark small { font-size:20px; line-height:1.2; letter-spacing:.1px; margin-top:3px; color:#f4ac28; }
.site-header .brand--company { margin-right:24px; }
.registration-company { font:600 13px/1.5 Barlow,Arial,sans-serif; letter-spacing:1px; color:#263c23; }
.contact-grid { grid-template-columns:.85fr 1.15fr; gap:64px; align-items:start; }
.contact-copy { position:sticky; top:118px; }
.quote-card { background:#f8faf5; border-top:4px solid var(--orange); padding:38px; }
.quote-heading h3 { font-size:34px; line-height:1.15; letter-spacing:-.7px; }
.form-intro { margin:12px 0 32px; color:#63715b; }
.enquiry-group { padding:0; margin:0 0 28px; border:0; min-width:0; }
.enquiry-group legend { display:flex; align-items:center; gap:10px; width:100%; margin:0 0 18px; padding:0 0 13px; border-bottom:1px solid #d2dcc8; font-size:21px; font-weight:600; color:#24321f; }
.enquiry-group legend span { color:#677758; font-size:11px; letter-spacing:1px; }
.enquiry-group .field { margin-bottom:17px; }
.enquiry-group .field:last-child { margin-bottom:0; }
.enquiry-group .form-row { margin-bottom:0; gap:18px; }
.enquiry-group .form-row .field { margin-bottom:0; }
.enquiry-group label { display:block; line-height:1.45; font-size:14px; font-weight:600; margin-bottom:9px; color:#33432b; }
.enquiry-group input,.enquiry-group select,.enquiry-group textarea { width:100%; border:1px solid #cbd5c1; border-radius:5px; background:#fff; color:#192517; font-size:16px; padding:13px 14px; }
.enquiry-group input,.enquiry-group select { min-height:51px; }
.enquiry-group textarea { min-height:115px; resize:vertical; }
.enquiry-group input:focus,.enquiry-group select:focus,.enquiry-group textarea:focus { outline:2px solid #8a691a; outline-offset:2px; border-color:#8a691a; }
.enquiry-group input::placeholder,.enquiry-group textarea::placeholder { color:#7a8374; opacity:1; }
.enquiry-group .form-row:has(#timing) label { min-height:41px; }
.enquiry-destination { display:flex; align-items:center; gap:13px; padding:18px 0; border-top:1px solid #d2dcc8; border-bottom:1px solid #d2dcc8; margin-top:5px; }
.destination-icon { background:#e6eddd; color:#345024; width:35px; height:35px; display:grid; place-items:center; font-size:21px; flex-shrink:0; border-radius:50%; }
.enquiry-destination div>span { display:block; font-size:12px; line-height:1.5; color:#5c6c52; }
.enquiry-destination a { display:block; font-size:16px; line-height:1.7; font-weight:600; color:#1f3319; overflow-wrap:anywhere; }
.form-note { font-size:12px; line-height:1.65; color:#627059; margin:17px 0 23px; }
.form-note a { text-decoration:underline; text-underline-offset:3px; }
.form-status { font-size:14px; line-height:1.6; margin-top:15px; }
.form-status:empty { display:none; }
.form-status[data-state="error"],.form-status[data-state="activation"] { color:#863719; }
.form-status[data-state="accepted"] { color:#285028; padding:16px; border:1px solid #aac79b; background:#e8f1e0; }
.form-submit:disabled { cursor:default; opacity:.75; }
.form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.email-preview pre { font-size:13px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
@media (min-width:761px) and (max-width:1050px) {
 .brand--company .metro-brand-wordmark strong { font-size:21px; }
 .brand--company .metro-brand-wordmark small { font-size:18px; }
 .site-header nav { gap:17px; }
 .site-header .metro-brand-logo { width:52px; height:52px; }
 .contact-grid { gap:34px; }
 .quote-card { padding:28px; }
 .enquiry-group .form-row { grid-template-columns:1fr; gap:17px; }
 .enquiry-group .form-row:has(#timing) label { min-height:0; }
}
@media (max-width:760px) {
 .brand.brand--company { max-width:290px; gap:10px; }
 .site-header .brand--company { margin-right:12px; }
 .brand--company .metro-brand-wordmark strong { font-size:19px; letter-spacing:-.2px; }
 .brand--company .metro-brand-wordmark small { font-size:17px; letter-spacing:0; margin-top:3px; }
 .site-header .metro-brand-logo { width:48px; height:48px; }
 .site-header .menu-toggle { gap:10px; font-size:11px; }
 .contact-grid { grid-template-columns:1fr; gap:40px; }
 .contact-copy { position:static; }
 .quote-card { padding:28px 23px; }
 .quote-heading h3 { font-size:29px; }
 .enquiry-group .form-row { grid-template-columns:1fr; gap:17px; }
 .enquiry-group .form-row:has(#timing) label { min-height:0; }
 .enquiry-destination a { font-size:15px; }
}
@media (max-width:350px) {
 .site-header .metro-brand-logo { width:40px; height:40px; }
 .brand--company .metro-brand-wordmark strong { font-size:17px; }
 .brand--company .metro-brand-wordmark small { font-size:15px; }
 .quote-card { padding:25px 17px; }
 .quote-heading h3 { font-size:27px; }
}

/* Layout after removal of the registration panel. */
.credential-strip>.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-strip .wrap>div:first-child{border-left:0;padding-left:0}.social-section{background:#d9e3cc;padding:36px 0}.social-section .facebook-feature{border:0;padding:0}@media(max-width:560px){.credential-strip>.wrap{grid-template-columns:1fr}.credential-strip .wrap>a{border-left:0;padding-left:0}}