/* DrAir / HST 2026-10-28. Scoped styling for #master only. */
#master .master-card-v2{
  --master-card-bg:#15171C;
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:44% minmax(0,1fr);
  align-items:stretch;
  width:100%;min-width:0;min-height:344px;
  padding:0!important;
  overflow:hidden;
  border:1px solid #30343c;
  border-radius:12px;
  background:var(--master-card-bg);
  box-shadow:0 18px 38px rgba(0,0,0,.17);
}
#master .master-card-v2 .master-visual{
  position:absolute;top:0;bottom:0;left:0;width:45%;z-index:0;
  margin:0;padding:0;overflow:hidden;
  pointer-events:none;
}
#master .master-card-v2 .master-visual img{
  display:block;
  width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center 19%;
  border:0;border-radius:0;
  filter:none;
}
#master .master-card-v2 .master-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,
    rgba(21,23,28,0) 0%,
    rgba(21,23,28,0) 70%,
    #15171c 100%);
}
#master .master-card-v2 .master-info{
  position:relative;z-index:1;grid-column:2;min-width:0;
  box-sizing:border-box;
  padding:20px 18px 17px 2px!important;
  display:flex;flex-direction:column;align-items:stretch;
  color:#f5f6f8;
  font-family:"Manrope","Segoe UI",Arial,sans-serif;
  font-style:normal;
}
#master .master-card-v2 .master-kicker{
  margin:0 0 7px;
  font-size:10px;letter-spacing:.065em;
  text-transform:uppercase;font-weight:650;
  color:#f23a50;line-height:1.4;
}
#master .master-card-v2 .master-kicker span{
  color:#707783;margin:0 5px;font-weight:400;
}
#master .master-card-v2 h3{
  margin:0 0 9px;
  font-family:"Manrope","Segoe UI",Arial,sans-serif;
  font-size:clamp(20px,1.45vw,25px);
  line-height:1.13;letter-spacing:-.035em;
  font-weight:700;color:#fff;
}
#master .master-card-v2 .master-desc{
  margin:0 0 11px;max-width:34ch;
  color:#b8bec9;font-size:12px;
  line-height:1.45;font-weight:400;
}
#master .master-card-v2 .master-experience{
  display:flex;align-items:center;gap:11px;
  border-top:1px solid #343942;
  border-bottom:1px solid #343942;
  padding:9px 0;margin:1px 0 12px;
}
#master .master-card-v2 .master-experience strong{
  color:#fff;font-size:23px;font-weight:700;
  line-height:1.05;white-space:nowrap;letter-spacing:-.02em;
}
#master .master-card-v2 .master-experience span{
  font-size:11px;line-height:1.3;color:#aeb5c0;font-weight:400;
}
#master .master-card-v2 .master-facts{
  display:grid;grid-template-columns:1fr;
  gap:9px;list-style:none;
  padding:0;margin:0;
}
#master .master-card-v2 .master-facts li{
  display:grid;grid-template-columns:17px minmax(0,1fr);
  align-items:start;gap:9px;
  margin:0;padding:0;
  color:#d7dbe2;font-size:11.5px;line-height:1.38;
}
#master .master-card-v2 .master-facts svg{
  display:block;width:17px;height:17px;
  flex:none;color:#ff1738;stroke-width:2;
  margin:0;
}
#master .master-card-v2 .master-facts strong{
  color:#f4f5f7;font-weight:650;
}
#master .master-card-v2 .master-value{
  margin:auto 0 0;padding:11px 0 0;
  font-size:10.5px;line-height:1.4;
  color:#9ca4b0;
}
/* Existing .story-grid switches to one column on tablets. */
@media(max-width:1220px) and (min-width:701px){
  #master .master-card-v2{min-height:318px;grid-template-columns:42% 1fr}
  #master .master-card-v2 .master-info{padding:23px 28px 21px 4px!important}
  #master .master-card-v2 h3{font-size:clamp(23px,2.7vw,29px)}
  #master .master-card-v2 .master-desc{font-size:13px}
  #master .master-card-v2 .master-facts li{font-size:12px}
  #master .master-card-v2 .master-visual::after{
    background:linear-gradient(90deg,transparent 0%,transparent 70%,#15171c 100%);
  }
}
/* On small screens the photo is above the text, not crushed into a narrow crop. */
@media(max-width:700px){
  #master .master-card-v2{
    display:flex;flex-direction:column;
    min-height:0;
  }
  #master .master-card-v2 .master-visual{
    position:relative;top:auto;bottom:auto;left:auto;
    width:100%;height:clamp(245px,73vw,320px);
    flex:none;
  }
  #master .master-card-v2 .master-visual img{
    object-position:center 26%;
  }
  #master .master-card-v2 .master-visual::after{
    background:linear-gradient(180deg,
      rgba(21,23,28,0) 0%,rgba(21,23,28,.02) 61%,#15171c 100%);
  }
  #master .master-card-v2 .master-info{
    width:100%;padding:8px 21px 23px!important;
  }
  #master .master-card-v2 h3{font-size:clamp(22px,6vw,29px)}
  #master .master-card-v2 .master-desc{font-size:13px;max-width:none}
  #master .master-card-v2 .master-experience{margin:4px 0 16px}
  #master .master-card-v2 .master-facts{gap:12px}
  #master .master-card-v2 .master-facts li{font-size:12.5px}
  #master .master-card-v2 .master-value{margin-top:18px}
}
@media(max-width:380px){
  #master .master-card-v2 .master-info{padding:7px 16px 20px!important}
}