@media(min-width:1101px) and (max-width:1500px){.hero{grid-template-columns:.65fr 1.35fr;gap:26px}.portrait{height:650px}.audio-player{padding:28px 24px 42px;min-height:530px}.player-top{grid-template-columns:150px minmax(0,1fr);gap:24px;min-height:216px}.cover{width:150px;height:150px}.track-heading{flex-direction:column;gap:12px}.track-heading h2{font-size:28px}.player-main{gap:14px}.segment button{padding:8px 13px;font-size:12px}.volume{width:24%}.transport{gap:2px}.editorial{padding-top:40px}h1{font-size:clamp(48px,4vw,60px)}}
@media(max-width:1100px){header{height:80px}.hero{grid-template-columns:.46fr 1fr;gap:24px;min-height:0;padding-bottom:24px}.portrait{height:560px}.portrait picture{width:550px;height:520px}.audio-player{padding:24px 20px 40px;min-height:520px}.player-top{grid-template-columns:110px minmax(0,1fr);gap:18px;min-height:228px;margin-bottom:22px}.cover{width:110px;height:110px}.track-heading{flex-direction:column;gap:12px}.track-heading h2{font-size:27px}.artist{font-size:12px}.player-main{gap:14px}.segment button{font-size:12px;padding:8px 12px}.transport{gap:0}.volume{width:24%}.editorial,.editorial-section{column-gap:6%}.editorial{padding-top:40px;padding-bottom:50px}h1{font-size:48px}h2{font-size:40px}.about-copy{gap:6%;grid-template-columns:.75fr 1.25fr}.body-copy{font-size:17px}.technical-row{grid-template-columns:160px 1fr}}
@media(min-width:701px) and (max-width:850px){.hero{grid-template-columns:1fr;gap:0;padding-top:240px;position:relative;isolation:isolate}.portrait{position:absolute;top:0;left:0;width:55%;height:340px;z-index:-1;mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}.portrait picture{width:450px;height:426px}.audio-player{width:100%;margin:0}.player-top{grid-template-columns:145px 1fr;min-height:224px;gap:24px}.cover{width:145px;height:145px}.track-heading{flex-direction:row;gap:16px}.track-heading h2{font-size:27px}.mode .segment button{padding:8px 10px;font-size:11px}.editorial{grid-template-columns:1fr;gap:28px}.editorial h1{font-size:52px;max-width:700px}.body-copy{max-width:760px}.about-copy{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){:root{--page-gutter:6%;--section-space:56px}header{height:76px}.wordmark{font-size:25px}.hero{display:block;position:relative;isolation:isolate;padding-top:224px;padding-bottom:0}.portrait{position:absolute;top:0;left:-6.8%;width:113.6%;height:325px;z-index:-1;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}.portrait picture{width:390px;height:369px}.portrait img{object-fit:contain}.audio-player{min-height:0;padding:22px 16px 36px;border-radius:22px}.player-top{grid-template-columns:84px minmax(0,1fr);gap:14px;min-height:0;margin-bottom:20px}.cover{width:84px;height:84px;border-radius:9px}.track-heading h2{font-size:24px}.artist{font-size:11px;line-height:1.5;margin-top:4px}.track-heading{gap:12px}.player-main{gap:0}.segment button{font-size:10px;padding:7px 8px;gap:4px;min-height:44px}.segment .ui-icon{width:15px;height:15px}.timeline{margin:24px 0 0 -98px;width:calc(100% + 98px)}.times{font-size:12px}.transport{margin:14px 0 0 -98px;width:calc(100% + 98px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:6px}.transport>.icon-button{width:44px;height:44px;min-width:44px;justify-self:center}.transport>.play-button{justify-self:center}.transport .volume{grid-column:1/-1;justify-content:flex-end;width:100%;gap:8px}.transport .volume input{width:100px;flex:0 1 100px}.playlist{max-height:250px}.track-select{gap:12px;padding:7px 8px}.track-row{min-height:50px}.track-title{font-size:14px}.track-duration{font-size:12px}.expand{min-width:44px}.player-status{left:24px;bottom:10px;font-size:11px}.track-detail-inner{gap:12px;padding:12px 8px 18px}.track-detail img{width:48px;height:48px}.track-detail p,.track-detail dl{font-size:12px}.track-detail dl>div{grid-template-columns:1fr;gap:2px}.track-detail dd{overflow-wrap:anywhere}.editorial,.editorial-section{display:block}.editorial{padding-top:46px;padding-bottom:44px}.editorial h1,.editorial-section h2{margin-bottom:26px}h1{font-size:clamp(35px,9.3vw,46px);line-height:1.12}h2{font-size:36px}.body-copy{font-size:17px;line-height:1.7}.body-copy p+p{margin-top:18px}.text-link{font-size:15px}.voice-preview{padding-bottom:30px}.voice-preview>#comparison-disclosure>summary{padding:30px 0 18px;align-items:flex-start}.voice-preview>#comparison-disclosure>summary h2{font-size:clamp(32px,8.8vw,40px);max-width:290px}.voice-preview .disclosure-mark{margin-top:5px;font-size:24px}#comparison-subtitle{font-size:16px;line-height:1.65;margin-top:0;margin-bottom:24px}.comparison-top{display:flex;flex-wrap:wrap;gap:12px}.comparison-top .segment button{font-size:13px;min-height:44px;padding:9px 18px}.source-indicator{font-size:12px}.comparison-panel{padding:0}.waveform-wrap{margin:20px 0}.waveform-wrap canvas{height:100px}.comparison-controls{gap:14px;flex-wrap:wrap}.comparison-time{font-size:12px}.comparison-seek{min-width:70px}.about-copy{display:block}.about-copy h2{margin-bottom:26px}.studio-details{margin-top:36px}.studio-body{padding-top:20px}.studio-intro{font-size:14px}.technical-row{grid-template-columns:1fr;gap:9px;padding:21px 0}.technical-row dt{font-size:15px}.technical-row dd{font-size:14px}.technical-note{font-size:12px}.get-section{padding-block:74px 80px;text-align:center}.get-section h2{font-size:clamp(44px,12vw,56px)}.get-section>p{font-size:17px;line-height:1.65;margin:22px 0 30px}.contact-destinations{align-items:center;gap:22px}.contact-email{font-size:12px}.contact-cta{min-width:210px;min-height:52px}.atmosphere{height:760px}.atmosphere:before{opacity:.025}footer{padding-block:26px;font-size:12px;gap:20px}footer .wordmark{font-size:22px}}
@media(max-width:380px){.track-heading h2{font-size:22px}.mode .segment button{padding-inline:6px}.comparison-time{width:100%;text-align:right}}

/* Comparison uses the same material and control proportions as the home player. */
@media(min-width:701px) and (max-width:1100px){.comparison-panel{grid-template-columns:130px minmax(0,1fr);gap:24px;padding:26px}.comparison-artwork{width:130px;height:130px}.comparison-top{flex-wrap:wrap;gap:15px}.comparison-heading h3{font-size:24px}}
@media(max-width:700px){.comparison-panel{display:grid;grid-template-columns:74px minmax(0,1fr);gap:20px 14px;padding:22px 16px;border-radius:22px}.comparison-artwork{width:74px;height:74px;border-radius:9px;grid-column:1;grid-row:1}.comparison-main{display:contents}.comparison-top{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}.comparison-heading h3{font-size:20px;line-height:1.3}.comparison-heading>p{font-size:11px;margin-top:4px}.comparison-top .segment button{font-size:12px;padding:8px 13px;min-height:44px}.comparison-panel .waveform-wrap,.comparison-controls,.comparison-meta{grid-column:1/-1;width:100%;margin:0}.comparison-panel .waveform-wrap canvas{height:72px}.comparison-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}.comparison-time{font-size:11px;width:auto;text-align:right}.comparison-seek{min-width:35px}.comparison-meta{gap:8px 12px}.comparison-meta #comparison-status{flex:1}.comparison-meta .source-indicator,.comparison-meta #comparison-status,.comparison-meta #comparison-note{font-size:10px}.comparison-panel .comparison-play{width:48px;height:48px}}