/* Balanced desktop layouts; the existing single-column phone flow stays intact. */
@media (min-width: 761px) {
  .intro-feature,
  .intro-proof-row,
  .hyundai-inner,
  .hyundai-proof-strip,
  .electric-mobility-content,
  .electric-mobility-tags,
  .films-heading,
  .films-grid,
  .films-social,
  .customer-gallery-heading {
    width: min(100%, 1360px) !important;
    margin-inline: auto !important;
  }

  .intro-feature { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr) !important; gap: clamp(40px, 6vw, 86px) !important; }
  .intro-feature-image img { height: clamp(360px, 35vw, 540px) !important; }

  /* Subaru gets one editorial text/photo pair instead of a viewport-wide photo row. */
  .subaru-section .japan-gallery {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: clamp(34px, 5vw, 76px) !important;
    width: min(100%, 1360px) !important;
    margin: 0 auto !important;
  }
  .subaru-section .japan-heading { grid-column: auto !important; min-width: 0; }
  .subaru-section .subaru-photo-carousel {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 660px !important;
    margin: 0 !important;
    justify-self: end;
  }
  .subaru-carousel-stage { aspect-ratio: 1.24 !important; max-height: min(58svh, 560px); border: 1px solid rgba(20, 50, 55, .12); border-radius: 14px; }
  .subaru-carousel-stage img { max-height: 100% !important; }

  /* Hyundai photos rotate in the same frame, with the entire supplied image visible. */
  .hyundai-signature .hyundai-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
    align-items: center !important;
    gap: clamp(38px, 5.5vw, 82px) !important;
    width: min(100%, 1360px) !important;
  }
  .hyundai-signature .hyundai-gallery {
    position: relative;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(227, 238, 238, .17);
    border-radius: 14px;
    background: #11191b;
    box-shadow: 0 24px 58px rgba(0, 0, 0, .3);
  }
  .hyundai-signature .hyundai-gallery .hyundai-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 0;
    transition: opacity .8s ease;
    pointer-events: none;
  }
  .hyundai-signature .hyundai-gallery .hyundai-image.is-active { opacity: 1; }
  .hyundai-signature .hyundai-gallery .hyundai-image > img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    clip-path: none !important;
    animation: none !important;
  }
  .hyundai-signature .hyundai-gallery .hyundai-image::before { background: linear-gradient(180deg, rgba(4,9,11,.42), transparent 27%, transparent 72%, rgba(4,9,11,.35)); }
  .hyundai-signature .hyundai-copy { max-width: 620px !important; margin: 0 !important; }
  .hyundai-signature .hyundai-proof-strip { width: min(100%, 1360px) !important; margin: clamp(28px, 4vw, 54px) auto 0 !important; }

  /* Electric mobility pairs its story with the complete technical illustration. */
  .electric-mobility.section {
    display: grid !important;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
    column-gap: clamp(40px, 6vw, 90px) !important;
    align-items: center !important;
  }
  .electric-mobility > .section-label { grid-column: 1 / -1; width: 100%; }
  .electric-mobility-content { display: block !important; min-width: 0; margin: 0 !important; }
  .electric-mobility-copy { margin-top: 24px; }
  .electric-mobility-copy p { max-width: 48ch; }
  .electric-visual { grid-column: 2; grid-row: 2 / span 2; align-self: center; width: 100% !important; max-width: 760px; margin: 0 !important; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .electric-visual img { width: 100%; height: auto; object-fit: contain; filter: none; }
  .electric-mobility-tags { grid-column: 1 / -1; width: 100%; margin-top: 34px !important; }

  /* Keep diagnosis copy attached to a medium-sized image inside one centered composition. */
  .diagnostic-story {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
    align-items: center !important;
    gap: clamp(34px, 5vw, 72px) !important;
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
    padding: clamp(70px, 7vw, 104px) var(--pad, 28px) !important;
  }
  .diagnostic-story-copy { max-width: 560px !important; padding: clamp(24px, 3vw, 42px) !important; border: 1px solid rgba(137, 205, 210, .16); border-radius: 14px; background: linear-gradient(145deg, rgba(20, 46, 50, .72), rgba(11, 23, 25, .48)); }
  .diagnostic-story-copy h2 { font-size: clamp(42px, 4.2vw, 64px) !important; }
  .diagnostic-story-copy > p:not(.eyebrow) { font-size: 14px !important; }
  .diagnostic-mosaic { width: 100% !important; max-width: 740px !important; margin: 0 !important; justify-self: end; }
  .diagnostic-feature-stage { aspect-ratio: 1.12 !important; max-height: min(56svh, 570px); border: 1px solid rgba(137, 205, 210, .15); border-radius: 14px; }
  .diagnostic-feature-stage img { max-height: 100% !important; }

  /* The film heading and clip cards share a centered measure on wide monitors. */
  .films-heading { max-width: 900px !important; }
  .films-heading h2 { font-size: clamp(44px, 5vw, 70px) !important; }
  .films-grid { width: min(100%, 760px) !important; max-width: 760px !important; }
  .films-grid .film-card { height: auto !important; min-height: 0 !important; }
  .films-grid .film-card > video { align-self: center !important; width: auto !important; height: min(46svh, 460px) !important; max-width: 100% !important; aspect-ratio: 9 / 16 !important; object-fit: contain !important; }
  .films-social { width: min(100%, 900px) !important; }

  /* Actual Google reviews are centered within the same reading width as the page. */
  #review-carousel:not([hidden]) {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: clamp(28px, 4vw, 48px) 0 0 -50vw !important;
  }
  .google-review-bar { justify-content: center !important; padding: 18px 4.5vw !important; text-align: center; }
  .google-review-bar .review-section-title { justify-items: center; }
  .review-window { padding: 3px 4.5vw 14px !important; }

  .customer-gallery { width: 100%; }
  .customer-gallery-heading { grid-template-columns: minmax(0, 1fr) auto !important; justify-items: center; text-align: center; }
  .customer-gallery-heading > div { grid-column: 1 / -1; }
  .customer-gallery-heading > p { grid-column: 1 / -1; max-width: 48ch !important; margin: 0 auto !important; text-align: center; }
}

@media (max-width: 760px) {
  /* Preserve the vertical phone story, while showing each Hyundai photo in turn. */
  .hyundai-signature.section { overflow: visible !important; }
  .hyundai-signature .hyundai-gallery {
    position: relative;
    width: 100vw !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 0;
    background: #11191b;
  }
  .hyundai-signature .hyundai-gallery .hyundai-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 0;
    transition: opacity .8s ease;
    pointer-events: none;
  }
  .hyundai-signature .hyundai-gallery .hyundai-image.is-active { opacity: 1; }
  .hyundai-signature .hyundai-gallery .hyundai-image > img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    clip-path: none !important;
    animation: none !important;
  }
  .electric-mobility.section { display: block !important; }
  .electric-visual { width: 100% !important; margin: 22px auto 0 !important; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .electric-visual img { width: 100% !important; height: auto !important; object-fit: contain !important; }
}

@media (prefers-reduced-motion: reduce) {
  .hyundai-signature .hyundai-image { transition: none !important; }
}

/* Electric mobility: comfortable line lengths and a small technical signature. */
.electric-mobility h2 {
  max-width: 12ch !important;
  text-align: left !important;
  text-wrap: balance;
  word-spacing: normal !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
}
.electric-visual img {
  transform-origin: 50% 55%;
  animation: ev-platform-breathe 6.2s ease-in-out infinite;
  will-change: transform, filter;
}
@keyframes ev-platform-breathe {
  0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 12px 22px rgba(30, 62, 68, .12)); }
  50% { transform: translateY(-5px) scale(1.012); filter: drop-shadow(0 18px 30px rgba(25, 144, 160, .24)); }
}

/* A large rendered electric car anchors the center of the workshop principles. */
.why-ev-mark { display:block; width:clamp(180px, 18vw, 240px); height:auto; margin:clamp(18px, 2.4vw, 30px) auto 16px; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(0,0,0,.38)) drop-shadow(0 0 16px rgba(24,190,201,.22)); }

/* Keep the chrome emblem visible, centered and gently animated on phones. */
@media (max-width: 760px) {
  .electric-mobility h2 { max-width: 11ch !important; font-size: clamp(34px, 9vw, 40px) !important; }
  .electric-mobility h2 em { display: block; }
  .people-editorial { grid-template-columns: minmax(0, 1fr); }
  .why-ev-mark { width:clamp(150px, 48vw, 190px); margin:18px auto 14px; }
  .hyundai-signature .hyundai-copy .hyundai-emblem {
    width: 100%;
    justify-content: center;
    margin: 0 auto 20px;
    animation: hyundai-emblem-visible 3.8s ease-in-out infinite;
  }
  .hyundai-signature .hyundai-copy .hyundai-emblem img {
    width: clamp(180px, 52vw, 218px) !important;
    animation: hyundai-chrome-visible 3.8s ease-in-out infinite;
  }
  .hyundai-proof-strip {
    grid-template-columns: 142px minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .hyundai-proof-photo { width: 142px !important; height: 126px !important; }
}
.hyundai-signature .hyundai-proof-strip {
  grid-template-columns: 196px minmax(0, 1fr) auto !important;
  gap: 20px !important;
}
.hyundai-proof-photo {
  display: block;
  width: 196px;
  height: 156px;
  overflow: hidden;
  border: 1px solid rgba(190, 220, 222, .3);
  border-radius: 6px;
  background: #172124;
}
.hyundai-proof-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
  transform: scale(1.6);
  transform-origin: 50% 42%;
  filter: saturate(.86) contrast(1.07);
}

.hyundai-signature .hyundai-copy .hyundai-emblem {
  animation: hyundai-emblem-visible 3.8s ease-in-out infinite;
  isolation: isolate;
}
.hyundai-signature .hyundai-copy .hyundai-emblem::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 14% -12%;
  border: 1px solid rgba(126, 233, 239, .42);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(31, 192, 207, .24), rgba(31, 192, 207, 0) 68%);
  box-shadow: 0 0 34px rgba(39, 191, 204, .22), inset 0 0 22px rgba(150, 245, 246, .08);
  opacity: 0;
  transform: scale(.76);
}
.hyundai-signature .hyundai-copy .hyundai-emblem img {
  animation: hyundai-chrome-visible 3.8s ease-in-out infinite;
}
.hyundai-signature .hyundai-copy .hyundai-emblem.is-intro-visible::before {
  animation: hyundai-halo-reveal 1.1s cubic-bezier(.16, 1, .3, 1) both, hyundai-halo-breathe 4.2s ease-in-out 1.1s infinite;
}
.hyundai-signature .hyundai-copy .hyundai-emblem.is-intro-visible img {
  animation: hyundai-mark-arrive 1s cubic-bezier(.16, 1, .3, 1) both, hyundai-chrome-visible 3.8s ease-in-out .45s infinite;
}
@keyframes hyundai-mark-arrive {
  0% { opacity: 0; transform: scale(.62) rotate(-8deg); filter: brightness(2) blur(9px) drop-shadow(0 0 30px rgba(130, 240, 246, .9)); }
  62% { opacity: 1; transform: scale(1.07) rotate(1.5deg); filter: brightness(1.5) blur(0) drop-shadow(0 0 24px rgba(130, 240, 246, .72)); }
  100% { opacity: 1; transform: scale(1) rotate(0); filter: brightness(1) drop-shadow(0 7px 18px rgba(210, 229, 232, .35)); }
}
@keyframes hyundai-halo-reveal {
  0% { opacity: 0; transform: scale(.72); }
  65% { opacity: .9; transform: scale(1.08); }
  100% { opacity: .46; transform: scale(1); }
}
@keyframes hyundai-halo-breathe {
  0%, 100% { opacity: .34; transform: scale(.98); }
  50% { opacity: .7; transform: scale(1.04); }
}
@keyframes hyundai-emblem-visible {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.06); }
}
@keyframes hyundai-chrome-visible {
  0%, 100% { filter: brightness(1) drop-shadow(0 5px 12px rgba(210, 229, 232, .22)); }
  50% { filter: brightness(1.34) drop-shadow(0 8px 24px rgba(223, 250, 252, .62)); }
}

.location-heading-icon {
  display: grid;
  width: 44px;
  height: 48px;
  place-items: center;
  margin: 0 auto 16px;
  color: var(--motorloz-diamond, #39c2d0);
}
.location-heading-icon svg { display: block; width: 30px; height: 36px; stroke: currentColor; stroke-width: 1.8; }

.reviews-rating.is-scroll-visible > strong { animation: rating-breathe 3.5s ease-in-out infinite; transform-origin: 50% 60%; }
.reviews-rating.is-scroll-visible .gold-stars > span { animation: rating-star-breathe 3.5s ease-in-out var(--star-delay, 0ms) infinite !important; }
@keyframes rating-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.09); }
}
@keyframes rating-star-breathe {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(218, 164, 29, 0)); }
  50% { transform: scale(1.14); filter: drop-shadow(0 2px 7px rgba(218, 164, 29, .42)); }
}
@media (max-width: 760px) {
  .hyundai-signature .hyundai-proof-strip {
    grid-template-columns: 142px minmax(0, 1fr) !important;
    gap: 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .electric-visual img,
  .hyundai-signature .hyundai-copy .hyundai-emblem,
  .hyundai-signature .hyundai-copy .hyundai-emblem img,
  .reviews-rating.is-scroll-visible > strong,
  .reviews-rating.is-scroll-visible .gold-stars > span {
    animation: none !important;
    will-change: auto;
  }
  .electric-visual img { transform: none !important; }
}

@media (min-width: 761px) {
  .reviews-rating { width:max-content!important;max-width:100%!important;justify-self:center!important;justify-content:center!important;justify-items:center!important;text-align:center!important;margin:14px auto 24px!important; }
  .reviews.section { padding-bottom:clamp(8px,1vw,14px)!important; }
  .customer-gallery { margin-top:0!important;padding-top:8px!important; }
  .people-why-aurora>.people { padding-bottom:clamp(42px,5vw,72px)!important; }
  .people-why-aurora>.why-motorloz { padding-top:clamp(42px,5vw,72px)!important; }
}