/* Home hero V8: independent, scoped component.
   No .hero, .hero-photo, .trust or other shared selectors.
   The desktop image is rendered at its natural aspect ratio, without cover cropping. */
.autoservice-home .ag-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  background: #0a1621;
  color: #fff;
  aspect-ratio: 1728 / 594;
}
.autoservice-home .ag-hero__picture {
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
}
/* The workshop remains visible in the source photo. Only the text area is shaded,
   with a continuous fade rather than an opaque panel baked into the image. */
.autoservice-home .ag-hero__picture::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(4, 19, 28, .86) 0%,
    rgba(4, 19, 28, .74) 24%,
    rgba(4, 19, 28, .42) 38%,
    rgba(4, 19, 28, .12) 49%,
    transparent 62%);
  pointer-events: none;
}
.autoservice-home .ag-hero__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  /* Preserve the full composition; text shading belongs to picture::after. */
}
.autoservice-home .ag-hero__inner {
  width: min(1536px, calc(100% - 13%));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.autoservice-home .ag-hero__copy {width: min(510px, 44%);padding: 16px 0 20px; transform:translateY(17px);}
.autoservice-home .ag-hero__eyebrow {
  margin: 0 0 13px;
  color: #f7bc84;
  font: 800 11px/1.4 var(--font);
  letter-spacing: .15em;
  white-space: nowrap;
}
.autoservice-home .ag-hero__eyebrow span {display: inline-block;vertical-align: middle;width:22px;height:2px;background:#ffa44c;margin:0 12px 2px 0;}
.autoservice-home .ag-hero__title {
  margin: 0 0 12px;
  font-family: "Oswald", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.045;
  letter-spacing: .001em;
  font-size: clamp(45px, 4.55vw, 78px);
}
.autoservice-home .ag-hero__title span {display:block;color:#f5f7fa;white-space:nowrap;}
.autoservice-home .ag-hero__title .ag-hero__accent {color:#ffa44c;}
.autoservice-home .ag-hero__lead {
  color: #e8edf2;
  font: 500 clamp(12px, 1vw, 16px)/1.55 var(--font);
  max-width: 405px;
  margin:0 0 14px;
}
.autoservice-home .ag-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 0 22px;
  min-width: 256px;
  min-height: 52px;
  border-radius: 4px;
  background: #ffa64e;
  color: #111b23;
  font: 800 15px/1.1 var(--font);
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.autoservice-home .ag-hero__cta:hover {background: #ffc17b;transform:translateY(-2px)}
.autoservice-home .ag-hero__cta span {font-size: 20px;}
.autoservice-home .ag-benefits {background: #071824;color: #fff;border-top: 1px solid rgba(249,163,74,.45);border-bottom: 1px solid #193347;}
.autoservice-home .ag-benefits__inner {width:min(1536px,calc(100% - 13%));margin:auto;padding:16px 0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.autoservice-home .ag-benefit {display:flex;align-items:center;gap:12px;min-width:0;min-height:102px;padding:18px 16px;background:linear-gradient(145deg,#102c3e,#0c202f);border:1px solid #254257;border-top:2px solid #ffa64e;border-radius:7px;}
.autoservice-home .ag-benefit__icon {flex:0 0 39px;color:#ffa64e;display:grid;place-items:center;}
.autoservice-home .ag-benefit__icon svg {width:35px;height:35px;}
.autoservice-home .ag-benefit h2 {font:800 13px/1.25 var(--font);color:#fff;margin:0 0 6px;}
.autoservice-home .ag-benefit p {font:500 11px/1.5 var(--font);color:#cddce6;margin:0;}
@media (max-width: 1100px) and (min-width:761px) {
  .autoservice-home .ag-hero__copy{width:min(470px,53%)}
  .autoservice-home .ag-hero__title{font-size:clamp(39px,4.5vw,54px)}
  .autoservice-home .ag-hero__eyebrow{font-size:9px;margin-bottom:12px}
  .autoservice-home .ag-hero__lead{font-size:12px;max-width:345px}
  .autoservice-home .ag-benefits__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .autoservice-home .ag-hero {aspect-ratio:auto;min-height:590px;}
  .autoservice-home .ag-hero__inner {width:calc(100% - 38px);height:auto;align-items:flex-start;}
  .autoservice-home .ag-hero__copy{width:100%;max-width:620px;padding:38px 0 275px;transform:none;}
  .autoservice-home .ag-hero__title{font-size:clamp(42px,8vw,62px);margin-bottom:13px;}
  .autoservice-home .ag-hero__eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:16px;}
  .autoservice-home .ag-hero__lead{font-size:13px;max-width:400px;margin-bottom:20px;}
  .autoservice-home .ag-hero__cta{min-width:0;min-height:52px;padding:0 18px;font-size:13px;}
  .autoservice-home .ag-hero__picture {inset:auto 0 0;}
  .autoservice-home .ag-hero__picture::after {background:none;}
  .autoservice-home .ag-hero__image {width:100%;height:auto;}
  .autoservice-home .ag-benefits__inner{width:calc(100% - 30px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .autoservice-home .ag-benefit{padding:12px;min-height:105px;gap:8px;}
  .autoservice-home .ag-benefit__icon{flex-basis:30px;}
  .autoservice-home .ag-benefit__icon svg{width:27px;height:27px;}
  .autoservice-home .ag-benefit h2{font-size:12px;}
  .autoservice-home .ag-benefit p{font-size:10px;}
}
@media(max-width:640px){
  .autoservice-home .ag-hero{min-height:735px;}
  .autoservice-home .ag-hero__copy{padding-top:35px;padding-bottom:280px;}
  .autoservice-home .ag-hero__title{font-size:clamp(36px,10.2vw,47px)}
  .autoservice-home .ag-benefits__inner{gap:8px;}
  .autoservice-home .ag-benefit{flex-direction:column;align-items:flex-start;padding:14px 11px;}
}
@media(max-width:360px){
  .autoservice-home .ag-hero{min-height:695px;}
  .autoservice-home .ag-hero__title{font-size:35px;}
  .autoservice-home .ag-hero__eyebrow{font-size:8px;}
  .autoservice-home .ag-benefits__inner{grid-template-columns:1fr;}
  .autoservice-home .ag-benefit{flex-direction:row;min-height:84px;}
}

@media (min-width:761px) and (max-width:1050px) {
  .autoservice-home .ag-hero{aspect-ratio:auto;min-height:500px;}
  .autoservice-home .ag-hero__picture{inset:auto 0 0;}
  .autoservice-home .ag-hero__image{height:auto;width:100%;max-width:none;position:static;}
  .autoservice-home .ag-hero__copy{position:relative;z-index:1;}
}