.opa-song{position:relative;isolation:isolate;overflow:hidden;max-width:1260px;margin:0 auto 48px;padding:42px 46px;display:grid;grid-template-columns:190px minmax(0,1fr) 155px;gap:36px;align-items:center;background:#922b23;color:#fff5df;border:1px solid #be6a41;border-radius:18px;box-shadow:0 16px 38px #66251825}.opa-song::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 0%,#d2794255,transparent 60%),repeating-linear-gradient(125deg,transparent 0 50px,#fff4df05 51px 52px)}.song-record{width:190px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,#262521 0 3px,#37342e 4px 5px);border:8px solid #26231e;box-shadow:0 10px 25px #3d0e1555}.song-record img{width:58%;border-radius:50%;border:3px solid #f3d79b}.song-record>span{position:absolute;right:-10px;top:-15px;display:grid;place-items:center;width:52px;height:52px;background:#f3d79b;border:4px solid #922b23;border-radius:50%;font-size:30px;color:#72271e;transform:rotate(12deg)}.song-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#f5d8a8}.song-copy h2{font-size:clamp(34px,4vw,52px);color:#fff5df;letter-spacing:-1.4px;margin:9px 0 14px}.song-copy>p{font-size:15px;line-height:1.65;color:#f9e5ce}.song-play{margin-top:22px;display:inline-flex;align-items:center;gap:14px;background:#f7dea7;color:#54231c;min-height:52px;padding:12px 20px;border-radius:999px;box-shadow:0 5px 0 #672b24;font-size:15px;font-weight:700;transition:transform .2s,background .2s}.song-play:hover{transform:translateY(-2px);background:#ffeabd}.song-play:focus-visible{outline:3px solid white;outline-offset:5px}.song-play-icon{font-size:17px;min-width:19px}.song-note{font:italic 21px/1.5 Georgia,serif;color:#f3d79b;transform:rotate(-7deg)}#opa-song-player{margin-top:22px}#opa-song-player[hidden]{display:none}#opa-song-audio{display:block;width:100%;max-width:440px;height:44px}#opa-song-status{font-size:13px;margin-top:8px}.is-playing .song-record{animation:song-breathe 2s ease-in-out infinite}.hero-song-link{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:#a32d25;font-weight:700;border-bottom:1px solid #b67056;padding-bottom:4px}.hero-song-link span{background:#a32d25;color:#fff7e9;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:11px}@keyframes song-breathe{50%{box-shadow:0 0 0 9px #f3d79b20,0 10px 25px #3d0e1555}}
@media(max-width:1100px){.opa-song{margin-left:5%;margin-right:5%;grid-template-columns:150px minmax(0,1fr);padding:32px;gap:26px}.song-record{width:150px}.song-note{display:none}}
@media(max-width:600px){.opa-song{grid-template-columns:1fr;padding:28px 24px;gap:20px;margin-bottom:30px}.song-record{width:110px}.song-record>span{width:40px;height:40px;font-size:23px}.song-copy h2{font-size:37px}.song-kicker{font-size:9px;letter-spacing:1.3px}.song-play{font-size:14px;padding:12px 16px;gap:10px}.song-copy>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.is-playing .song-record{animation:none}.song-play{transition:none}}