.music-button{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;color:var(--paper);opacity:.75;transition:color .2s,background .2s,opacity .2s}
.music-button:hover{background:#fff3e812;opacity:1}
.music-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.music-slash{display:none}.music-button[data-state=off] .music-slash{display:block}
.music-button[data-state=playing]{color:var(--pink);opacity:1}
.music-pulse{position:absolute;width:5px;height:5px;right:5px;bottom:6px;border-radius:50%;opacity:0;background:var(--pink)}
.music-button[data-state=playing] .music-pulse{opacity:1;animation:music-glow 1.8s ease-in-out infinite}
@keyframes music-glow{50%{box-shadow:0 0 0 4px #ffb4ce22}}
#siteMusic{display:none}
.result-frame>img.style-reference{object-position:83.3333% 50%}
.hero-media .harbor-frames{display:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-media.use-frames video{display:none}.hero-media.use-frames .harbor-frames{display:block}
@media(max-width:700px){.header-right{gap:10px}.hero-scroll .hero-sticky{min-height:0}.hero-media .harbor-frames{object-position:48% 50%}h1 strong{font-size:clamp(86px,27vw,114px)}}
@media(prefers-reduced-motion:reduce){.music-button[data-state=playing] .music-pulse{animation:none}}