.music-section{background:#303829;color:#f7f3ec}
.music-section .section-heading>p{max-width:310px;font-size:.9rem;color:#e0d8c9}
.music-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;margin-top:60px;align-items:start}
.music-sleeve{position:relative;overflow:hidden;min-height:460px;background:#bba380;color:#302d24;padding:48px;display:flex;flex-direction:column;justify-content:space-between}
.music-sleeve .record{width:300px;margin-left:-135px;position:absolute;top:65px;transform:rotate(-16deg)}
.music-sleeve>p{font-family:var(--display);font-size:clamp(3rem,6vw,6.5rem);line-height:1;letter-spacing:-.05em;align-self:end;position:relative;margin-top:70px}
.music-sleeve>.eyebrow{position:relative;margin-top:45px;font-size:.65rem}
.music-console{min-width:0;padding-top:12px}
.music-console h3{font-size:clamp(2.3rem,3.8vw,4.5rem);line-height:1.08;margin:20px 0 12px;overflow-wrap:anywhere}
.music-artist{font-size:.85rem;color:#e0d8c9;min-height:26px}
.music-controls{display:flex;gap:18px;align-items:center;margin:28px 0}
.music-controls .button{min-width:110px;font-size:.95rem}
.music-icon{width:48px;min-height:48px;border:1px solid #eee7db60;font-size:1.5rem;border-radius:50%}
.music-timeline{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}
.music-console input[type=range]{accent-color:#cfb387;height:36px;cursor:pointer;padding:0}
#music-seek{width:100%;margin:4px 0 12px}
.music-volume{display:flex;align-items:center;gap:20px;font-size:.75rem}
.music-volume input{width:110px;max-width:60%}
.music-status{font-size:.8rem;color:#e0d8c9;min-height:44px;margin:18px 0 8px}
.music-queue{border-top:1px solid #eee7db55;border-bottom:1px solid #eee7db55}
.music-queue summary{min-height:48px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.8rem;list-style:none}
.music-queue summary::-webkit-details-marker{display:none}
.music-queue ol{padding-left:28px;margin:0 0 20px;font-size:.85rem;max-height:275px;overflow:auto}
.music-queue li{padding:8px 5px;overflow-wrap:anywhere}
.music-queue li[aria-current=true]{color:#dfc59d;font-weight:700}
.music-played{opacity:.65}
.music-note{font-size:.7rem;line-height:1.75;margin-top:20px;color:#e0d8c9}
.music-dock{display:none;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:24px;z-index:8;background:#f7f3ec;color:#303829;box-shadow:0 5px 30px #0003;border:1px solid #30382930;max-width:calc(100vw - 32px);width:360px;align-items:center;gap:20px;padding:12px 18px}
.music-dock>a{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.music-dock .eyebrow{font-size:.55rem}
.music-dock [data-music=dock-title]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.85rem}
.music-dock button{font-size:.85rem;font-weight:700;min-height:44px;min-width:60px;border-left:1px solid #30382940;padding-left:16px}
.music-player[data-started=true] .music-dock{display:flex}
body:has(.music-player[data-started=true]){padding-bottom:100px}
@media(max-width:680px){.music-player{grid-template-columns:1fr;gap:32px;margin-top:35px}.music-sleeve{min-height:310px;padding:30px}.music-sleeve .record{width:190px;margin-left:-110px;top:35px}.music-sleeve>p{font-size:3.5rem;margin-top:40px}.music-console h3{font-size:2.8rem}.music-dock{right:16px}.music-section .section-heading h2{font-size:3.4rem}.site-header nav{gap:14px}.site-header .nav-book{gap:7px}}