/* Styles specific to diesel-centre.html. */

.diesel-hero {
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
}

.diesel-hero-inner {
  max-width:1280px;
  margin:0 auto;
  padding:40px 24px 0;
  display:flex;
  flex-wrap:wrap;
  gap:48px;
  align-items:stretch;
}

.diesel-hero-copy {
  flex:1 1 460px;
  min-width:0;
  padding-bottom:72px;
}

.diesel-logo {
  height:72px;
  width:auto;
  display:block;
  margin:28px 0 0 -10px;
}

.diesel-eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:8px;
  font-size:14px;
  font-weight:700;
  letter-spacing:1px;
}

.diesel-eyebrow-mark {
  width:40px;
  height:6px;
  background:var(--blue);
  transform:skewX(-9deg);
  display:inline-block;
}

.diesel-description {
  margin:22px 0 0;
  font-size:18px;
  line-height:1.6;
  max-width:540px;
  color:var(--line);
}

.diesel-actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.diesel-hero-media {
  flex:1 1 480px;
  min-width:0;
  position:relative;
  min-height:440px;
}

.diesel-photo-frame {
  position:absolute;
  inset:0 -80px 0 40px;
  transform:skewX(-9deg);
  border-top-left-radius:56px;
  overflow:hidden;
}

.diesel-photo-content {
  transform:skewX(9deg) scale(1.2);
  height:100%;
}

.diesel-photo {
  border-radius:0;
  height:100%;
  min-height:440px;
}

.diesel-stats {
  background:var(--blue);
}

.diesel-stats-inner {
  max-width:1280px;
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.border-right-none {
  border-right:0;
}

.diesel-booking-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
  align-items:end;
}

.diesel-booking-title {
  font-weight:200;
  font-size:30px;
  color:var(--blue);
}

.diesel-booking-description {
  margin:6px 0 0;
  font-size:14px;
  color:var(--mute);
}

.diesel-services-grid {
  flex:999 1 560px;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}

.diesel-workshop-photo {
  height:300px;
  border-radius:0 40px 0 0;
}

.diesel-process-copy {
  flex:1 1 320px;
  min-width:0;
}

.text-link {
  display:inline-block;
  margin-top:24px;
  font-weight:700;
}