.sound-guide { background: linear-gradient(120deg, #091417, #030b0d); }
.sound-guide-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); align-items: center; gap: clamp(28px, 4vw, 72px); padding-block: 40px; border-bottom: 1px solid var(--gcs-line); }
.sound-guide-intro { position: relative; isolation: isolate; grid-template-columns: minmax(0, 40fr) minmax(0, 36fr) minmax(0, 24fr); gap: 24px; background: #030b0d; }
.sound-guide-intro::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #030b0d, rgba(3, 11, 13, .8) 30%, transparent 55%, rgba(3, 11, 13, .8) 85%, #030b0d), url('/assets/images/car-with-sound.webp') center / cover no-repeat; }
.sound-guide-intro .sound-guide-copy { grid-column: 1; }
.sound-guide-intro .sound-guide-highlights { grid-column: 3; justify-self: end; max-width: 100%; }
.sound-guide h2 { font-family: 'Tactic Sans', Inter, sans-serif; font-size: clamp(21px, 2vw, 30px); text-transform: uppercase; margin: 0 0 16px; }
.sound-guide .benefits > h2 { grid-column: 1 / -1; margin: 0; }
.sound-guide-copy > p:not(.eyebrow) { color: #bcc7c9; font-size: 15px; line-height: 1.75; margin-bottom: 14px; }
.sound-guide .btn-outline-green { font-size: 12px; padding: 11px 16px; gap: 16px; max-width: 100%; margin-top: 6px; }
.sound-guide .btn-outline-green .icon { width: 20px; height: 20px; }
.sound-guide ul, .sound-guide ol { list-style: none; padding: 0; margin: 0; }
.sound-guide-highlights { min-width: 0; }
.sound-guide-highlights ul { display: grid; gap: 22px; }
.sound-guide-highlights li { display: flex; align-items: center; gap: 15px; font-size: 13px; color: #d6dede; }
.sound-guide-highlights li .icon { width: 28px; height: 28px; color: var(--gcs-green); }
.sound-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--gcs-line); }
.sound-flow li { position: relative; padding: 28px 16px; text-align: center; }
.sound-flow li + li { border-left: 1px solid var(--gcs-line); }
.sound-flow li + li::before { content: '→'; position: absolute; left: -11px; top: 50%; color: var(--gcs-green); background: #071113; width: 22px; }
.sound-flow-number { display: block; color: #8d9b9d; font-size: 11px; letter-spacing: .15em; margin-bottom: 18px; }
.sound-flow .icon { width: 40px; height: 40px; color: var(--gcs-green); margin-bottom: 20px; }
.sound-flow h3 { font-size: 14px; margin-bottom: 8px; }
.sound-flow p { font-size: 12px; color: #aab8ba; line-height: 1.5; margin: 0; }
.sound-powertrains { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sound-powertrains li { text-align: center; padding: 22px 10px; border-left: 1px solid var(--gcs-line); font-size: 15px; }
.sound-powertrains li:first-child { border-left: 0; }
.sound-powertrains span { display: block; color: var(--gcs-green); font-family: 'Tactic Sans', sans-serif; font-size: 32px; font-weight: 200; margin-bottom: 14px; }
@media (max-width: 991.98px) {
    .sound-guide-row { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .sound-guide-intro::before { position: relative; inset: auto; grid-column: 1; grid-row: 2; width: 100%; height: clamp(190px, 38vw, 330px); background-image: linear-gradient(90deg, #030b0d, transparent 14%, transparent 86%, #030b0d), linear-gradient(0deg, #030b0d, transparent 20%, transparent 85%, #030b0d), url('/assets/images/car-with-sound.webp'); background-size: 100% 100%, 100% 100%, contain; background-position: center; background-repeat: no-repeat; }
    .sound-guide-intro .sound-guide-highlights { grid-column: 1; grid-row: 3; justify-self: stretch; }
    .sound-guide-highlights ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
    .sound-guide-highlights li { flex-direction: column; text-align: center; gap: 12px; }
}
@media (max-width: 399.98px) {
    .sound-guide-highlights ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
    .sound-guide-row { padding-block: 30px; }
    .sound-flow { grid-template-columns: minmax(0, 1fr); }
    .sound-flow li + li { border-left: 0; border-top: 1px solid var(--gcs-line); }
    .sound-flow li + li::before { content: '↓'; left: calc(50% - 11px); top: -12px; }
    .sound-powertrains { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; }
    .sound-powertrains li:nth-child(odd) { border-left: 0; }
}