.home-page .ocean-listening{position:relative;isolation:isolate;overflow:hidden;min-height:740px;height:100svh;max-height:1100px;background:#000;color:#edf1ec;padding:clamp(48px,8svh,82px) var(--page-gutter) 28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
#ocean-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;touch-action:pan-y}
.ocean-heading{pointer-events:none;width:100%;text-align:center}
.ocean-heading .ocean-eyebrow{font:11px/1.5 var(--type-reading);text-transform:uppercase;letter-spacing:.22em;color:#a9b8bb;margin:0 0 25px}
.home-page .ocean-heading h2{font:400 clamp(48px,6.3vw,82px)/1.12 var(--type-literary);letter-spacing:-.02em;margin:0;color:#f2dfc3}
.ocean-heading .ocean-lyric{font:italic clamp(17px,1.8vw,22px)/1.6 var(--type-literary);letter-spacing:.02em;color:#c7beb0;margin:22px 0 0}
.home-page .ocean-player{position:relative;width:100%;align-self:center;display:flex;flex-direction:column;align-items:center;margin:auto 0 18px;padding:24px 0 0;background:none;border:0;z-index:2}
.ocean-player:before{content:'';position:absolute;top:-16px;left:50%;width:min(410px,90vw);height:120px;transform:translateX(-50%);background:radial-gradient(ellipse,#000000bd 5%,#0007 45%,transparent 72%);pointer-events:none;z-index:-1}
.home-page .ocean-listening #release-play{width:80px;height:80px;min-height:80px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#000000ce,transparent 72%);color:#f7ddba;cursor:pointer;touch-action:manipulation;--preview-progress:0;transition:background .25s,transform .25s}
#release-play[hidden]{display:none}
#release-play svg{width:80px;height:80px;display:block;overflow:visible}
#release-play .preview-ring{fill:none;stroke:#eac49666;stroke-width:1}
#release-play .preview-progress{fill:none;stroke:#f4cc98;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--preview-progress));transform:rotate(-90deg);transform-origin:40px 40px;transition:stroke-dashoffset .25s linear}
#release-play .preview-play,#release-play .preview-pause{fill:currentColor;stroke:none}
#release-play .preview-pause{display:none}
.ocean-listening[data-audio=playing] .preview-play,.ocean-listening[data-audio=loading] .preview-play{display:none}
.ocean-listening[data-audio=playing] #release-play .preview-pause,.ocean-listening[data-audio=loading] #release-play .preview-pause{display:block}
.home-page .ocean-listening #release-play:hover{transform:scale(1.04);background:radial-gradient(circle,#29221acc,transparent 72%)}
.ocean-listening #release-play:focus-visible,.ocean-listening a:focus-visible{outline:2px solid #ffe0b6;outline-offset:5px}
#release-mark{display:block;width:80px;height:120px;margin:16px 0 4px;pointer-events:none;filter:drop-shadow(0 0 7px #ff922c70)}
.ocean-player .preview-caption{font:11px/1.6 var(--type-reading);letter-spacing:.10em;color:#c5b9a8;margin:5px 0 6px}
#release-time{font:10px/1.5 var(--type-reading);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#9caeb4}
#release-audio{display:none}
.ocean-player noscript audio{width:min(300px,80vw)}
.ocean-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;font:11px/1.6 var(--type-reading);color:#a8b8bd}
.ocean-footer a{font:12px/1.6 var(--type-reading);color:#ddc6a8;text-decoration:none;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:12px}
.ocean-footer a:hover{color:#fff0d7}
@media(max-width:680px){.home-page .ocean-listening{min-height:740px;max-height:none;padding:56px 24px 24px}.ocean-heading .ocean-eyebrow{font-size:10px;margin-bottom:26px}.home-page .ocean-heading h2{font-size:clamp(40px,11vw,60px);max-width:330px;margin:auto}.ocean-heading .ocean-lyric{font-size:17px;margin-top:22px}.ocean-footer{font-size:10px}.ocean-footer>span{max-width:145px}.ocean-footer a{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){.ocean-listening *{scroll-behavior:auto;transition:none!important}}