.maintenance-hero { min-height: 560px; height: min(670px, calc(100svh - 82px)); position: relative; display: flex; align-items: center; overflow: hidden; color: white; background: #356967; }
.maintenance-hero > img, .maintenance-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.maintenance-hero > img { object-fit: cover; object-position: center 55%; }
.maintenance-hero-shade { background: linear-gradient(90deg, rgba(7,34,33,.75), rgba(9,43,42,.34) 62%, rgba(11,35,34,.06)); }
.maintenance-hero-copy { width: min(790px, 80%); position: relative; z-index: 1; margin-left: 10.5%; }
.maintenance-hero h1 { margin: 0; font: 500 clamp(44px, 6vw, 78px)/1.06 var(--display); }
.maintenance-hero h1 em { color: var(--yellow); font-style: normal; font-weight: 400; }
.maintenance-hero-copy > p:not(.eyebrow) { max-width: 510px; margin: 22px 0 28px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.8; }
.maintenance-intro { padding-top: 100px; padding-bottom: 54px; }
.maintenance-intro-copy { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
.maintenance-intro h2, .maintenance-tools h2, .maintenance-contact h2 { font-size: clamp(40px, 4.6vw, 62px); }
.maintenance-intro h2 em, .maintenance-tools h2 em { color: var(--water); font-style: normal; }
.maintenance-intro-copy > p { max-width: 430px; margin: 0 0 5px; color: #62716c; font-size: 13px; line-height: 1.85; }
.maintenance-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 0 10.5%; }
.maintenance-photo { position: relative; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; background: #d9e8df; }
.maintenance-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.9) contrast(1.04); transition: transform .5s ease, filter .5s ease; }
.maintenance-photo:hover img { transform: scale(1.035); }
.maintenance-photo:nth-child(2) img { object-position: center 44%; }
.maintenance-photo:nth-child(3) img { object-position: center 56%; }
.maintenance-photo:nth-child(4) img { object-position: center 55%; }
.maintenance-photo::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(8,30,29,.72)); pointer-events: none; }
.maintenance-photo-caption { position: absolute; z-index: 1; right: 24px; bottom: 22px; left: 24px; color: white; }
.maintenance-photo-caption span { font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.maintenance-photo-caption h3 { margin: 7px 0 0; font: 600 clamp(17px, 2vw, 23px)/1.25 var(--display); }
.maintenance-placeholder-note { margin: 22px 10.5% 0; color: #74827d; font-size: 10px; line-height: 1.7; }
.maintenance-tools { padding-top: 112px; padding-bottom: 120px; }
.maintenance-tools h2 { margin-bottom: 15px; }
.tools-intro { max-width: 480px; margin: 0; color: #62716c; font-size: 13px; line-height: 1.8; }
.tool-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 52px; border-top: 1px solid var(--line); }
.tool-card { position: relative; min-height: 245px; padding: 26px 22px 0 0; }
.tool-card + .tool-card { padding-left: 22px; border-left: 1px solid var(--line); }
.tool-number { position: absolute; top: 31px; right: 16px; color: #87958f; font: 700 10px var(--display); }
.tool-illustration { width: 55px; height: 55px; position: relative; margin-bottom: 24px; border: 1px solid #a9c8bf; border-radius: 50%; }
.tool-illustration::before, .tool-illustration::after, .tool-illustration span { content: ''; position: absolute; display: block; }
.tool-test::before { width: 12px; height: 26px; left: 20px; top: 13px; border: 1px solid var(--water); border-radius: 3px 3px 5px 5px; }
.tool-test::after { width: 10px; height: 5px; left: 21px; top: 10px; border: 1px solid var(--coral); }
.tool-test span { width: 8px; height: 5px; left: 22px; top: 27px; background: #a9c8bf; }
.tool-net::before { width: 20px; height: 20px; left: 10px; top: 9px; border: 1px solid var(--water); border-radius: 50%; }
.tool-net::after { width: 19px; height: 1px; left: 27px; top: 34px; background: var(--coral); transform: rotate(-48deg); transform-origin: left center; }
.tool-net span { width: 18px; height: 1px; left: 12px; top: 19px; background: #a9c8bf; box-shadow: 0 5px #a9c8bf, 0 10px #a9c8bf; }
.tool-brush::before { width: 23px; height: 9px; left: 13px; top: 18px; border: 1px solid var(--water); border-radius: 2px; }
.tool-brush::after { width: 1px; height: 20px; left: 26px; top: 27px; background: var(--coral); transform: rotate(25deg); transform-origin: top; }
.tool-brush span { width: 20px; height: 1px; left: 15px; top: 29px; background: #a9c8bf; }
.tool-filter::before { width: 21px; height: 27px; left: 16px; top: 13px; border: 1px solid var(--water); border-radius: 6px; }
.tool-filter::after { width: 11px; height: 1px; left: 21px; top: 20px; background: var(--coral); box-shadow: 0 6px #a9c8bf, 0 12px #a9c8bf; }
.tool-card h3 { margin: 0 0 9px; font: 700 15px var(--display); }
.tool-card p { max-width: 220px; margin: 0; color: #687872; font-size: 11px; line-height: 1.7; }
.maintenance-contact { display: flex; align-items: center; flex-direction: column; padding: 84px 24px 88px; background: #174743; color: white; text-align: center; }
.maintenance-contact .eyebrow { margin-bottom: 18px; }
.maintenance-contact h2 em { color: var(--yellow); font-style: normal; }
.maintenance-contact > p:not(.eyebrow) { max-width: 390px; margin: 17px 0 25px; color: #c5d5cf; font-size: 13px; line-height: 1.7; }
.maintenance-call { margin-top: 17px; color: #d6e3de; font-size: 12px; font-weight: 600; }
@media (max-width: 900px) {
  .maintenance-hero-copy { margin-left: 8%; }
  .maintenance-gallery { padding-left: 8%; padding-right: 8%; }
  .maintenance-placeholder-note { margin-left: 8%; margin-right: 8%; }
  .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-card:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  .tool-card:nth-child(4) { border-top: 1px solid var(--line); }
}
@media (max-width: 680px) {
  .maintenance-hero { height: 620px; min-height: 540px; max-height: calc(100svh - 70px); }
  .maintenance-hero-copy { width: auto; margin: 0 25px 35px; }
  .maintenance-hero h1 { font-size: clamp(42px, 11vw, 62px); }
  .maintenance-hero-copy > p:not(.eyebrow) { font-size: 13px; }
  .maintenance-intro { padding-top: 76px; padding-bottom: 36px; }
  .maintenance-intro-copy { align-items: flex-start; flex-direction: column; gap: 18px; }
  .maintenance-intro h2, .maintenance-tools h2 { font-size: 43px; }
  .maintenance-gallery { grid-template-columns: 1fr; gap: 18px; padding: 0 25px; }
  .maintenance-photo { aspect-ratio: 4 / 3; }
  .maintenance-placeholder-note { margin: 20px 25px 0; }
  .maintenance-tools { padding-top: 78px; padding-bottom: 84px; }
  .tool-grid { margin-top: 36px; }
  .tool-card, .tool-card + .tool-card { min-height: 225px; padding: 22px 15px 15px 0; }
  .tool-card:nth-child(even) { padding-left: 15px; }
  .tool-card:nth-child(3) { padding-left: 0; }
  .tool-card h3 { max-width: 150px; font-size: 14px; }
  .tool-card p { font-size: 10px; }
  .maintenance-contact { padding: 72px 25px; }
  .maintenance-contact h2 { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  .maintenance-photo img { transition-duration: .01ms; }
}