
  .shv10 .shv1-hero{min-height:clamp(650px,47vw,880px);background-color:#02070d;background-repeat:no-repeat;background-size:cover;background-position:center}
  .shv10.shv1--machine .shv1-hero{background-image:linear-gradient(90deg,rgba(2,7,13,.99) 0%,rgba(2,7,13,.93) 31%,rgba(2,7,13,.67) 49%,rgba(2,7,13,.18) 77%,rgba(2,7,13,.08) 100%),url('/media/steam-hardware-repair-20260807/steam-machine-repair-workshop-hero-v2-no-people.webp')}
  .shv10.shv1--controller .shv1-hero{background-image:linear-gradient(90deg,rgba(2,7,13,.99) 0%,rgba(2,7,13,.93) 31%,rgba(2,7,13,.67) 49%,rgba(2,7,13,.18) 77%,rgba(2,7,13,.08) 100%),url('/media/steam-hardware-repair-20260807/steam-controller-repair-workshop-hero-v2-no-people.webp')}
  .shv10 .shv1-hero::before{background:linear-gradient(180deg,rgba(2,7,13,.08),rgba(2,7,13,.22));background-size:auto}
  .shv10 .shv1-hero::after{display:none}
  .shv10 .shv1-hero__grid{grid-template-columns:minmax(0,1fr) minmax(480px,.95fr);min-height:clamp(650px,47vw,880px);gap:clamp(32px,4vw,92px);padding:clamp(44px,4.8vw,90px) 0}
  .shv10 .shv1-hero__copy{max-width:920px;text-shadow:0 2px 28px rgba(0,0,0,.64)}
  .shv10 .shv1-hero h1{font-size:clamp(46px,3.75vw,78px)}
  .shv10 .shv1-hero__lead{margin-top:20px!important;font-size:clamp(17px,1.12vw,22px)}
  .shv10 .shv1-hero__note{margin-top:14px!important;font-size:clamp(14px,.82vw,16px)}
  .shv10 .shv1-actions{margin-top:24px}
  .shv10 .shv1-btn{min-height:54px}
  .shv10.shv1--machine .shv3-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:24px}
  .shv10.shv1--machine .shv3-machine-brand{width:min(100%,330px)}
  .shv10 .shv1-hero__media{align-self:stretch;min-height:clamp(460px,34vw,660px);border:0;overflow:visible;background:none;box-shadow:none}
  .shv10 .shv1-hero__media::before,.shv10 .shv1-hero__media::after{display:none}
  .shv10 .shv1-hero__media>img{align-self:end;width:min(92%,900px);max-height:min(34vw,650px);margin-bottom:clamp(12px,2.4vw,42px);object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.58));transform:translateX(4%)}
  .shv10.shv1--machine .shv1-hero__media>img{width:min(76%,650px);max-height:min(36vw,690px)}
  .shv10 .shv2-hero__label,.shv10 .shv1-hero__caption{display:none}
  @media(max-width:1099px){
    .shv10 .shv1-hero,.shv10 .shv1-hero__grid{min-height:auto}
    .shv10 .shv1-hero__grid{display:grid;grid-template-columns:1fr;gap:8px;padding:clamp(48px,7vw,72px) 0 24px}
    .shv10 .shv1-hero__copy{display:contents}
    .shv10 .shv1-hero__copy::before{grid-row:1;margin-bottom:18px}
    .shv10 .shv3-hero-meta,.shv10 .shv4-controller-meta{grid-row:2}
    .shv10 .shv1-hero h1{grid-row:3}
    .shv10 .shv1-hero__media{grid-row:4;min-height:clamp(270px,38vw,360px);margin-top:12px;place-items:end center}
    .shv10 .shv1-hero__lead{grid-row:5;margin-top:14px!important}
    .shv10 .shv1-hero__note{grid-row:6}
    .shv10 .shv1-actions{grid-row:7}
    .shv10 .shv1-hero__media>img{width:min(78%,680px);max-height:330px;margin-bottom:8px;transform:none}
    .shv10.shv1--machine .shv1-hero__media>img{width:min(50%,440px);max-height:330px}
  }
  @media(max-width:760px){
    .shv10 .shv1-hero{background-position:68% center}
    .shv10.shv1--machine .shv1-hero,.shv10.shv1--controller .shv1-hero{background-image:linear-gradient(180deg,rgba(2,7,13,.93) 0%,rgba(2,7,13,.86) 52%,rgba(2,7,13,.38) 78%,rgba(2,7,13,.18) 100%),var(--shv10-workshop-image)}
    .shv10.shv1--machine{--shv10-workshop-image:url('/media/steam-hardware-repair-20260807/steam-machine-repair-workshop-hero-v2-no-people.webp')}
    .shv10.shv1--controller{--shv10-workshop-image:url('/media/steam-hardware-repair-20260807/steam-controller-repair-workshop-hero-v2-no-people.webp')}
    .shv10 .shv1-hero__grid{padding:34px 0 18px}
    .shv10.shv1--machine .shv3-hero-meta{display:grid;justify-items:start;gap:10px;margin-bottom:20px}
    .shv10.shv1--machine .shv3-machine-brand{width:min(100%,320px)}
    .shv10 .shv1-hero__media{min-height:clamp(210px,57vw,280px)}
    .shv10 .shv1-hero__media>img{width:94%;max-height:235px;margin:0}
    .shv10.shv1--machine .shv1-hero__media>img{width:58%;max-height:225px}
  }
  @media(max-width:460px){
    .shv10 .shv1-hero{background-position:66% center}
    .shv10 .shv1-hero__grid{padding-top:28px}
    .shv10 .shv1-hero__media{min-height:210px}
    .shv10 .shv1-hero__media>img{width:94%;max-height:225px}
    .shv10.shv1--machine .shv1-hero__media>img{width:58%;max-height:215px}
  }
