.echoes-store{--bg:#0b2027;--panel:#173038;--text:#fff1d7;--muted:#c7bbc4;--line:#526369;--accent:#f3bb8b;--chip:#244047;--preview:#173038;--preview-text:#fff1d7;--preview-button:#f3bb8b;--preview-button-text:#241a20;--list-bg:#0b2027;--list-text:#fff1d7;--list-muted:#c7bbc4;--list-line:#526369;--card:#173038;background:#0b2027;color:#fff1d7;color-scheme:dark}
.echoes-store .echoes-hero{padding-block:28px 52px;gap:clamp(28px,5vw,80px)}
.echoes-store .echoes-sleeve{border:1px solid #f5cd8d30;box-shadow:0 28px 80px #070b1390;overflow:hidden}
.echoes-store .echoes-sleeve img{display:block;width:100%;height:auto}
.echoes-store .product-art figcaption{color:#d3bca7;font-size:10px;letter-spacing:.12em;gap:12px;line-height:1.6}
.echoes-store #album-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,6vw,88px);line-height:1;letter-spacing:-.045em;color:#fff1d7}
.echoes-store #album-title em{font-weight:400;color:#ecad80}
.echoes-store .product-subtitle{font-family:Georgia,serif;font-size:clamp(19px,2vw,25px);line-height:1.4;color:#ebc7ae}
.echoes-store .product-artist,.echoes-store .eyebrow{color:#edbc97}
.echoes-store .product-price,.echoes-store .product-preview,.echoes-store .story-entry{border-color:#526369}
.echoes-store .story-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;text-decoration:none;color:#fff1d7}
.echoes-store .story-entry>span:first-child{display:grid;gap:8px}
.echoes-store .story-entry small{font-size:10px;letter-spacing:.12em;color:#c7bbc4}
.echoes-store .story-entry strong{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.35}
.echoes-store .product-format,.echoes-store .product-buy>p,.echoes-store .product-reassurance{font-size:12px}
.echoes-store .album-narrative{--bg:#f0e7d8;--text:#312731;--muted:#64565d;--line:#cabbad;--accent:#8c4932;background:#f0e7d8;color:#312731;color-scheme:light}
.echoes-store .narrative-opening{padding-block:68px 48px}
.echoes-store .narrative-opening .eyebrow,.echoes-store .narrative-number,.echoes-store .narrative-music .eyebrow{color:#8c4932}
.echoes-store .narrative-copy h3{font-family:Georgia,serif;font-weight:400;color:#312731}
.echoes-store .narrative-prose p{font-size:17px;line-height:1.85}
.echoes-store .narrative-intro small{display:block;font-size:13px;line-height:1.75;color:#3c4141}
.echoes-store .narrative-art img{border-radius:2px}
.echoes-store .narrative-ending{padding-block:52px 76px}
.echoes-store .store-assurances,.echoes-store .store-details{background:#173038}
.echoes-store .store-listening{background:#0b2027}
.echoes-store .echoes-hero.album-discovery #album-title{font-size:clamp(48px,4.6vw,68px);line-height:1.02}
.echoes-store .echoes-hero.album-discovery .product-info{gap:12px}
.echoes-store .album-media-actions button{background:#173038;color:#fff1d7;border-color:#657a7d}
.echoes-store .album-media-actions button:hover{background:#244047;border-color:#f3bb8b}
.echoes-store .album-media-actions button:focus-visible{outline:3px solid #f3bb8b;outline-offset:3px}
.echoes-store #album-media-echoes{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:20px 28px;align-items:start;padding-block:24px 40px;border-top:1px solid var(--line)}
.echoes-store #album-media-echoes>.album-media-heading{grid-column:1/-1;grid-row:1;margin:0}
.echoes-store #album-media-echoes>.album-media-layout{display:contents}
.echoes-store #album-media-echoes .album-media-film{grid-column:1;grid-row:2}
.echoes-store #album-media-echoes .album-media-companion{grid-column:2;grid-row:2;min-width:0}
.echoes-store #album-media-echoes>.album-media-images{grid-column:1;grid-row:3;display:block;padding:0;border:0;min-width:0}
.echoes-store #album-media-echoes .album-strip-heading{margin-bottom:10px}
.echoes-store #album-media-echoes .album-media-thumbnails{grid-auto-columns:calc((100% - 24px)/4);gap:8px}
.echoes-store #album-media-echoes .album-media-thumbnails img{height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}
.echoes-store #album-media-echoes .album-media-view-all{width:100%;max-width:none;margin-top:8px;border-bottom:1px solid var(--line)}
.echoes-store #album-media-echoes .album-media-listening>.button{background:var(--preview-button);color:var(--preview-button-text)}
.echoes-store .album-media-film,.echoes-store .album-media-listening{background:#173038;border-color:#526369}
.echoes-store .album-media-gallery{background:#0b2027;color:#fff1d7;border-color:#526369}
.echoes-store .album-media-gallery button{background:#244047;color:#fff1d7;border-color:#c7bbc4}
@media(max-width:760px){.echoes-store .echoes-hero.album-discovery{grid-template-columns:88px minmax(0,1fr);gap:10px 12px;padding-block:16px}.echoes-store .echoes-hero.album-discovery #album-title{font-size:33px;line-height:1.02;letter-spacing:-1px}.echoes-store .echoes-hero.album-discovery .product-artist{font-size:9px;letter-spacing:.5px}.echoes-store .echoes-hero.album-discovery .product-subtitle{font-size:13px;line-height:1.35}.echoes-store .echoes-hero.album-discovery .product-preview-main{gap:10px}.echoes-store .listen-button{min-height:44px;min-width:96px}.echoes-store .preview-copy>span{overflow-wrap:anywhere}.echoes-store .album-media-actions button{min-height:60px;font-size:13px}.echoes-store .product-format{font-size:10px}.echoes-store .product-buy>p,.echoes-store .product-reassurance{font-size:11px}.echoes-store .narrative-prose p{font-size:16px;line-height:1.8}.echoes-store .narrative-opening{padding-block:44px 32px}.echoes-store .story-entry{padding-block:16px}}
@media(max-width:360px){.echoes-store .echoes-hero.album-discovery{grid-template-columns:76px minmax(0,1fr);column-gap:10px}.echoes-store .echoes-hero.album-discovery #album-title{font-size:30px}.echoes-store .product-artist{font-size:8px}.echoes-store .preview-copy>span{font-size:12px}}
@media(max-width:760px){
.echoes-store #album-media-echoes{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px;padding-block:20px 28px}
.echoes-store #album-media-echoes>.album-media-heading{display:flex;align-items:center;gap:12px}
.echoes-store #album-media-echoes>.album-media-heading>a{margin:0;flex:none}
.echoes-store #album-media-echoes .album-media-film{grid-column:1;grid-row:2}
.echoes-store #album-media-echoes .album-media-companion{grid-column:1;grid-row:3}
.echoes-store #album-media-echoes>.album-media-images{grid-column:1;grid-row:4}
.echoes-store #album-media-echoes .album-media-listening{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
.echoes-store #album-media-echoes .album-media-listening>.eyebrow{grid-column:1;margin:0;font-size:9px;letter-spacing:.08em}
.echoes-store #album-media-echoes .album-media-listening>h3{grid-column:1;margin:0;font-size:18px}
.echoes-store #album-media-echoes .album-media-listening>.button{grid-column:2;grid-row:1/3;min-width:0;min-height:48px;padding:10px;gap:8px}
.echoes-store #album-media-echoes .album-media-listening>.album-media-error{grid-column:1/-1}
.echoes-store #album-media-echoes .album-media-button-copy small{font-size:10px}
.echoes-store #album-media-echoes .album-media-thumbnails button{min-width:44px;min-height:44px}
}
@media(max-width:760px){
.echoes-store .narrative-nav>.wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;max-width:100%;box-sizing:border-box;padding:6px 14px;min-height:0}
.echoes-store .narrative-nav>.wrap>div{display:contents;overflow:visible}
.echoes-store .narrative-nav a{min-width:0;min-height:44px;height:auto;box-sizing:border-box;padding:6px 2px;line-height:1.3;text-align:center}
.echoes-store .narrative-nav .narrative-tracks-link{margin:0;white-space:normal;font-size:10px}
.echoes-store .narrative-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.echoes-store .narrative-chapter,.echoes-store .narrative-track,.echoes-store .narrative-copy{scroll-margin-top:128px}
.echoes-store .narrative-copy{min-width:0;padding-block-start:24px}
.echoes-store .narrative-number,.echoes-store .narrative-copy h3{scroll-margin-top:128px}
}
.echoes-store .echoes-hero.album-discovery .listen-button{min-height:54px;font-size:16px}
.echoes-store .echoes-hero.album-discovery .preview-copy small{opacity:1;color:var(--muted)}
.echoes-store .echoes-hero.album-discovery .album-media-actions button{border-radius:7px}
.echoes-store #album-media-echoes .album-media-film video{scroll-margin-block:24px}
.echoes-store #album-media-echoes .album-media-thumbnails button:focus-visible{outline-offset:2px}
.echoes-store #album-media-echoes .album-media-thumbnails button:hover{border-color:var(--accent)}
@media(min-width:761px){
.echoes-store .echoes-hero.album-discovery{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px;padding-block:20px 24px;align-items:center}
.echoes-store .echoes-hero.album-discovery .product-art figcaption{margin-top:14px;font-size:9px}
.echoes-store .echoes-hero.album-discovery .product-preview-main{padding:12px}
.echoes-store .echoes-hero.album-discovery .listen-button{min-width:140px}
.echoes-store #album-media-echoes{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:16px 28px;padding-block:20px 32px}
.echoes-store #album-media-echoes .album-media-heading h2{font-size:32px}
.echoes-store #album-media-echoes .album-media-heading .eyebrow{margin-bottom:6px}
.echoes-store #album-media-echoes .album-media-companion{position:sticky;top:24px}
}
@media(max-width:760px){
.echoes-store .echoes-hero.album-discovery .listen-button{min-height:48px;min-width:96px;font-size:14px}
.echoes-store #album-media-echoes>.album-media-images{grid-row:3}
.echoes-store #album-media-echoes .album-media-companion{grid-row:4}
.echoes-store #album-media-echoes .album-media-thumbnails{grid-auto-columns:calc((100% - 16px)/3)}
.echoes-store #album-media-echoes .album-media-thumbnails button>span{display:block;font-size:11px;padding:4px 6px}
.echoes-store #album-media-echoes .album-media-listening{grid-template-columns:minmax(0,1fr);gap:10px}
.echoes-store #album-media-echoes .album-media-listening>.button{grid-column:1;grid-row:auto;justify-self:stretch;min-height:48px}
.echoes-store #album-media-echoes .album-media-button-copy{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}
}
@media(prefers-reduced-motion:reduce){.echoes-store *{scroll-behavior:auto}}