html,body{margin:0;padding:0;background:#F7F3EE}


/* =========================================================
   HEATLIFT — SHARED DESIGN SYSTEM 2026
   ========================================================= */

.hl26-component h1,.hl26-component h2,.hl26-component h3,.hl26-component h4,.hl26-component p,.hl26-component figure{margin-top:0}












.hl26-btn:hover .hl26-arrow,.hl26-text-link:hover .hl26-arrow,.hl26-media-destination:hover .hl26-arrow{transform:translateX(.25rem)}



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


/* =========================================================
   01 — MEDIA HERO
   ========================================================= */
.hl26-media-hero__image{background-image:linear-gradient(104deg,rgba(18,20,18,.82) 0%,rgba(18,20,18,.42) 48%,rgba(18,20,18,.72) 100%),url("../../images/media/media_hero.webp");background-position:center 68%}

/* =========================================================
   02 — MEDIA DESTINATIONS GRID
   ========================================================= */
.hl26-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,2rem);align-items:stretch}
/* =========================================================
   03 — CONTACT CTA
   ========================================================= */





/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:980px){
  
  .hl26-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  :root{--hl26-section-space:4rem}
  .hl26-media-grid{grid-template-columns:1fr}
  
}
@media(prefers-reduced-motion:reduce){
  .hl26-component *,.hl26-component *::before,.hl26-component *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hl26-js .hl26-reveal{opacity:1;transform:none}
}