/* =========================================================
   HEATLIFT — MAINTENANCE PAGE
   Adapted from Maintenance Page Concept V2 to the V8 global
   Design System. Shared hero, typography, sections, buttons,
   final CTA, header and footer remain global.
   ========================================================= */

.hl26-js .hl26-reveal{transition-delay:var(--hl26-delay,0ms)}

.hl26-icon{display:grid;place-items:center;flex:0 0 auto}
.hl26-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* HERO — same detail-page shell as Engineering / HTHP / Turbomachinery */
.hl26-maint2-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:
    linear-gradient(104deg,rgba(18,20,18,.82) 0%,rgba(18,20,18,.53) 48%,rgba(18,20,18,.66) 100%),
    url("../../images/services/maintenance/maintenance_hero.webp");
  background-repeat:no-repeat;background-size:cover;background-position:center center;
  transform:scale(1.01);transition:transform 900ms ease;
}
.hl26-maint2-hero:hover::before{transform:scale(1.035)}

/* INTRODUCTION */
.hl26-maint2-intro__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(25rem,1.1fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.hl26-maint2-intro__copy p{margin:0 0 1.15rem;color:var(--hl26-text);font-size:1.02rem;line-height:1.78}
.hl26-maint2-intro__copy p:last-child{margin-bottom:0}
.hl26-maint2-highlights{overflow:hidden;border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-lg);background:linear-gradient(145deg,#fff,#fbf8f4);box-shadow:var(--hl26-shadow)}
.hl26-maint2-highlight{display:grid;grid-template-columns:auto 1fr;gap:1.15rem;align-items:center;padding:1.45rem 1.55rem}
.hl26-maint2-highlight + .hl26-maint2-highlight{border-top:1px solid var(--hl26-line)}
.hl26-maint2-highlight__icon{width:3.4rem;height:3.4rem;padding:.78rem;border-radius:50%;background:var(--hl26-orange-pale);color:var(--hl26-orange)}
.hl26-maint2-highlight:nth-child(3) .hl26-maint2-highlight__icon{background:var(--hl26-blue-soft);color:var(--hl26-blue)}
.hl26-maint2-highlight strong{display:block;color:var(--hl26-ink);font-size:1rem;line-height:1.35}
.hl26-maint2-highlight span{display:block;margin-top:.25rem;color:var(--hl26-muted);font-size:.84rem;line-height:1.45}

/* MAINTENANCE SERVICES */
.hl26-maint2-services__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.hl26-maint2-service{display:grid;grid-template-columns:auto 1fr;gap:1.35rem;align-items:start;min-height:13.5rem;padding:clamp(1.5rem,2.8vw,2.15rem);border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-md);background:var(--hl26-white);transition:transform var(--hl26-transition),box-shadow var(--hl26-transition),border-color var(--hl26-transition)}
.hl26-maint2-service:hover{transform:translateY(-4px);border-color:rgba(230,84,26,.38);box-shadow:var(--hl26-shadow)}
.hl26-maint2-service__icon{width:4.3rem;height:4.3rem;padding:1rem;border-radius:50%;background:var(--hl26-orange-pale);color:var(--hl26-orange)}
.hl26-maint2-service h3{margin:0 0 .65rem;color:var(--hl26-ink)!important;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;letter-spacing:-.035em;line-height:1.12}
.hl26-maint2-service p{margin:0;color:var(--hl26-text);font-size:.94rem;line-height:1.65}

/* REAL MAINTENANCE INTERVENTIONS */
.hl26-maint2-field-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:clamp(1.75rem,3.5vw,2.6rem);height:clamp(20rem,30vw,27rem)}
.hl26-maint2-field-photo{position:relative;margin:0;overflow:hidden;border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-md);background:var(--hl26-canvas-2);box-shadow:0 10px 34px rgba(31,31,28,.06)}
.hl26-maint2-field-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 850ms ease}
.hl26-maint2-field-photo:first-child img{object-position:center 45%}
.hl26-maint2-field-photo:last-child img{object-position:center 48%}
.hl26-maint2-field-photo:hover img{transform:scale(1.018)}

/* TECHNICAL ENVIRONMENTS */
.hl26-maint2-environments__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(28rem,1.18fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.hl26-maint2-environments__intro p{max-width:34rem;margin:1.4rem 0 0;color:var(--hl26-text);font-size:1rem;line-height:1.75}
.hl26-maint2-environment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.hl26-maint2-environment{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;min-height:6.4rem;padding:1.15rem 1.25rem 1.15rem 1.45rem;border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-sm);background:var(--hl26-white);box-shadow:0 8px 28px rgba(31,31,28,.05);transition:transform var(--hl26-transition),border-color var(--hl26-transition)}
.hl26-maint2-environment::before{content:"";position:absolute;left:0;top:.85rem;bottom:.85rem;width:3px;border-radius:999px;background:var(--hl26-blue)}
.hl26-maint2-environment:hover{transform:translateY(-3px);border-color:rgba(25,95,148,.32)}
.hl26-maint2-environment__icon{width:2.9rem;height:2.9rem;padding:.55rem;color:var(--hl26-blue)}
.hl26-maint2-environment strong{color:var(--hl26-ink);font-size:.94rem;line-height:1.35}

/* RESPONSE PROCESS */
.hl26-maint2-response__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;margin-bottom:1.1rem;border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-md);background:var(--hl26-white)}
.hl26-maint2-metric{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;padding:clamp(1.35rem,2.7vw,2rem)}
.hl26-maint2-metric + .hl26-maint2-metric{border-left:1px solid var(--hl26-line)}
.hl26-maint2-metric strong{color:var(--hl26-orange);font-size:clamp(2.5rem,5vw,4.25rem);font-weight:800;letter-spacing:-.07em;line-height:.9;font-variant-numeric:proportional-nums lining-nums;font-feature-settings:"zero" 0}
.hl26-maint2-metric:nth-child(2) strong{color:var(--hl26-blue)}
.hl26-maint2-metric p{max-width:21rem;margin:0;color:var(--hl26-text);font-size:.9rem;line-height:1.55}
.hl26-maint2-route{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-lg);background:var(--hl26-white)}
.hl26-maint2-route + .hl26-maint2-route{margin-top:1.1rem}
.hl26-maint2-route__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.65rem}
.hl26-maint2-route__label{display:inline-flex;align-items:center;gap:.65rem;color:var(--hl26-blue-dark);font-family:"Manrope",Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.hl26-maint2-route--site .hl26-maint2-route__label{color:var(--hl26-orange-dark)}
.hl26-maint2-route__label::before{content:"";width:1.7rem;height:3px;border-radius:999px;background:var(--hl26-blue)}
.hl26-maint2-route--site .hl26-maint2-route__label::before{background:var(--hl26-orange)}
.hl26-maint2-route__note{margin:0;color:var(--hl26-muted);font-size:.8rem;line-height:1.4}
.hl26-maint2-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:stretch}
.hl26-maint2-flow--site{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}
.hl26-maint2-step{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;min-height:6.6rem;padding:1rem;border:1px solid var(--hl26-line);border-radius:var(--hl26-radius-sm);background:linear-gradient(145deg,#fff,#fbf8f4)}
.hl26-maint2-step__icon{width:2.75rem;height:2.75rem;padding:.55rem;border-radius:50%;background:var(--hl26-blue-soft);color:var(--hl26-blue)}
.hl26-maint2-route--site .hl26-maint2-step__icon{background:var(--hl26-orange-pale);color:var(--hl26-orange)}
.hl26-maint2-step--emphasis{border:1px dashed var(--hl26-blue);background:var(--hl26-blue-soft)}
.hl26-maint2-route--site .hl26-maint2-step--emphasis{border-color:var(--hl26-orange);background:var(--hl26-orange-pale)}
.hl26-maint2-step strong{display:block;color:var(--hl26-ink);font-size:.84rem;line-height:1.35}
.hl26-maint2-step span{display:block;margin-top:.25rem;color:var(--hl26-muted);font-size:.72rem;line-height:1.4}
.hl26-maint2-flow__arrow{display:grid;place-items:center;color:var(--hl26-muted);font-size:1.35rem}

@media(max-width:1050px){
  .hl26-maint2-flow,.hl26-maint2-flow--site{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
  .hl26-maint2-flow__arrow{display:none}
  .hl26-maint2-flow--site .hl26-maint2-step:last-child{grid-column:span 2}
}
@media(max-width:950px){
  .hl26-maint2-intro__grid,.hl26-maint2-environments__grid{grid-template-columns:1fr;gap:1.4rem}
  .hl26-maint2-hero::before{background-position:46% center}
}
@media(max-width:760px){
  .hl26-maint2-field-gallery{grid-template-columns:1fr;height:auto}
  .hl26-maint2-field-photo:first-child{aspect-ratio:16/10}
  .hl26-maint2-field-photo:last-child{aspect-ratio:4/5;max-width:30rem}

  .hl26-maint2-services__grid,.hl26-maint2-environment-list,.hl26-maint2-response__metrics{grid-template-columns:1fr}
  .hl26-maint2-metric + .hl26-maint2-metric{border-left:0;border-top:1px solid var(--hl26-line)}
  .hl26-maint2-route__header{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .hl26-maint2-hero::before{background-position:39% center}
  .hl26-maint2-service{grid-template-columns:1fr;min-height:0}
  .hl26-maint2-service__icon{width:3.8rem;height:3.8rem}
  .hl26-maint2-flow,.hl26-maint2-flow--site{grid-template-columns:1fr}
  .hl26-maint2-flow--site .hl26-maint2-step:last-child{grid-column:auto}
  .hl26-maint2-step{min-height:0}
  .hl26-maint2-metric{grid-template-columns:1fr;gap:.65rem}
}