.hero-notes{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:230px;gap:10px;margin-left:20px}.hero-title .hero-notes>p{margin:0;text-align:center;font-size:12px;line-height:1.8;align-self:center}.record-player{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;z-index:5}.record-toggle{padding:0;border:0;border-radius:50%;background:transparent;width:106px;height:106px;position:relative;box-shadow:0 5px 12px #173c8d26}.vinyl{display:block;width:100%;height:100%;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at center,#18191d 0 1px,#303136 1.6px 2px,#121317 2.5px 4px);border:3px solid #1e2025;animation:record-spin 8s linear infinite;animation-play-state:paused}.vinyl:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 25deg,transparent,#ffffff29 20deg,transparent 65deg,transparent 170deg,#ffffff26 205deg,transparent 245deg);pointer-events:none}.vinyl.is-playing{animation-play-state:running}.vinyl>img{position:absolute;width:51%;height:51%;left:24.5%;top:24.5%;border-radius:50%;object-fit:cover;border:2px solid #08090c}.record-pin{position:absolute;left:47%;top:47%;width:6%;height:6%;border-radius:50%;background:#c9d8e5;border:2px solid #363c49;box-shadow:0 0 0 1px #ffffff44}.record-controls{display:flex;align-items:center;gap:5px;margin-top:8px}.record-controls button{display:grid;place-items:center;border:0;background:transparent;color:var(--ink);width:27px;height:25px;font-size:13px;border-radius:50%}.record-controls button:hover{background:#deebfa}.record-controls #toggle-play{background:#e3edfc;font-size:12px}.record-controls #toggle-playlist{font-size:20px}.record-volume{display:flex;align-items:center;gap:6px;color:#7287a8;font-size:11px;height:16px}.record-volume input{width:79px;height:3px;accent-color:var(--ink);cursor:pointer}.hero-title .record-status{font-size:9px;line-height:1.4;margin:4px 0 0!important;min-height:13px;white-space:nowrap;text-align:center;color:var(--muted)}.record-playlist{position:absolute;top:115px;right:0;width:248px;max-height:360px;overflow:auto;background:#f8fbff;border:1px solid #c9d9ec;border-radius:12px;padding:9px;box-shadow:0 12px 40px #173c8d30;text-align:left;z-index:9}.record-playlist[hidden]{display:none}.playlist-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 9px;color:#637c9f;font-size:11px}.playlist-heading button{border:0;background:transparent;color:var(--ink);font-size:22px;width:25px;height:25px}.track-option{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--ink);border-radius:7px;padding:7px;text-align:left;font-size:12px;min-height:44px}.track-option:hover,.track-option.selected{background:#e1edfd}.track-option img{width:30px;height:30px;object-fit:cover;border-radius:50%}.track-index{margin-left:auto;font-size:9px;letter-spacing:1px;color:#7b91b1}.record-toggle:hover{box-shadow:0 5px 18px #173c8d3d}@keyframes record-spin{to{transform:rotate(360deg)}}
@media(min-width:951px){.hero-title h1{font-size:clamp(70px,11.2vw,155px)}.hero-title{padding-block:17px;min-height:220px}}
@media(max-width:950px){.hero-title h1{font-size:12vw}.hero-notes{width:180px;margin-left:10px}.record-toggle{width:92px;height:92px}.hero-title{min-height:215px}.hero-title .hero-notes>p{font-size:10px}}
@media(max-width:600px){.hero-title{position:relative;min-height:0;padding:22px 0 20px;display:flex;gap:8px;align-items:center}.hero-title h1{font-size:clamp(40px,13vw,78px);letter-spacing:-.085em}.hero-notes{width:111px;margin-left:0;gap:4px}.record-toggle{width:76px;height:76px}.record-controls{margin-top:5px;gap:2px}.record-controls button{width:25px;height:25px}.hero-title .hero-notes>p{font-size:8px;line-height:1.7;white-space:normal;max-width:110px}.hero-title .hero-notes>p br{display:block}.hero-title .record-status{font-size:8px}.record-playlist{top:85px;right:0;width:min(248px,calc(100vw - 40px));max-height:310px}.record-volume{height:17px}.record-volume input{height:4px}.title-star{display:none}}
@media(prefers-reduced-motion:reduce){.vinyl{animation:none}}