@layer responsive {
  .repair-studio .repair-transport-grid > a {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  @media (min-width: 1001px) {
    .repair-intake__copy {
      justify-content: center;
    }
  }

  @media (min-width: 1001px) and (max-width: 1360px) {
    .repair-intake__stage {
      min-height: 440px;
      grid-template-columns: minmax(440px, 0.9fr) minmax(0, 1.1fr);
    }

    .repair-intake__copy {
      padding: 34px;
    }

    .repair-intake__copy h1 {
      font-size: clamp(72px, 8.2vw, 112px);
    }

    .repair-intake__copy h1 em {
      font-size: clamp(38px, 4vw, 52px);
    }

    .repair-intake__visual img {
      min-height: 440px;
    }

    .repair-transport__copy {
      min-height: 112px;
      padding-inline: 20px 50px;
    }
  }

  @media (max-width: 1240px) {
    :root {
      --shell: min(100% - 48px, 1440px);
    }

    .repair-studio {
      --repair-page-gutter: 24px;
    }

    .desktop-nav {
      gap: 18px;
    }

    .header-phone span {
      display: none;
    }

    .model-showcase {
      grid-template-columns: 1fr;
    }

    .model-showcase__stack {
      grid-template-columns: 1fr 1fr;
    }

    .related-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .model-showcase__stack .model-card--compact {
      display: block;
    }

    .model-showcase__stack .model-card__media {
      height: auto;
      aspect-ratio: 4 / 3;
    }

    .model-card--compact .model-card__commercial {
      align-items: flex-start;
      flex-direction: column;
    }

    .symptom-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .repair-diagnostics .symptom-grid {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .repair-guide .symptom-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .price-row {
      grid-template-columns: 1fr 1fr;
    }

    .catalog-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .model-hero__title {
      max-width: min(450px, 38vw);
    }

    .model-hero__actions .button {
      padding-inline: 16px;
    }

    .model-offer__grid,
    .model-service__grid {
      gap: 64px;
    }

    .footer-grid {
      grid-template-columns: 1.2fr repeat(3, 0.8fr);
    }
  }

  @media (min-width: 1001px) and (max-width: 1080px) {
    .model-page[data-model-variant="poster"] .model-hero,
    .model-page[data-model-variant="poster"] .model-hero__inner {
      min-height: 820px;
    }

    .model-page[data-model-variant="poster"] .model-hero__inner {
      display: flex;
      padding-top: calc(var(--header-height) + 76px);
      padding-bottom: 30px;
      flex-direction: column;
    }

    .model-page[data-model-variant="poster"] .model-hero__title {
      position: relative;
      z-index: 3;
      top: auto;
      left: auto;
      max-width: min(560px, 60vw);
    }

    .model-page[data-model-variant="poster"] .model-hero__media {
      position: relative;
      inset: auto;
      width: calc(100% + 48px);
      height: min(46vw, 450px);
      min-height: 350px;
      margin: 22px -24px 0;
    }

    .model-page[data-model-variant="poster"] .model-hero__word {
      top: 43%;
      right: auto;
      left: 50%;
      font-size: clamp(150px, 30vw, 300px);
      transform: translate(-51%, -50%);
    }

    .model-page[data-model-variant="poster"] .model-hero__commercial {
      position: relative;
      right: auto;
      bottom: auto;
      left: auto;
      margin-top: auto;
    }
  }

  @media (max-width: 1000px) {
    :root {
      --header-height: 72px;
    }

    .desktop-nav,
    .header-cta {
      display: none;
    }

    .header-inner {
      grid-template-columns: 1fr auto auto;
    }

    .menu-toggle,
    .mobile-menu {
      display: block;
    }

    .split-layout,
    .split-layout--wide,
    .issue-detail__grid {
      grid-template-columns: 1fr;
    }

    .home-purchase-faq .split-layout,
    .home-repair-faq .split-layout {
      grid-template-columns: 1fr;
    }

    .catalog-faq .split-layout {
      grid-template-columns: 1fr;
    }

    .catalog-selection {
      min-height: min(680px, calc(100svh - 150px));
    }

    .catalog-selection__copy {
      grid-column: 1 / -1;
    }

    .catalog-selection__copy h2 {
      max-width: 880px;
    }

    .catalog-selection__choices {
      grid-row: 3;
    }

    .catalog-selection__unsure {
      width: fit-content;
      margin-top: 20px;
      margin-bottom: 0;
      align-self: auto;
      justify-self: start;
      grid-column: 1 / -1;
      grid-row: 2;
    }

    .catalog-toolbar {
      margin-bottom: 32px;
    }

    .catalog-toolbar h1 {
      font-size: clamp(46px, 7vw, 62px);
    }

    .home-purchase-faq .section-head h2,
    .home-repair-faq .section-head h2 {
      max-width: 780px;
      font-size: clamp(62px, 9vw, 86px);
    }

    .home-purchase-faq .section-head,
    .home-purchase-faq .faq-list,
    .home-repair-faq .section-head,
    .home-repair-faq .faq-list {
      grid-column: auto;
      grid-row: auto;
    }

    .split-layout > .section-head {
      margin-bottom: 10px;
    }

    .purchase-copy {
      position: static;
    }

    .purchase-section .purchase-copy,
    .purchase-section .package-list {
      grid-column: auto;
      grid-row: auto;
    }

    .repair-guide .symptom-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .repair-guide .symptom-grid__other {
      grid-column: 1 / -1;
    }

    .service-proof__grid {
      grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.75fr);
      grid-template-rows: clamp(226px, 31.8vw, 319px) clamp(185px, 26.1vw, 261px);
    }

    .process-list {
      grid-template-columns: repeat(2, 1fr);
    }

    .model-hero,
    .model-hero__inner {
      min-height: 780px;
    }

    .model-hero__inner {
      display: flex;
      padding-top: calc(var(--header-height) + 76px);
      padding-bottom: 30px;
      flex-direction: column;
    }

    .model-page[data-model-variant] .model-hero__title {
      position: relative;
      z-index: 3;
      top: auto;
      left: auto;
      max-width: min(620px, 74vw);
    }

    .model-hero__title h1 {
      font-size: clamp(68px, 8.6vw, 88px);
    }

    .model-hero__title > p:last-child {
      max-width: 520px;
      margin-top: 18px;
    }

    .model-page[data-model-variant] .model-hero__media {
      position: relative;
      inset: auto;
      width: calc(100% + 48px);
      height: min(46vw, 450px);
      min-height: 350px;
      margin: 22px -24px 0;
    }

    .model-page[data-model-variant] .model-hero__word {
      top: 43%;
      right: auto;
      left: 50%;
      font-size: clamp(150px, 30vw, 300px);
      transform: translate(-51%, -50%);
    }

    .model-hero__commercial {
      position: relative;
      right: auto;
      bottom: auto;
      left: auto;
      margin-top: auto;
    }

    .model-hero__colors {
      top: calc(var(--header-height) + 24px);
    }

    .model-page[data-model-variant="industrial"] .model-hero::before {
      inset: 0;
    }

    .model-gallery--mosaic {
      grid-template-rows: repeat(3, minmax(210px, 31vw));
    }

    .model-offer__grid,
    .model-service__grid {
      grid-template-columns: 1fr;
    }

    .model-offer__facts {
      max-width: 760px;
    }

    .model-service__grid {
      align-items: start;
    }

    .model-service ol {
      max-width: 760px;
    }

    .model-service--photo {
      grid-template-columns: 1fr;
    }

    .model-service__photo-copy {
      min-height: 420px;
    }

    .price-row {
      align-items: start;
      grid-template-columns: 1fr;
    }

    .price-legend {
      display: none;
    }

    .transport-list a {
      grid-template-columns: 50px 1fr 28px;
    }

    .transport-list a p {
      display: none;
    }

    .repair-intake__stage {
      min-height: 410px;
      grid-template-columns: minmax(270px, 0.8fr) minmax(0, 1.2fr);
    }

    .repair-intake__copy {
      padding: 26px 26px 26px var(--repair-page-gutter);
    }

    .repair-intake__copy h1 {
      margin-top: 28px;
      font-size: clamp(56px, 8.4vw, 76px);
    }

    .repair-intake__copy h1 em {
      font-size: 0.42em;
    }

    .repair-intake__visual img {
      min-height: 410px;
    }

    .repair-studio .repair-transport-grid > a {
      min-height: 0;
      padding: 0;
    }

    .repair-studio .repair-transport-grid > a:hover,
    .repair-studio .repair-transport-grid > a.is-selected,
    .repair-studio .repair-transport-grid > a[aria-current="true"] {
      padding: 0;
    }

    .repair-transport__copy {
      min-height: 112px;
      padding: 20px 48px 20px 18px;
    }

    .repair-transport__copy h2 {
      font-size: clamp(24px, 3.2vw, 34px);
    }

    .repair-diagnostics__head {
      grid-template-columns: minmax(0, 1fr) minmax(250px, 0.45fr);
      gap: 40px;
    }

    .repair-diagnostics .symptom-grid > a,
    .repair-diagnostics .symptom-grid > a:nth-child(4),
    .repair-diagnostics .symptom-grid > a:nth-child(5),
    .repair-diagnostics .symptom-grid > a:nth-child(6),
    .repair-diagnostics .symptom-grid > a:nth-child(n + 7) {
      grid-column: span 6;
    }

    .repair-diagnostics .symptom-grid > a:last-child {
      grid-column: 1 / -1;
    }

    .repair-method__grid,
    .repair-pricing__layout,
    .repair-faq .split-layout,
    .repair-final-cta .location-cta__grid {
      grid-template-columns: 1fr;
    }

    .repair-method__figure img {
      min-height: 440px;
    }

    .repair-method__content {
      min-height: 0;
      padding-inline: var(--repair-page-gutter);
      border-top: 0;
      border-left: 1px solid var(--line);
    }

    .repair-pricing__intro,
    .repair-faq .section-head {
      position: static;
      padding-top: 0;
    }

    .repair-pricing__intro {
      max-width: 620px;
    }

    .repair-faq .section-head {
      margin-bottom: 48px;
    }

    .direction-list a {
      grid-template-columns: 50px 1fr 28px;
    }

    .footer-grid {
      grid-template-columns: 1.3fr 0.7fr 0.7fr;
    }

    .footer-grid > div:last-child {
      grid-column: 2 / -1;
    }
  }

  @media (max-width: 760px) {
    :root {
      --shell: min(100% - 32px, 1440px);
      --header-height: 68px;
    }

    .repair-studio {
      --repair-page-gutter: 16px;
    }

    .section {
      padding-block: 82px;
    }

    .has-parts-page .parts-prices,
    .has-parts-page .parts-faq {
      padding-block: 56px;
    }

    .has-parts-page .parts-service {
      padding-block: 0;
    }

    .has-parts-page .parts-hero {
      padding-bottom: 0;
    }

    .home-models,
    .purchase-section,
    .service-proof,
    .home-purchase-faq,
    .home-repair-flow > .section {
      padding-block: 70px;
    }

    .section-head {
      gap: 16px;
      margin-bottom: 38px;
    }

    .section-head h2,
    .purchase-copy h2 {
      font-size: clamp(42px, 13vw, 64px);
      line-height: 0.92;
      overflow-wrap: anywhere;
    }

    .purchase-copy .section-head,
    .process-section .section-head {
      justify-items: center;
      text-align: center;
    }

    .repair-guide .section-head h2,
    .repair-prices .popular-prices__head > div {
      width: 100%;
      text-align: center;
    }

    .section-intro {
      font-size: 16px;
    }

    .header-phone {
      display: grid;
      width: 44px;
      height: 44px;
      place-items: center;
    }

    .header-actions {
      position: relative;
      left: 32px;
    }

    .mobile-action-bar {
      display: grid;
    }

    .model-hero,
    .model-hero__inner {
      min-height: max(720px, 100svh);
    }

    .model-hero__inner {
      padding-top: calc(var(--header-height) + 54px);
      padding-bottom: 22px;
    }

    .model-hero .breadcrumbs {
      display: none;
    }

    .model-page[data-model-variant] .model-hero__title {
      max-width: calc(100% - 54px);
    }

    .model-hero__title .hero-kicker {
      font-size: 9px;
    }

    .model-hero__title h1 {
      margin-top: 10px;
      font-size: clamp(49px, 13.5vw, 68px);
      line-height: 0.8;
    }

    .model-hero__title h1 span {
      margin-bottom: 7px;
      font-size: 0.17em;
    }

    .model-hero__title > p:last-child {
      max-width: 92%;
      margin-top: 14px;
      font-size: 13px;
      line-height: 1.4;
    }

    .model-page[data-model-variant] .model-hero__media {
      width: calc(100% + 32px);
      height: min(40svh, 360px);
      min-height: 285px;
      margin: 16px -16px 0;
    }

    .model-page[data-model-variant] .model-hero__word {
      top: 43%;
      font-size: clamp(120px, 43vw, 190px);
    }

    .model-image-notice {
      right: 8px;
      bottom: 7px;
      max-width: calc(100% - 16px);
      font-size: 6px;
    }

    .model-hero__commercial {
      display: grid;
      align-items: stretch;
      width: 100%;
      margin-top: 12px;
      gap: 10px;
    }

    .model-hero__price {
      min-width: 0;
    }

    .model-hero__price strong {
      font-size: 30px;
    }

    .model-hero__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .model-hero__actions .button {
      width: 100%;
      min-height: 48px;
    }

    .model-hero__actions .button:nth-child(2) {
      display: none;
    }

    .model-hero__colors {
      top: calc(var(--header-height) + 18px);
    }

    .model-color-picker legend,
    .model-color-picker small {
      display: none;
    }

    .model-color-picker__options {
      margin: 0;
    }

    .model-page .color-swatch {
      width: 44px;
      height: 44px;
    }

    .model-hero__color-status {
      max-width: 112px;
    }

    .model-hero__color-status strong {
      font-size: 10px;
    }

    .model-proof__grid {
      grid-template-columns: 1fr;
    }

    .model-proof p {
      min-height: 72px;
      padding: 18px 16px;
      border-right: 0;
      border-bottom: 1px solid currentColor;
    }

    .model-proof p:last-child {
      border-bottom: 0;
    }

    .model-gallery-section {
      padding-block: 78px;
    }

    .model-gallery__heading {
      display: block;
      margin-bottom: 38px;
    }

    .model-gallery__heading h2 {
      margin-top: 16px;
      font-size: clamp(48px, 14vw, 66px);
      line-height: 0.9;
    }

    .model-gallery__item figcaption {
      top: 10px;
      bottom: auto;
    }

    .model-gallery--mosaic,
    .model-gallery--filmstrip,
    .model-gallery--stage,
    .model-gallery--diptych,
    .model-gallery--editorial-pair,
    .model-gallery--modules {
      display: grid;
      overflow: visible;
      padding: 0;
      grid-template-columns: 1fr;
      grid-template-rows: none;
      grid-auto-columns: auto;
      grid-auto-flow: row;
      scroll-snap-type: none;
    }

    .model-gallery--mosaic .model-gallery__item,
    .model-gallery--stage .model-gallery__item,
    .model-gallery--diptych .model-gallery__item,
    .model-gallery--editorial-pair .model-gallery__item,
    .model-gallery--modules .model-gallery__item,
    .model-gallery--filmstrip .model-gallery__item {
      width: 100%;
      margin: 0;
      border-width: 9px;
      aspect-ratio: 5 / 4;
      grid-area: auto;
      grid-column: auto;
    }

    .model-gallery__item figcaption {
      font-size: 7px;
    }

    .model-offer__grid {
      gap: 54px;
    }

    .model-offer__intro h2 {
      margin-top: 16px;
      font-size: clamp(48px, 14vw, 66px);
    }

    .model-offer__intro > p:not(.section-eyebrow) {
      margin-top: 22px;
      font-size: 15px;
    }

    .model-offer__intro .button {
      width: 100%;
      margin-top: 28px;
    }

    .model-offer__facts dl > div {
      align-items: flex-start;
      flex-direction: column;
      gap: 4px;
      padding-block: 15px;
    }

    .model-offer__facts dd {
      text-align: left;
    }

    .model-offer__facts summary {
      padding-block: 22px;
      font-size: 18px;
    }

    .model-service--graphic {
      min-height: 650px;
      padding-block: 78px;
    }

    .model-service__grid {
      gap: 58px;
    }

    .model-service h2 {
      margin-top: 16px;
      font-size: clamp(56px, 16vw, 76px);
    }

    .model-service__grid > div > p:not(.section-eyebrow) {
      margin-top: 22px;
      font-size: 15px;
    }

    .model-service ol li {
      min-height: 74px;
    }

    .model-service--photo {
      display: block;
      min-height: 0;
    }

    .model-service__photos {
      grid-template-columns: 1fr;
    }

    .model-service__photos figure,
    .model-service__photos figure:first-child {
      min-height: 420px;
      grid-column: auto;
    }

    .model-service__photo-copy {
      min-height: 440px;
      padding: 64px 16px 84px;
    }

    .home-hero {
      height: 100svh;
      min-height: 660px;
    }

    .home-hero__sticky {
      position: relative;
      height: 100%;
      min-height: 660px;
    }

    .home-hero__media {
      background-image: url("/public/elevelo-hero-mobile-start.webp");
      background-position: center;
      transform: none;
    }

    .home-hero__media video {
      display: none;
    }

    .home-hero.is-mobile-video .home-hero__media video {
      display: block;
    }

    .home-hero__shade {
      background:
        linear-gradient(to top, var(--ink) 0%, rgba(11, 14, 10, 0.92) 8%, transparent 18%),
        linear-gradient(0deg, rgba(7, 10, 7, 0.94) 0%, rgba(7, 10, 7, 0.62) 53%, rgba(7, 10, 7, 0.18) 100%),
        linear-gradient(90deg, rgba(7, 10, 7, 0.38), transparent);
    }

    .home-hero__content {
      padding-top: calc(var(--header-height) + 28px);
      padding-bottom: 48px;
    }

    .home-hero h1 {
      font-size: clamp(38px, 10.5vw, 52px);
      line-height: 0.95;
    }

    .hero-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 4px;
      margin-top: 24px;
    }

    .home-hero .hero-actions .button--primary {
      width: 100%;
    }

    .home-hero .hero-actions .button--ghost-light {
      display: inline-flex;
      justify-content: flex-start;
      width: fit-content;
      min-height: 40px;
      padding: 6px 0;
      border: 0;
      background: transparent;
      text-decoration: underline;
      text-underline-offset: 5px;
    }

    .home-hero .hero-actions .button--ghost-light:hover {
      color: #fff;
      background: transparent;
    }

    .model-showcase__stack,
    .catalog-grid,
    .related-grid {
      grid-template-columns: 1fr;
    }

    .model-card,
    .model-card--compact,
    .model-showcase__stack .model-card--compact {
      min-height: clamp(370px, 112vw, 440px);
    }

    .model-card__media,
    .model-card--compact .model-card__media {
      inset: -6% -31% -8% 18%;
      height: auto;
      aspect-ratio: auto;
    }

    .model-card__body,
    .model-card--compact .model-card__body,
    .catalog-grid .model-card__body,
    .related-grid .model-card__body {
      width: min(60%, 250px);
      padding: 22px 16px 20px;
    }

    .model-card :is(h2, h3),
    .model-card--compact :is(h2, h3),
    .catalog-grid .model-card :is(h2, h3),
    .related-grid .model-card :is(h2, h3) {
      font-size: clamp(28px, 9.2vw, 38px);
    }

    .model-card__commercial {
      gap: 10px;
      padding-block: 10px;
    }

    .model-card__commercial > div:first-child strong {
      font-size: 23px;
    }

    .section-actions {
      align-items: flex-start;
      flex-direction: column;
    }

    .home-models {
      --home-models-entry-space: 96px;
      --home-models-exit-space: 112px;
      --home-models-transition-height: 48px;
      padding-top: var(--home-models-entry-space);
      padding-bottom: 0;
      background: var(--paper);
    }

    .home-models::after {
      content: none;
    }

    .home-models__showcase {
      gap: clamp(52px, 15vw, 72px);
      margin: 0 -16px;
    }

    .related-models--showcase {
      padding-top: 96px;
      padding-bottom: 112px;
    }

    .related-models--showcase::before {
      height: 96px;
    }

    .related-models--showcase::after {
      height: 96px;
    }

    .related-models__showcase {
      gap: clamp(52px, 15vw, 72px);
      margin: 0 -16px;
    }

    .home-models .section-actions {
      margin-top: 32px;
      padding-bottom: var(--home-models-exit-space);
    }

    .related-models__actions {
      margin-top: 32px;
    }

    .purchase-section {
      position: relative;
      margin-top: -32px;
      padding-top: 88px;
      clip-path: polygon(0 32px, 100% 0, 100% 100%, 0 100%);
    }

    .home-model-panel {
      min-height: clamp(356px, 106vw, 440px);
      grid-template-columns: minmax(0, 1fr);
    }

    .home-model-panel::before {
      top: -48px;
      bottom: -48px;
    }

    .home-model-panel__word {
      top: 53%;
      left: 18%;
      font-size: clamp(86px, 30vw, 154px);
    }

    .home-model-panel--wenbox .home-model-panel__word {
      top: 54%;
      left: 4%;
      font-size: clamp(148px, 34vw, 230px);
      letter-spacing: -0.06em;
      transform: translateY(-50%) scaleX(1.1);
    }

    .home-model-panel--strong .home-model-panel__word {
      top: 55%;
      left: 4%;
      font-size: clamp(144px, 35vw, 225px);
      letter-spacing: -0.06em;
      transform: translateY(-50%) scaleX(1.08);
    }

    .home-model-panel__media {
      inset: -5% -30% -7% 18%;
    }

    .home-model-panel--strong .home-model-panel__media {
      inset: -6% -36% -9% 21%;
    }

    .home-model-panel__image {
      object-position: 66% 50%;
    }

    .home-model-panel__copy {
      width: min(60%, 250px);
      padding: 22px 16px 20px;
    }

    .home-model-panel__copy h3 {
      font-size: clamp(28px, 9.2vw, 38px);
      line-height: 0.88;
    }

    .home-model-panel__footer {
      display: grid;
      align-items: end;
      grid-template-areas:
        "price"
        "colors"
        "link";
      grid-template-columns: minmax(0, 1fr);
      row-gap: 8px;
    }

    .home-model-panel__price {
      margin-right: 0;
      grid-area: price;
    }

    .home-model-panel__colors {
      grid-area: colors;
    }

    .home-model-panel__availability {
      grid-area: colors;
    }

    .home-model-panel__link {
      width: max-content;
      grid-area: link;
      justify-self: start;
    }

    .home-model-panel__price strong {
      font-size: 25px;
    }

    .home-model-panel__colors legend {
      font-size: 8px;
    }

    .home-model-panel__colors legend {
      margin-bottom: 5px;
    }

    .home-model-panel__color {
      width: 44px;
      height: 44px;
    }

    .home-model-panel__color i {
      width: 100%;
      height: 100%;
    }

    .home-model-panel__link {
      min-height: 44px;
      gap: 6px;
      font-size: 10px;
    }

    .home-model-panel__link svg {
      width: 13px;
    }

    .package-list--two-col {
      display: block;
    }

    .package-list--two-col li:nth-child(odd),
    .package-list--two-col li:nth-child(even) {
      padding-inline: 0;
      border-right: 0;
    }

    .package-list li {
      min-height: 105px;
      grid-template-columns: 44px 1fr;
    }

    .package-list h3 {
      font-size: 23px;
    }

    .purchase-copy__note {
      margin-bottom: 24px;
      font-size: 14px;
    }

    .purchase-copy .button {
      width: 100%;
    }

    .service-proof__heading {
      margin-bottom: var(--service-proof-space);
    }

    .service-proof {
      --service-proof-space: 70px;
    }

    .service-proof__title h2 {
      font-size: clamp(50px, 15vw, 66px);
      text-align: center;
    }

    .home-purchase-faq .section-head h2,
    .home-repair-faq .section-head h2 {
      max-width: 100%;
      font-size: clamp(48px, 14vw, 68px);
    }

    .home-repair-flow > [data-home-section="repair-process"] .process-list h3 {
      min-height: 0;
    }

    .home-repair-flow > [data-home-section="repair-process"] {
      background-position: center, center, 68% center;
      background-size: 100% 100%, 100% 100%, cover;
    }

    .home-repair-flow > [data-home-section="repair-process"] .process-list li {
      min-height: 0;
      padding-block: 18px;
    }

    .home-repair-flow > [data-home-section="repair-process"] .process-list p {
      margin-top: 10px;
    }

    .popular-prices__head {
      align-items: flex-start;
      flex-direction: column;
      gap: 18px;
    }

    .symptom-grid,
    .symptom-grid--dark {
      grid-template-columns: 1fr 1fr;
    }

    .symptom-grid a {
      min-height: 125px;
      padding: 18px;
      font-size: 17px;
    }

    .price-row {
      padding-block: 22px;
      gap: 20px;
    }

    .price-row__title :is(h2, h3) {
      font-size: 22px;
    }

    .price-row dl {
      border-top: 1px solid var(--line);
    }

    .price-row dl > div {
      padding: 14px 10px 0;
    }

    .price-row dl > div:first-child {
      padding-left: 0;
      border-left: 0;
    }

    .price-row dd {
      font-size: 13px;
    }

    .price-row__total dd {
      font-size: 16px;
    }

    .dual-grid,
    .warranty-grid,
    .contacts-grid {
      grid-template-columns: 1fr;
    }

    .editorial-panel {
      min-height: 480px;
      padding: 38px 22px;
    }

    .editorial-panel h2 {
      font-size: 54px;
    }

    .process-list {
      grid-template-columns: 1fr;
      border-left: 0;
    }

    .process-list li {
      min-height: 220px;
      padding: 24px 0;
      border-right: 0;
    }

    .location-cta {
      padding-block: 70px 100px;
    }

    .location-cta__grid {
      grid-template-columns: 1fr;
    }

    .location-cta h2 {
      font-size: 49px;
    }

    .home-final-cta__actions .button {
      min-height: 54px;
    }

    .home-final-cta {
      min-height: max(880px, 100svh);
      padding-block: 104px 112px;
    }

    .home-final-cta__media {
      inset: 0;
    }

    .home-final-cta__media img {
      object-position: 56% center;
    }

    .home-final-cta__shade {
      background:
        linear-gradient(180deg, rgba(7, 9, 7, 0.42) 0%, rgba(7, 9, 7, 0.74) 38%, rgba(7, 9, 7, 0.96) 100%),
        linear-gradient(90deg, rgba(7, 9, 7, 0.42), rgba(7, 9, 7, 0.18));
    }

    .home-final-cta__grid {
      align-content: end;
      min-height: calc(max(880px, 100svh) - 216px);
      grid-template-columns: 1fr;
      gap: 44px;
    }

    .home-final-cta__headline > p {
      max-width: 290px;
      margin-bottom: 18px;
      font-size: 9px;
    }

    .home-final-cta h2 {
      font-size: clamp(48px, 13vw, 62px);
    }

    .home-final-cta__details {
      gap: 16px;
    }

    .home-final-cta__details > p {
      font-size: 15px;
    }

    .home-final-cta__details > a {
      font-size: 31px;
    }

    .section--first {
      padding-top: calc(var(--header-height) + 16px);
    }

    .compact-section-head {
      align-items: flex-start;
      margin-bottom: 24px;
      flex-direction: column;
      gap: 10px;
    }

    .compact-section-head :is(h1, h2) {
      margin-top: 6px;
      font-size: 32px;
    }

    .repair-intake {
      padding-top: var(--header-height);
      padding-bottom: 0;
    }

    .repair-intake__stage {
      height: auto;
      min-height: 0;
      grid-template-columns: 1fr;
    }

    .repair-intake__copy {
      min-height: 250px;
      padding: 26px var(--repair-page-gutter);
      border-right: 0;
      border-bottom: 1px solid var(--line);
      justify-content: center;
    }

    .repair-intake__copy h1 {
      margin-top: 0;
      font-size: clamp(54px, 16vw, 66px);
      line-height: 0.8;
      text-align: center;
    }

    .repair-intake__copy h1 em {
      margin-top: 0.2em;
      font-size: 0.52em;
      letter-spacing: -0.065em;
    }

    .repair-intake__visual img {
      height: auto;
      min-height: 0;
      aspect-ratio: 3 / 2;
      object-position: 47% center;
    }

    .repair-intake .repair-transport-grid {
      display: grid;
      margin-top: 0;
      margin-right: 0;
      padding-right: 0;
      overflow: visible;
      border-top: 1px solid rgba(11, 14, 10, 0.16);
      border-bottom: 0;
      grid-template-columns: 1fr;
      gap: 0;
    }

    .repair-studio .repair-transport-grid > a {
      min-height: 92px;
      padding: 0;
      border: 0;
      border-bottom: 1px solid rgba(11, 14, 10, 0.16);
    }

    .repair-studio .repair-transport-grid > a:last-child {
      border-right: 0;
    }

    .repair-studio .repair-transport-grid > a:hover,
    .repair-studio .repair-transport-grid > a.is-selected,
    .repair-studio .repair-transport-grid > a[aria-current="true"] {
      padding: 0;
    }

    .repair-transport__copy {
      min-height: 92px;
      padding: 18px 48px 18px 18px;
    }

    .repair-transport__copy h2 {
      font-size: clamp(28px, 8vw, 33px);
    }

    .repair-diagnostics {
      padding-block: 62px;
    }

    .repair-diagnostics__head {
      margin-bottom: 30px;
      grid-template-columns: 1fr;
      gap: 24px;
    }

    .repair-diagnostics__head h2 {
      font-size: clamp(49px, 14vw, 62px);
      text-align: center;
    }

    .repair-diagnostics__head > div:first-child > p:last-child {
      font-size: 15px;
    }

    .repair-diagnostics__selection {
      min-height: 0;
    }

    .repair-diagnostics .symptom-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .repair-diagnostics .symptom-grid > a,
    .repair-diagnostics .symptom-grid > a:nth-child(4),
    .repair-diagnostics .symptom-grid > a:nth-child(5),
    .repair-diagnostics .symptom-grid > a:nth-child(6),
    .repair-diagnostics .symptom-grid > a:nth-child(n + 7) {
      min-height: 104px;
      padding: 16px;
      grid-column: span 1;
      gap: 9px;
    }

    .repair-diagnostics .symptom-grid > a:last-child {
      grid-column: 1 / -1;
    }

    .repair-diagnostics .symptom-grid strong {
      font-size: clamp(20px, 5.8vw, 24px);
    }

    .repair-method {
      min-height: 0;
      padding: 0;
    }

    .repair-method__grid {
      min-height: 0;
    }

    .repair-method__figure img {
      min-height: 330px;
      aspect-ratio: 1 / 1;
      object-position: 58% center;
    }

    .repair-method__content {
      min-height: 0;
      padding: 30px var(--repair-page-gutter);
    }

    .repair-method__content h2 {
      font-size: clamp(40px, 11vw, 49px);
      text-align: center;
    }

    .repair-method__content ol {
      margin-top: 38px;
    }

    .repair-method__content li {
      padding-block: 20px;
    }

    .repair-method__content h3 {
      font-size: 22px;
    }

    .repair-pricing {
      padding: 64px 0 46px;
    }

    .repair-pricing__layout {
      gap: 48px;
    }

    .repair-pricing__intro {
      gap: 20px;
    }

    .repair-pricing__intro h2 {
      font-size: clamp(42px, 11.5vw, 50px);
      text-align: center;
    }

    .repair-pricing__intro > p:not(.section-eyebrow) {
      font-size: 15px;
    }

    .repair-pricing__intro .button {
      width: 100%;
    }

    .repair-pricing .price-row {
      min-height: 0;
      padding-block: 24px;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .repair-pricing .price-row__title :is(h2, h3) {
      font-size: 24px;
    }

    .repair-pricing .price-row dl {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .repair-pricing .price-row dl > div {
      min-width: 0;
      padding-inline: 10px;
    }

    .repair-pricing .price-row dl > div:first-child {
      padding-left: 0;
      border-left: 0;
    }

    .repair-pricing .price-row dd {
      white-space: normal;
      font-size: 13px;
    }

    .repair-pricing .price-row__total dd {
      font-size: 17px;
    }

    .repair-faq {
      display: block;
      min-height: 0;
      padding: 64px 0;
    }

    .repair-faq .split-layout {
      gap: 0;
    }

    .repair-faq .section-head {
      margin-bottom: 34px;
    }

    .repair-faq .section-head h2 {
      max-width: 100%;
      font-size: clamp(42px, 11.5vw, 49px);
      line-height: 0.92;
    }

    .repair-faq [data-faq-toggle] {
      min-height: 76px;
      padding-block: 21px;
      font-size: 21px;
      gap: 16px;
    }

    .repair-faq .faq-answer p {
      padding-right: 16px;
      font-size: 14px;
    }

    .repair-final-cta {
      padding-block: 64px 92px;
    }

    .repair-final-cta .location-cta__grid {
      grid-template-columns: 1fr;
      gap: 42px;
    }

    .repair-final-cta h2 {
      font-size: clamp(40px, 11vw, 48px);
    }

    .repair-final-cta .location-cta__details > p {
      font-size: 15px;
    }

    .repair-final-cta .location-cta__details > a {
      font-size: 30px;
    }

    .repair-final-cta .button {
      width: 100%;
    }

    .catalog-toolbar {
      margin-bottom: 24px;
    }

    .catalog-toolbar h1 {
      font-size: 42px;
    }

    .catalog-screen {
      min-height: auto;
    }

    .catalog-selection {
      display: block;
      min-height: 0;
    }

    .catalog-selection__copy {
      gap: 22px;
    }

    .catalog-selection__copy h2 {
      max-width: 620px;
      font-size: clamp(54px, 15vw, 76px);
      line-height: 0.88;
    }

    .catalog-selection__copy > p:last-of-type {
      font-size: 17px;
    }

    .selection-lab::before {
      top: 28%;
      right: -0.12em;
      font-size: min(118vw, 560px);
      opacity: 0.24;
    }

    .catalog-selection__choices {
      margin-top: 48px;
      grid-template-columns: 1fr;
    }

    .catalog-selection__choices li + li {
      border-top: 1px solid var(--line);
      border-left: 0;
    }

    .catalog-selection__choices a {
      min-height: 112px;
      padding: 20px 6px 22px;
      grid-template-columns: 38px minmax(0, 1fr) auto;
      grid-template-rows: 1fr;
      gap: 14px;
    }

    .catalog-selection__choice-index {
      grid-column: 1;
      align-self: center;
    }

    .catalog-selection__choice-copy {
      grid-column: 2;
      align-self: center;
    }

    .catalog-selection__choice-copy strong {
      font-size: clamp(28px, 8.4vw, 36px);
    }

    .catalog-selection__choices svg {
      grid-column: 3;
      align-self: center;
    }

    .catalog-selection__unsure {
      width: fit-content;
      margin-top: 18px;
    }

    .service-preview .section-head h2 {
      font-size: clamp(47px, 12.5vw, 58px);
    }

    .service-preview::before {
      background-position: center, center, 68% center;
      background-size: 100% 100%, 100% 100%, cover;
    }

    .service-preview .section-head::after {
      width: 120px;
      height: 6px;
    }

    .service-preview .mini-package {
      grid-template-columns: 1fr;
    }

    .mini-package > div {
      min-height: 118px;
      padding-block: 24px;
      grid-template-columns: 40px minmax(0, 1fr);
      gap: 14px;
    }

    .mini-package strong {
      font-size: 24px;
    }

    .catalog-faq .section-head h2 {
      max-width: 100%;
      font-size: clamp(62px, 18vw, 82px);
    }

    .catalog-faq .faq-list summary {
      padding-block: 26px;
      font-size: 24px;
    }

    .use-case-list > div {
      grid-template-columns: 38px 1fr;
    }

    .use-case-list p {
      margin-top: 8px;
      grid-column: 2;
    }

    .mini-package,
    .check-list {
      grid-template-columns: 1fr 1fr;
    }

    .transport-list a,
    .direction-list a {
      min-height: 112px;
      grid-template-columns: 38px 1fr 22px;
      gap: 12px;
    }

    .transport-list :is(h2, h3),
    .direction-list :is(h2, h3) {
      font-size: 31px;
    }

    .issue-detail__grid {
      gap: 14px;
    }

    .issue-list > div {
      grid-template-columns: 40px 1fr;
    }

    .inline-cta > .shell {
      align-items: flex-start;
      flex-direction: column;
    }

    .inline-cta h2 {
      font-size: 52px;
    }

    .price-tools {
      grid-template-columns: 1fr;
    }

    .warranty-grid article {
      min-height: 480px;
      padding: 34px 24px;
    }

    .warranty-grid h2 {
      font-size: clamp(38px, 11.5vw, 48px);
    }

    .contact-card {
      min-height: 300px;
      padding: 34px 22px;
    }

    .footer-grid {
      grid-template-columns: 1fr 1fr;
      gap: 44px 24px;
      text-align: center;
    }

    .footer-brand {
      grid-column: 1 / -1;
    }

    .footer-brand > p {
      margin-inline: auto;
    }

    .footer-grid > div:not(.footer-brand) {
      align-items: center;
    }

    .footer-grid > div:last-child {
      grid-column: 1 / -1;
    }

    .footer-bottom {
      flex-wrap: wrap;
      gap: 14px 22px;
      justify-content: center;
      padding-bottom: 80px;
    }

    .footer-bottom a:last-child {
      margin-left: 0;
    }

    .lead-dialog {
      width: 100%;
      height: 100dvh;
      max-height: 100dvh;
      margin: 0;
      border: 0;
    }

    .lead-dialog__shell {
      height: 100dvh;
      max-height: 100dvh;
      overflow-y: auto;
    }

    .lead-dialog__intro {
      padding: 24px 68px 20px 20px;
    }

    .lead-dialog__intro h2 {
      margin-top: 8px;
      font-size: clamp(32px, 9vw, 42px);
    }

    .lead-dialog__intro > p:last-child {
      font-size: 13px;
    }

    .lead-form {
      padding: 22px 20px calc(30px + env(safe-area-inset-bottom));
      gap: 13px;
    }

    .photo-picker__previews {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .photo-picker__previews[data-photo-count="1"] {
      grid-template-columns: minmax(0, 1fr);
    }

    .dialog-close {
      position: fixed;
      top: 14px;
      right: 14px;
    }

    .not-found h1 {
      font-size: clamp(54px, 15.5vw, 65px);
      overflow-wrap: anywhere;
    }
  }

  @media (max-width: 900px) and (max-height: 560px) and (orientation: landscape) {
    .lead-dialog {
      width: 100%;
      height: 100dvh;
      max-height: 100dvh;
      margin: 0;
    }

    .lead-dialog__shell {
      height: 100dvh;
      max-height: 100dvh;
      overflow-y: auto;
    }

    .lead-dialog__intro {
      padding: 20px 72px 16px 24px;
    }

    .lead-dialog__intro h2 {
      margin-top: 6px;
      font-size: clamp(30px, 5vw, 40px);
    }

    .lead-dialog__intro > p:last-child {
      margin-top: 12px;
      font-size: 12px;
    }

    .lead-form {
      padding: 20px 24px 32px;
    }

    .dialog-close {
      position: fixed;
      top: 12px;
      right: 12px;
      width: 44px;
      height: 44px;
    }
  }

  @media (max-width: 420px) {
    .model-page[data-model-variant] .model-hero__media {
      height: 300px;
      min-height: 300px;
    }

    .model-hero__title > p:last-child {
      max-width: 100%;
    }

    .home-hero h1 {
      font-size: 45px;
    }

    .home-hero__content {
      padding-bottom: 22px;
    }

    .symptom-grid,
    .symptom-grid--dark,
    .mini-package,
    .check-list {
      grid-template-columns: 1fr;
    }

    .price-row dl {
      grid-template-columns: 1fr;
    }

    .price-row dl > div,
    .price-row dl > div:first-child {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      padding: 12px 0;
      border-left: 0;
      border-bottom: 1px solid var(--line);
    }

    .price-row dt {
      margin: 0;
    }

  }

  @media (max-width: 340px) {
    .repair-guide .symptom-grid {
      grid-template-columns: 1fr;
    }

    .repair-guide .symptom-grid__other {
      grid-column: auto;
    }

    .repair-guide .symptom-grid a {
      min-height: 104px;
      padding: 16px;
      overflow-wrap: normal;
    }
  }

  @media (min-width: 421px) and (max-width: 480px) {
    .home-hero h1 {
      font-size: clamp(43px, 10.6vw, 47px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }

    .home-hero {
      height: 100svh;
    }

    .home-hero__sticky {
      position: relative;
    }

    .home-hero__media video {
      display: none;
    }

    .js .home-hero :is(.hero-kicker, h1),
    .js .home-hero .hero-actions .button {
      opacity: 1;
      transform: none;
      animation: none;
    }

    .js [data-reveal] {
      opacity: 1;
      transform: none;
    }
  }
}