.performance-section,
.interior-section,
.connectivity-section {
    position: relative;
    isolation: isolate;
}

.performance-intro,
.service-mosaic,
.interior-intro,
.interior-panels,
.connectivity-intro,
.connectivity-rows { position: relative; z-index: 1; }

.editorial-index {
    position: absolute;
    z-index: 2;
    margin: 0;
    color: var(--gold);
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .15em;
    text-transform: uppercase;
    pointer-events: none;
}

.editorial-index span { color: rgba(215, 218, 222, .5); }
.editorial-index--performance { top: clamp(70px, 7.6vw, 122px); right: var(--page-pad); }
.editorial-index--interior { top: clamp(68px, 6.4vw, 102px); right: var(--page-pad); }
.editorial-index--connectivity { top: 2px; right: 0; }

.editorial-backdrop {
    position: absolute;
    z-index: 0;
    color: rgba(215, 218, 222, .026);
    font-family: Manrope, Arial, sans-serif;
    font-size: clamp(108px, 18vw, 280px);
    font-weight: 600;
    line-height: .8;
    letter-spacing: -.075em;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.editorial-backdrop--performance { top: clamp(205px, 21vw, 330px); right: -4vw; }
.editorial-backdrop--interior { top: clamp(190px, 18vw, 290px); left: -3.5vw; }
.editorial-backdrop--connect { top: clamp(120px, 14vw, 210px); right: -5vw; }

.service-card__annotation {
    position: absolute;
    z-index: 2;
    top: clamp(18px, 1.8vw, 28px);
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(215, 218, 222, .58);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    pointer-events: none;
}

.service-card__annotation::before {
    content: '';
    width: 22px;
    height: 1px;
    background: linear-gradient(90deg, var(--gold), rgba(215, 218, 222, .5));
}

.service-card__annotation--dynamics { right: clamp(18px, 2vw, 30px); }
.service-card__annotation--power { left: clamp(18px, 2vw, 30px); }

.editorial-line-icon {
    position: absolute;
    width: 38px;
    height: auto;
    overflow: visible;
    color: rgba(215, 218, 222, .5);
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.editorial-line-icon--ambient { top: 1px; right: 0; color: rgba(201, 163, 92, .66); }
.ambient-editorial { padding-right: 46px; }
.editorial-line-icon--cockpit { top: 0; right: 0; }
.editorial-line-icon--display,
.editorial-line-icon--phone { top: 0; right: 0; }
.connectivity-row__text { position: relative; }

@media (max-width: 980px) {
    .editorial-index--performance,
    .editorial-index--interior { right: var(--page-pad); }
    .editorial-backdrop { font-size: clamp(92px, 19vw, 180px); }
    .editorial-line-icon--ambient { right: -4px; }
}

@media (max-width: 620px) {
    .editorial-index { font-size: 8px; }
    .editorial-index--performance { top: 34px; }
    .editorial-index--interior { top: 35px; }
    .editorial-index--connectivity { top: -30px; }
    .editorial-backdrop { font-size: 25vw; color: rgba(215, 218, 222, .02); }
    .editorial-backdrop--performance { top: 155px; }
    .editorial-backdrop--interior { top: 160px; }
    .editorial-backdrop--connect { top: 100px; }
    .service-card__annotation { font-size: 7px; }
    .editorial-line-icon { width: 32px; }
    .editorial-line-icon--ambient { display: none; }
    .ambient-editorial { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .editorial-backdrop,
    .editorial-index,
    .service-card__annotation,
    .editorial-line-icon { translate: 0 0 !important; opacity: 1; }
}