/* AmeriTransit homepage cinematic layer */
:root {
  --atv2-red:#e3262e;
  --athome-red-dark:#b71920;
  --athome-navy:#071a2d;
  --athome-navy-deep:#04111c;
  --athome-cream:#f6f6f3;
  --athome-white:#ffffff;
  --athome-muted:#aebdca;
}

.athome-hero {
  position:relative;
  min-height:760px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  background:var(--athome-navy-deep) url('../../bg.png') center/cover no-repeat;
  color:#fff;
}
.athome-hero__video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.athome-hero__scrim {
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(4,17,28,.96) 0%,rgba(4,17,28,.84) 38%,rgba(4,17,28,.42) 72%,rgba(4,17,28,.65) 100%);
}
.athome-hero::before {
  content:'';
  position:absolute;
  left:-78px;
  bottom:-120px;
  width:230px;
  height:390px;
  border:18px solid rgba(255,255,255,.92);
  border-right:0;
  transform:skewX(32deg);
  z-index:3;
}
.athome-hero::after {
  content:'';
  position:absolute;
  left:-26px;
  bottom:-94px;
  width:160px;
  height:330px;
  background:var(--atv2-red);
  transform:skewX(32deg);
  z-index:2;
}
.athome-hero__inner {
  position:relative;
  z-index:4;
  width:min(calc(100% - 40px),var(--atv2-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);
  gap:54px;
  align-items:end;
  padding:118px 0 78px;
}
.athome-hero__copy { align-self:center; max-width:820px; }
.athome-kicker {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
  color:#ff5a61;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.athome-kicker::before { content:''; width:36px; height:3px; background:var(--atv2-red); }
.athome-hero h1 {
  margin:0;
  max-width:920px;
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:clamp(4rem,7.4vw,7.8rem);
  line-height:.88;
  font-weight:900;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.athome-hero h1 .athome-hero__accent { color:var(--atv2-red); }
.athome-hero__flag-word {
  display:inline-block;
  color:#fff;
  background:
    linear-gradient(105deg, rgba(60,59,110,.98) 0 24%, transparent 24% 100%),
    repeating-linear-gradient(
      to bottom,
      #b31942 0 .16em,
      #fff .16em .28em
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 22px rgba(60,59,110,.36);
}
.athome-hero__tagline {
  margin:26px 0 0;
  max-width:690px;
  color:#dce6ee;
  font-size:clamp(1.15rem,1.7vw,1.42rem);
  line-height:1.6;
}
.athome-hero__tagline strong { color:#fff; font-weight:800; }
.athome-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.athome-btn {
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border:1px solid transparent;
  border-radius:2px;
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.athome-btn:hover { transform:translateY(-2px); }
.athome-btn--red { background:var(--atv2-red); color:#fff!important; }
.athome-btn--red:hover { background:var(--athome-red-dark); }
.athome-btn--ghost { border-color:rgba(255,255,255,.52); color:#fff!important; background:rgba(255,255,255,.04); }
.athome-btn--ghost:hover { background:rgba(255,255,255,.1); border-color:#fff; }
.athome-route {
  margin-top:38px;
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.athome-route__line {
  width:min(220px,30vw);
  height:2px;
  position:relative;
  background:linear-gradient(90deg,var(--atv2-red),rgba(255,255,255,.5));
}
.athome-route__line::after {
  content:'';
  position:absolute;
  right:-1px;
  top:50%;
  width:10px;
  height:10px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:translateY(-50%) rotate(45deg);
}
.athome-hero__card {
  align-self:end;
  justify-self:end;
  width:min(390px,100%);
  padding:28px 30px;
  background:rgba(7,26,45,.9);
  backdrop-filter:blur(8px);
  border-left:5px solid var(--atv2-red);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.athome-hero__card small { display:block; color:#ff777d; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.athome-hero__card strong { display:block; margin-top:8px; color:#fff; font-size:1.32rem; line-height:1.25; }
.athome-hero__card p { margin:10px 0 0; color:#c9d6df; line-height:1.65; font-size:.9rem; }

.athome-service-band { background:var(--athome-navy-deep); color:#fff; border-top:1px solid rgba(255,255,255,.1); }
.athome-service-band__grid {
  width:min(calc(100% - 40px),var(--atv2-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.athome-service-band__item {
  min-height:126px;
  padding:26px 28px;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:center;
  border-right:1px solid rgba(255,255,255,.11);
}
.athome-service-band__item:last-child { border-right:0; }
.athome-service-band__icon {
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--atv2-red);
  color:#fff;
  font-size:1.12rem;
}
.athome-service-band__item strong { display:block; color:#fff; font-size:.9rem; line-height:1.25; }
.athome-service-band__item span { display:block; margin-top:3px; color:#9fb0be; font-size:.78rem; line-height:1.4; }

.athome-section-label {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:var(--atv2-red);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.athome-section-label::before { content:''; width:30px; height:3px; background:var(--atv2-red); }
.athome-title {
  margin:0;
  color:var(--athome-navy);
  font-family:'Inter',sans-serif;
  font-size:clamp(2.5rem,5vw,5.1rem);
  line-height:.95;
  font-weight:900;
  letter-spacing:-.055em;
}
.athome-lead { margin:20px 0 0; max-width:720px; color:var(--atv2-muted); font-size:1.05rem; line-height:1.75; }

.athome-inventory { background:#fff; }
.athome-inventory__head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:32px;
  margin-bottom:38px;
}
.page-home .atv2-filter {
  border-radius:0;
  border:0;
  border-top:4px solid var(--atv2-red);
  padding:26px 28px;
  background:#f3f5f6;
  box-shadow:none;
}
.page-home .atv2-filter__title { font-family:'Inter',sans-serif; font-weight:900; letter-spacing:-.02em; }
.page-home .atv2-field select,
.page-home .atv2-field input,
.page-home .atv2-field textarea { border-radius:2px; }
.page-home .atv2-field select {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:none;
}
.page-home .atv2-filter .atv2-button { border-radius:2px; background:var(--athome-navy); }
.page-home .atv2-car-card { border-radius:0; border:0; background:#fff; box-shadow:0 16px 40px rgba(7,26,45,.08); }
.page-home .atv2-car-card:hover { border-color:transparent; box-shadow:0 22px 52px rgba(7,26,45,.14); }
.page-home .atv2-car-card__media { aspect-ratio:16/10; }
.page-home .atv2-car-card__make { color:var(--atv2-red); }
.page-home .atv2-car-card__price { font-family:'Inter',sans-serif; font-weight:900; }
.page-home .atv2-car-card__spec i { color:var(--atv2-red); }
.page-home .atv2-car-card__footer { color:var(--athome-navy); border-top:1px solid #edf1f4; padding-top:14px; }

.athome-story {
  position:relative;
  padding:110px 0;
  background:var(--athome-cream);
  overflow:hidden;
}
.athome-story__grid {
  width:min(calc(100% - 40px),var(--atv2-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.14fr .86fr;
  gap:0;
  align-items:center;
}
.athome-story__media { min-height:570px; position:relative; background:var(--athome-navy); overflow:hidden; }
.athome-story__media img { width:100%; height:100%; min-height:570px; object-fit:cover; }
.athome-story__media::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(4,17,28,.25)); }
.athome-story__copy {
  position:relative;
  z-index:2;
  margin-left:-72px;
  padding:58px 60px;
  background:var(--athome-navy-deep);
  color:#fff;
  box-shadow:0 30px 80px rgba(4,17,28,.22);
}
.athome-story__copy .athome-title { color:#fff; font-size:clamp(2.5rem,4.4vw,4.8rem); }
.athome-story__copy p { margin:22px 0 0; color:#bdcbd5; line-height:1.8; }
.athome-story__copy a { margin-top:28px; }
.athome-story__stat {
  position:absolute;
  left:28px;
  bottom:28px;
  z-index:2;
  padding:16px 18px;
  background:var(--atv2-red);
  color:#fff;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:.78rem;
}

.athome-process { padding:104px 0; background:#fff; }
.athome-process__head { width:min(calc(100% - 40px),var(--atv2-max)); margin:0 auto 50px; }
.athome-process__track {
  width:min(calc(100% - 40px),var(--atv2-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  position:relative;
}
.athome-process__track::before {
  content:'';
  position:absolute;
  top:24px;
  left:7%;
  right:7%;
  height:3px;
  background:linear-gradient(90deg,var(--atv2-red),#d7dde2);
}
.athome-process__step { position:relative; padding:0 28px 0 0; }
.athome-process__marker {
  position:relative;
  z-index:2;
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--athome-navy);
  color:#fff;
  border:5px solid #fff;
  box-shadow:0 0 0 1px #dce3e8;
  font-weight:900;
}
.athome-process__step:nth-child(1) .athome-process__marker { background:var(--atv2-red); }
.athome-process__step h3 { margin:28px 0 9px; color:var(--athome-navy); font-size:1rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.athome-process__step p { margin:0; max-width:240px; color:var(--atv2-muted); line-height:1.65; font-size:.9rem; }
.athome-process__route {
  width:min(calc(100% - 40px),var(--atv2-max));
  margin:42px auto 0;
  padding:16px 18px;
  background:var(--athome-navy);
  color:#e7edf2;
  text-align:center;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.athome-shipping { padding:106px 0; background:var(--athome-cream); }
.athome-shipping__grid {
  width:min(calc(100% - 40px),var(--atv2-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px;
  align-items:center;
}
.athome-shipping__visual {
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(4,17,28,.08),rgba(4,17,28,.32)),
    url('../../bmw.png') center/cover no-repeat;
}
.athome-shipping__visual::after {
  content:'USA  →  TEMA';
  position:absolute;
  left:22px;
  bottom:22px;
  padding:12px 16px;
  background:var(--atv2-red);
  color:#fff;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.1em;
}
.athome-shipping__cards { display:grid; gap:0; margin-top:32px; border-top:1px solid #cfd7dd; }
.athome-shipping__card { display:grid; grid-template-columns:56px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid #cfd7dd; }
.athome-shipping__card i { width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:var(--athome-navy); color:#fff; font-size:1.2rem; }
.athome-shipping__card h3 { margin:0; color:var(--athome-navy); font-size:1.05rem; font-weight:900; }
.athome-shipping__card p { margin:6px 0 0; color:var(--atv2-muted); line-height:1.65; }

.athome-quote {
  position:relative;
  padding:110px 0;
  overflow:hidden;
  background:var(--athome-navy-deep);
  color:#fff;
}
.athome-quote::after {
  content:'';
  position:absolute;
  right:-120px;
  bottom:-190px;
  width:420px;
  height:420px;
  border:44px solid rgba(227,38,46,.24);
  transform:rotate(45deg);
}
.athome-quote__grid {
  position:relative;
  z-index:2;
  width:min(calc(100% - 40px),var(--atv2-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:72px;
  align-items:start;
}
.athome-quote .athome-title { color:#fff; }
.athome-quote__copy p { margin:22px 0 0; max-width:520px; color:#b8c7d1; line-height:1.8; }
.athome-quote .atv2-form { border-radius:0; border-top:5px solid var(--atv2-red); box-shadow:0 28px 70px rgba(0,0,0,.28); }
.athome-quote .atv2-form .atv2-button { border-radius:2px; background:var(--atv2-red); color:#fff!important; }
.athome-quote .atv2-form .atv2-button:hover { background:var(--athome-red-dark); }

@media (max-width:980px) {
  .athome-hero { min-height:auto; }
  .athome-hero__inner { grid-template-columns:1fr; align-items:center; padding:92px 0 70px; }
  .athome-hero__card { justify-self:start; }
  .athome-service-band__grid { grid-template-columns:1fr 1fr; }
  .athome-service-band__item:nth-child(2) { border-right:0; }
  .athome-service-band__item:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.11); }
  .athome-story__grid,.athome-shipping__grid,.athome-quote__grid { grid-template-columns:1fr; }
  .athome-story__copy { margin:-60px 30px 0; }
  .athome-process__track { grid-template-columns:1fr 1fr; row-gap:42px; }
  .athome-process__track::before { display:none; }
  .athome-inventory__head { align-items:flex-start; flex-direction:column; }
}

@media (max-width:620px) {
  .athome-hero::before,.athome-hero::after { display:none; }
  .athome-hero__inner { width:min(calc(100% - 28px),var(--atv2-max)); padding:64px 0 52px; }
  .athome-hero h1 { font-size:clamp(3.25rem,17vw,5.5rem); line-height:.9; }
  .athome-hero__tagline { font-size:1rem; }
  .athome-hero__actions { display:grid; }
  .athome-btn { width:100%; }
  .athome-route { font-size:.66rem; }
  .athome-route__line { flex:1; }
  .athome-hero__card { width:100%; padding:22px; }
  .athome-service-band__grid { grid-template-columns:1fr; width:min(calc(100% - 28px),var(--atv2-max)); }
  .athome-service-band__item { min-height:92px; padding:18px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.11); }
  .athome-service-band__item:last-child { border-bottom:0; }
  .athome-story { padding:70px 0; }
  .athome-story__grid,.athome-process__head,.athome-process__track,.athome-process__route,.athome-shipping__grid,.athome-quote__grid { width:min(calc(100% - 28px),var(--atv2-max)); }
  .athome-story__media,.athome-story__media img { min-height:360px; }
  .athome-story__copy { margin:-34px 14px 0; padding:34px 26px; }
  .athome-story__stat { left:14px; bottom:14px; }
  .athome-process { padding:70px 0; }
  .athome-process__track { grid-template-columns:1fr; gap:0; }
  .athome-process__step { padding:0 0 28px 70px; min-height:138px; }
  .athome-process__marker { position:absolute; left:0; top:0; }
  .athome-process__step::before { content:''; position:absolute; left:24px; top:50px; bottom:0; width:2px; background:#dce3e8; }
  .athome-process__step:last-child::before { display:none; }
  .athome-process__step h3 { margin-top:0; padding-top:4px; }
  .athome-shipping { padding:70px 0; }
  .athome-shipping__visual { min-height:340px; }
  .athome-quote { padding:72px 0; }
  .athome-quote__grid { gap:38px; }
}