html,body{margin:0;padding:0}
@font-face{font-family:Nunito;src:url("/css/fonts/nunito-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url("/css/fonts/nunito-800-latin.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
.ballad-page{font-family:Nunito,sans-serif;background:#fff8f2;color:#39271f;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}.ballad-page *{box-sizing:border-box}.ballad-shell{width:min(1100px,calc(100% - 3rem));margin-inline:auto}.ballad-header{padding-block:24px;border-bottom:1px solid #e7d8ca}.ballad-brand{display:inline-flex;min-height:44px;align-items:center;font-size:20px;line-height:1.4;font-weight:800;text-decoration:none;color:inherit;overflow-wrap:anywhere;max-width:100%}.ballad-main{flex:1;display:grid;align-content:center;padding-block:clamp(64px,12vw,150px)}.ballad-title{font-size:clamp(2.5rem,7.8vw,6rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:0;max-width:14ch;overflow-wrap:anywhere}.ballad-title span{display:block;color:#a43b24}.ballad-footer{padding-block:24px;border-top:1px solid #e7d8ca;font-size:14px;line-height:1.6}.ballad-footer p{margin:0}.ballad-page a:focus-visible{outline:3px solid #a43b24;outline-offset:5px;border-radius:3px}.ballad-skip{position:absolute;left:24px;top:-100px;z-index:2;background:#fff;padding:14px;color:#39271f}.ballad-skip:focus{top:12px}@media(max-width:420px){.ballad-shell{width:calc(100% - 2rem)}.ballad-title{font-size:clamp(2.25rem,11vw,3rem)}.ballad-header{padding-block:14px}.ballad-footer{padding-block:20px}}
.ballad-title{max-width:20ch}.ballad-title span{font-size:.5em;line-height:1.3;letter-spacing:-.015em;margin-top:.6em}

.ballad-main{display:block;padding-block:36px 56px;flex:1}
.ballad-title{font-size:clamp(2rem,4.5vw,3.5rem);max-width:25ch;line-height:1.1}
.ballad-title span{font-size:.6em;margin-top:.3em;line-height:1.4}
.slower-intro{font-size:18px;line-height:1.6;color:#685146;margin:22px 0 32px}
.slower-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.slower-layout h2{font-weight:800;font-size:22px;line-height:1.4;margin:0 0 18px}
.slower-tracks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.slower-track{display:flex;align-items:center;gap:14px;min-height:62px;padding:14px 18px;border:1px solid #bb9d89;border-radius:12px;background:#fff;color:#39271f;text-decoration:none;font-size:18px;line-height:1.5}
.slower-track-name{font-weight:800;flex:1}.slower-duration{font-size:16px;font-weight:400;white-space:nowrap;color:#685146}
.slower-track.is-selected{background:#ffd275;border:2px solid #a43b24;padding:13px 17px;color:#39271f}
.slower-track:hover{border-color:#a43b24;background:#fff0da}
.slower-track.is-selected:hover{background:#ffd275}
.slower-player{position:sticky;top:24px;padding:26px;border:1px solid #d6bcab;border-radius:18px;background:#fff}
.slower-player-caption{margin:0 0 10px;color:#685146;font-size:16px;line-height:1.5}
#player-title{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin-bottom:22px}
.slower-play{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #a43b24;border-radius:10px;background:#a43b24;color:#fff;font:800 18px/1.4 Nunito,sans-serif;min-height:52px;padding:12px 24px;width:100%;cursor:pointer;margin-bottom:16px}
.slower-play:hover{background:#842d1b}.slower-play:focus-visible,.slower-autoplay input:focus-visible{outline:3px solid #a43b24;outline-offset:5px}
.slower-player audio{display:block;width:100%;max-width:100%;margin:0 0 20px}
.slower-autoplay{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:800;min-height:44px;cursor:pointer}
.slower-autoplay input{width:22px;height:22px;accent-color:#a43b24;flex:none}
.slower-option-note,.slower-status{font-size:15px;line-height:1.6;color:#685146;margin:8px 0 0}
.slower-status{min-height:48px;padding-top:12px}
.ballad-page [hidden]{display:none!important}
@media(max-width:700px){.slower-layout{display:flex;flex-direction:column;gap:28px}.slower-layout>section{width:100%}.slower-player{position:static;order:-1;padding:20px}.slower-intro{font-size:16px;margin-bottom:24px}.ballad-main{padding-block:28px 40px}.ballad-title{font-size:2rem}.slower-track{min-height:58px}}

.slower-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px;margin:0 0 22px}

.slower-artwork{position:relative;margin:0 0 22px}.slower-artwork .slower-cover{margin:0}.slower-cover-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:76px;height:76px;padding:18px;border:3px solid #fff;border-radius:50%;background:rgba(57,39,31,.82);color:#fff;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.28)}.slower-cover-toggle:hover{background:#a43b24}.slower-cover-toggle:focus-visible{outline:4px solid #ffd275;outline-offset:5px}.slower-cover-toggle svg{flex:none}.slower-cover-pause-icon,.slower-cover-toggle[data-playing="true"] .slower-cover-play-icon{display:none}.slower-cover-toggle[data-playing="true"] .slower-cover-pause-icon{display:block}

/* Long owner music-style names remain readable at narrow widths and enlarged text. */
.slower-layout>section,.slower-tracks>li,.slower-track,.slower-track-name{min-width:0}
.slower-track-name,#player-title{overflow-wrap:anywhere}
.slower-track>svg,.slower-duration{flex:none}