/* V222 — Restoration hero sequence and typography for tablet only. */
@media (min-width:701px) and (max-width:1060px){
  .service-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }

  /* Let the copy elements participate in the hero grid so the photograph
     can sit between the paragraph and the action row. */
  .service-hero>div:first-child{display:contents!important}

  .service-hero>div:first-child>.eyebrow{
    order:1;
    width:min(100%,820px);
    margin-inline:auto!important;
  }
  .service-hero h1{
    order:2;
    justify-self:start;
    width:min(100%,12ch);
    margin-left:max(0px,calc((100% - 820px)/2))!important;
    margin-right:0!important;
    color:#f7fbff!important;
    letter-spacing:-.058em!important;
    text-align:left!important;
    text-shadow:0 2px 0 rgba(0,0,0,.30),0 13px 34px rgba(0,0,0,.34);
  }
  .service-hero h1 span{
    position:relative;
    filter:drop-shadow(0 0 14px rgba(0,180,255,.26));
  }
  .service-hero h1 span::after{
    content:"";
    position:absolute;
    left:.03em;
    bottom:-.045em;
    width:96%;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#0878ea 0%,#20c9ff 72%,rgba(147,235,255,0) 100%);
    box-shadow:0 0 13px rgba(18,190,255,.48);
  }
  .service-hero .lede{
    order:3;
    width:min(100%,820px);
    margin-inline:auto!important;
  }
  .service-hero-media{
    order:4;
    width:min(100%,860px)!important;
    margin:32px auto 0!important;
  }
  .service-hero>div:first-child>.actions{
    order:5;
    position:static!important;
    width:min(100%,780px)!important;
    margin:26px auto 0!important;
  }
  .service-hero>div:first-child>.trust{
    order:6;
    width:min(100%,820px)!important;
    margin:24px auto 0!important;
  }

  /* Keep the decorative silhouette behind the headline, clear of the paragraph. */
  .service-hero>div:first-child>.actions>.premium-headlight-silhouette{
    top:42px!important;
    right:-10%!important;
    bottom:auto!important;
    width:86vw!important;
    opacity:.20!important;
  }
}