/* =========================================================
   HEATLIFT — GLOBAL CARD COMPONENTS 2026 — V6
   Shared card families extracted from validated page styles.
   ========================================================= */

/* ---------------------------------------------------------
   HUB CARDS
   Used by Solutions and Services landing pages.
   --------------------------------------------------------- */
.hl26-solution-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hl26-line);
  border-radius:var(--hl26-radius-lg);
  background:var(--hl26-white);
  text-decoration:none!important;
  box-shadow:0 0 0 rgba(31,31,28,0);
  transition:transform var(--hl26-transition),box-shadow var(--hl26-transition),border-color var(--hl26-transition);
}
.hl26-solution-card:hover{transform:translateY(-6px);box-shadow:var(--hl26-shadow)}
.hl26-solution-card--hthp:hover{border-color:rgba(230,84,26,.44)}
.hl26-solution-card--turbo:hover{border-color:rgba(25,95,148,.44)}
.hl26-solution-card__visual{position:relative;overflow:hidden;margin:0;background:var(--hl26-canvas-2)}
.hl26-solution-card--hthp .hl26-solution-card__visual{aspect-ratio:16/8.2}
.hl26-solution-card--turbo .hl26-solution-card__visual{aspect-ratio:16/10.5}
.hl26-solution-card__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(20,20,18,.16) 100%);pointer-events:none}
.hl26-solution-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform 850ms ease}
.hl26-solution-card--hthp .hl26-solution-card__visual img{object-position:center 51%}
.hl26-solution-card--turbo .hl26-solution-card__visual img{object-position:center}
.hl26-solution-card:hover .hl26-solution-card__visual img{transform:scale(1.018)}
.hl26-solution-card__accent{position:absolute;inset:0 auto auto 0;z-index:2;width:clamp(7rem,18%,11rem);height:5px;background:var(--hl26-orange)}
.hl26-solution-card--turbo .hl26-solution-card__accent{background:var(--hl26-blue)}
.hl26-solution-card__body{display:flex;flex:1;flex-direction:column;padding:clamp(1.6rem,3vw,2.5rem)}
.hl26-solution-card h3{margin:0 0 1.15rem;color:var(--hl26-ink)!important;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:700;letter-spacing:-.05em;line-height:1.02;text-wrap:balance}
.hl26-solution-card--turbo h3{font-size:clamp(1.65rem,2.5vw,2.25rem)}
.hl26-solution-card__description{margin:0 0 1.65rem;color:var(--hl26-text);font-size:1rem;line-height:1.72}
.hl26-solution-card__tags{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 2rem;padding:0;list-style:none}
.hl26-solution-card__tags li{padding:.48rem .72rem;border:1px solid var(--hl26-line);border-radius:999px;/*background:var(--hl26-canvas);*/color:var(--hl26-ink-2);font-size:.76rem;font-weight:700;line-height:1.2}
.hl26-solution-card--hthp .hl26-solution-card__tags li:first-child{border-color:rgba(230,84,26,.24);background:var(--hl26-orange-pale);color:var(--hl26-orange-dark)}
.hl26-solution-card--turbo .hl26-solution-card__tags li:first-child{border-color:rgba(25,95,148,.24);background:var(--hl26-blue-soft);color:var(--hl26-blue-dark)}
.hl26-solution-card__link{margin-top:auto;color:var(--hl26-orange-dark)!important}
.hl26-solution-card--turbo .hl26-solution-card__link{color:var(--hl26-blue-dark)!important}
.hl26-solution-card:hover .hl26-solution-card__link .hl26-arrow{transform:translateX(.25rem)}

/* ---------------------------------------------------------
   EDITORIAL CARDS
   Shared foundation for Media destinations and Press releases.
   Page CSS only defines content-specific typography/accent variants.
   --------------------------------------------------------- */
.hl26-editorial-card{
  position:relative;
  display:flex;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hl26-line);
  border-radius:var(--hl26-radius-md);
  text-decoration:none!important;
  transition:transform var(--hl26-transition),border-color var(--hl26-transition),box-shadow var(--hl26-transition);
}
.hl26-editorial-card:hover{transform:translateY(-5px);box-shadow:var(--hl26-shadow)}
.hl26-editorial-card__inner{display:flex;flex-direction:column;width:100%;min-height:100%}
.hl26-editorial-card__visual{position:relative;aspect-ratio:16/10;margin:0;overflow:hidden;background:var(--hl26-canvas-2)}
.hl26-editorial-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 750ms ease}
.hl26-editorial-card:hover .hl26-editorial-card__visual img{transform:scale(1.025)}
.hl26-editorial-card__content{position:relative;display:flex;flex:1;flex-direction:column}
.hl26-editorial-card__content::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--hl26-orange)}


/* ---------------------------------------------------------
   MEDIA-FORMAT EDITORIAL TILES
   Canonical format shared by Media and Press Releases.
   --------------------------------------------------------- */
.hl26-media-card{min-height:31rem;background:var(--hl26-canvas)}
.hl26-media-card:hover{border-color:rgba(230,84,26,.52)}
.hl26-media-card__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(20,21,19,.19));pointer-events:none}
.hl26-media-card__content{padding:clamp(1.45rem,2.2vw,2rem)}
.hl26-media-card__topline{display:flex;align-items:center;gap:.7rem;margin-bottom:1.65rem;color:var(--hl26-muted);font-family:"Manrope",Arial,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.075em;text-transform:uppercase}
.hl26-media-card__index{color:var(--hl26-orange-dark);font-family:"Manrope",Arial,sans-serif;font-variant-numeric:proportional-nums lining-nums;font-feature-settings:"zero" 0}
.hl26-media-card__topline::after{content:"";width:2rem;height:1px;background:var(--hl26-line)}
.hl26-media-card h3{margin:0 0 1rem;color:var(--hl26-ink)!important;font-size:clamp(1.65rem,2.2vw,2.2rem);font-weight:700;letter-spacing:-.05em;line-height:1.02;text-wrap:balance}
.hl26-media-card__description{margin:0 0 1.65rem;color:var(--hl26-text);font-size:.98rem;line-height:1.68}
@media(max-width:680px){
  .hl26-media-card{min-height:0;border-radius:var(--hl26-radius-md)}
  .hl26-media-card__content{padding:1.5rem 1.35rem 1.7rem}
}

@media(max-width:1050px){
  .hl26-solution-card--hthp .hl26-solution-card__visual,
  .hl26-solution-card--turbo .hl26-solution-card__visual{aspect-ratio:16/10}
}
@media(max-width:760px){
  .hl26-solution-card{border-radius:var(--hl26-radius-md)}
  .hl26-solution-card--hthp .hl26-solution-card__visual,
  .hl26-solution-card--turbo .hl26-solution-card__visual{aspect-ratio:16/10}
}
@media(max-width:520px){
  .hl26-solution-card__body{padding:1.45rem}
}