.sound-page{background:#f5f3ee}
.sound-gateway{padding:105px clamp(24px,8vw,125px);background:#17212b;color:#f5f3ee;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}
.sound-gateway .kicker{color:#c5a579}
.sound-gateway h2{margin-top:20px;font-size:clamp(3.2rem,6vw,6.4rem);line-height:.95;letter-spacing:-.035em}
.sound-gateway h2 em{color:#c5a579}
.sound-gateway>div:last-child{max-width:410px}
.sound-gateway>div:last-child p{margin:0 0 28px;color:#d5d8d7;font-size:1rem;line-height:1.7}
.sound-gateway-link{display:inline-flex;gap:22px;align-items:center;color:#f5f3ee;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid #c5a579;padding:0 0 10px}
.sound-gateway-link span{color:#c5a579;font-size:1.15rem}
.sound-opening{min-height:480px;padding:clamp(58px,10vw,145px) clamp(24px,9vw,145px);background:#17212b;color:#f5f3ee;display:grid;grid-template-columns:1fr 1fr;gap:35px 8vw;align-items:end}
.sound-opening .kicker{grid-column:1/-1;color:#c5a579}
.sound-opening h1{font-size:clamp(4rem,6.6vw,7.5rem);line-height:.9;letter-spacing:-.045em}
.sound-opening h1 em{color:#c5a579}
.sound-opening>p:last-child{max-width:435px;margin-bottom:7px;color:#d5d8d7;font-size:1.03rem;line-height:1.75}
.sound-list{max-width:1160px;margin:0 auto;padding:100px clamp(24px,6vw,90px) 115px}
.sound-list-heading{display:grid;grid-template-columns:1fr auto;gap:13px 30px;align-items:end;margin-bottom:34px}
.sound-list-heading .kicker{grid-column:1/-1;color:#80623d}
.sound-list-heading h2{font-size:clamp(3.3rem,6vw,6.5rem);line-height:.95}
.sound-list-heading .underlined{margin-bottom:7px}
.sound-track{min-height:94px;display:grid;grid-template-columns:45px 1fr 58px 100px;gap:22px;align-items:center;border-top:1px solid rgba(32,37,44,.23)}
.sound-track:last-child{border-bottom:1px solid rgba(32,37,44,.23)}
.sound-track-index{font-size:.68rem;letter-spacing:.14em;color:#80623d}
.sound-track-copy h2{font:clamp(1.35rem,2.2vw,1.85rem)/1.1 'DM Serif Display',Georgia,serif}
.sound-track-copy p{margin-top:6px;color:#6d6d68;font-size:.65rem;letter-spacing:.11em;text-transform:uppercase}
.sound-track-duration{font-size:.72rem;color:#6d6d68;font-variant-numeric:tabular-nums;text-align:right}
.sound-track-play{justify-self:end;min-width:86px;padding:11px 17px;border:1px solid #17212b;background:transparent;color:#17212b;font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.sound-track-play:hover,.sound-track-play:focus-visible{background:#17212b;color:#f5f3ee}
.sound-track-play:focus-visible{outline:2px solid #80623d;outline-offset:3px}
.sound-note{padding:65px clamp(24px,6vw,90px);background:#e8e3d8;display:flex;justify-content:space-between;align-items:center;gap:24px}
.sound-note p{font:clamp(1.3rem,2.2vw,2rem)/1.25 'DM Serif Display',Georgia,serif;max-width:560px}
@media(max-width:650px){.sound-gateway{grid-template-columns:1fr;gap:28px;padding:76px 22px}.sound-gateway h2{font-size:clamp(3.5rem,13vw,5rem)}.sound-opening{min-height:0;grid-template-columns:1fr;padding:75px 22px 78px;gap:25px}.sound-opening .kicker{grid-column:auto}.sound-opening h1{font-size:clamp(4.2rem,17vw,6.5rem)}.sound-opening>p:last-child{font-size:.95rem}.sound-list{padding:68px 18px 78px}.sound-list-heading{grid-template-columns:1fr;gap:12px}.sound-list-heading .kicker{grid-column:auto}.sound-list-heading h2{font-size:4.5rem}.sound-list-heading .underlined{justify-self:start}.sound-track{min-height:82px;grid-template-columns:25px 1fr 42px 72px;gap:10px}.sound-track-copy h2{font-size:1.25rem}.sound-track-copy p{font-size:.55rem}.sound-track-duration{font-size:.65rem}.sound-track-play{min-width:68px;padding:10px 8px;font-size:.6rem}.sound-note{align-items:flex-start;flex-direction:column;padding:48px 20px}.sound-note p{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.sound-track-play{scroll-behavior:auto}}