/* Photographic scenes sized around their content and real product captures. */
.listeningStories{padding:40px 32px;background:#fff;display:grid;gap:28px;scroll-margin-top:0}
.listeningScene{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(32px,4vw,56px) 5%;border-radius:20px;background:#081729;color:#fff}
.scenePhoto{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.listeningScene:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.musicScene:after{background:linear-gradient(90deg,#04142699,transparent 75%)}
.sceneCopy{position:relative;z-index:3;max-width:440px}
.sceneCopy h2{font-size:clamp(42px,4.2vw,64px);line-height:1.02;letter-spacing:-.055em}
.sceneCopy p{margin-top:20px;color:#ffffffd4;font-size:16px;line-height:1.65}
.sceneCopy a{display:inline-flex;align-items:center;gap:22px;margin-top:24px;font-size:14px;border-bottom:1px solid #ffffff60;padding-bottom:8px}
.sceneCopy a:hover{border-color:white}.sceneCopy a svg{width:17px;height:17px}
.musicScreens{position:relative;width:100%;max-width:580px;aspect-ratio:1.35;margin:0 auto}
.musicScreens .realCapture,.cinemaEffects{margin:0;border:0;box-shadow:0 26px 55px #0007;isolation:isolate}
.musicScreens .tvm-volume{border-radius:7.5% / 8.18%}
.musicScreens .tvm-eq{border-radius:8.5% / 6.07%}
.cinemaEffects{border-radius:7.5% / 7.34%}
.musicScreens .musicVolume{position:absolute;left:0;top:10%;width:65%;max-width:none;transform:rotate(-4deg)}
.musicScreens .musicEq{position:absolute;right:0;bottom:0;width:49%;max-width:none;transform:rotate(4deg)}
.cinemaScene .scenePhoto{object-position:center center}
.cinemaScene:after{background:linear-gradient(90deg,#05132615,#05132699)}
.cinemaScene .sceneCopy{grid-column:2;grid-row:1;justify-self:end;text-align:right}
.cinemaEffects{position:relative;grid-column:1;grid-row:1;width:min(80%,350px);justify-self:start;transform:rotate(-3deg)}
.tab-volume-manager .pricingSection{background:#edf2ff;padding-top:85px;padding-bottom:85px}
.tab-volume-manager .priceCard{box-shadow:none}
.tab-volume-manager .faqSection{padding-top:80px;padding-bottom:80px}
@media(min-width:1700px){.listeningStories{padding:48px max(40px,calc((100vw - 1600px)/2));gap:32px}}
@media(max-width:1100px) and (min-width:761px){.listeningStories{padding:30px 24px;gap:24px}.sceneCopy h2{font-size:44px}.sceneCopy p{font-size:14px}.cinemaEffects{width:85%}}
@media(max-width:760px){
    .listeningStories{padding:22px 16px;gap:22px}
    .listeningScene{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px 25px 34px;border-radius:16px}
    .sceneCopy{max-width:none}
    .sceneCopy h2{font-size:42px}
    .sceneCopy p{font-size:14px;line-height:1.6;margin-top:16px}
    .musicScene .scenePhoto{object-position:30% center}
    .musicScene:after{background:linear-gradient(180deg,#041426aa,#04142622 75%)}
    .musicScreens{width:100%;max-width:370px}
    .musicScreens .musicVolume{width:68%;top:6%}
    .musicScreens .musicEq{width:49%}
    .cinemaScene .scenePhoto{object-position:65% center}
    .cinemaScene:after{background:linear-gradient(180deg,#051326aa,#05132622 75%)}
    .cinemaScene .sceneCopy{grid-column:1;grid-row:1;justify-self:stretch;text-align:left}
    .cinemaScene .sceneCopy a{font-size:13px;margin-top:18px}
    .cinemaEffects{grid-column:1;grid-row:2;width:min(78%,280px);justify-self:center}
    .tab-volume-manager .pricingSection{padding:60px 24px}
    .tab-volume-manager .faqSection{padding:60px 24px}
}
@media(max-width:370px){.listeningScene{padding:26px 22px 30px;gap:26px}.sceneCopy h2{font-size:38px}.sceneCopy p{font-size:13px}}
/* Keep page links beside the download action, as on Font Pirate. */
.tab-volume-manager .scrollHeader nav{margin-left:auto}
/* A consistent frame covers resampling seams around the cropped captures. */
.tab-volume-manager .realCapture{box-shadow:0 0 0 1.5px #fff,0 26px 55px #0007}
.tab-volume-manager .realCapture img{transform:scale(1.008);transform-origin:76% 70%}
.tab-volume-manager .tvm-eq img{transform-origin:80% 60%}