.header-container{z-index:1000;opacity:1;--player-bg:transparent;--player-text:#0f1f20;--player-muted:#1a3537;--player-accent:#522843;--player-progress-rest:#1a3537;--player-record-border:#e8e8ee;background-color:#fff;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:100px;padding-top:0;transition:opacity .25s;display:flex;position:absolute;top:0}.header-container.is-scrolled,.header-container.is-scrolled:hover{opacity:1}.site-name{text-align:center;color:#1a3537;white-space:nowrap;z-index:1;pointer-events:auto;align-items:baseline;gap:1.75rem;margin:0;padding:.35rem .5rem;text-decoration:none;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-name-core{letter-spacing:.22em;text-indent:.22em;font-family:Sekuya,Black Ops One,system-ui,sans-serif;font-size:1.48rem;font-weight:400;line-height:1}.site-name-side{letter-spacing:.55em;text-transform:lowercase;text-indent:.55em;opacity:1;font-family:Syncopate,Lucida Grande,system-ui,sans-serif;font-size:.62rem;font-weight:400;line-height:1}.site-name-dot{letter-spacing:0;opacity:.4;font-family:Syncopate,system-ui,sans-serif;font-size:.75rem;line-height:1;transform:translateY(-.08em)}.site-name:hover{opacity:.65}.spinning-record{filter:drop-shadow(0 8px 12px #14181e33);border-radius:50%;flex-shrink:0;width:72px;height:72px;margin:0 0 0 1.5rem;padding:0;animation:10s linear infinite paused spin;position:relative}.spinning-record.is-playing{animation-play-state:running}.spinning-record:before{content:"";mix-blend-mode:multiply;opacity:.55;pointer-events:none;z-index:1;background:repeating-radial-gradient(circle,#00000014 0 1px,#0000 1px 3px);border-radius:50%;position:absolute;inset:0}.spinning-record:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 35% 30%,#f3f4f6 0%,#c5c9d0 55%,#8b9098 100%);border-radius:50%;width:14%;height:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff59,0 0 0 4px #0003}.record-image{object-fit:cover;border:3px solid #2a2e34;border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #fff3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-bar{z-index:1000;opacity:.75;box-sizing:border-box;background:var(--player-bg);width:min-content;min-height:72px;color:var(--player-text);border-radius:10px;align-items:center;gap:1rem;padding:.65rem 1rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.player-controls{flex-shrink:0;align-items:center;gap:.85rem;padding-right:.5rem;display:flex}.player-icon-btn{width:28px;height:28px;color:var(--player-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.player-icon-btn:hover{color:var(--player-text)}.player-icon-btn svg{fill:currentColor;width:22px;height:22px;display:block}.player-art{object-fit:cover;border-radius:2px;flex-shrink:0;width:52px;height:52px}.player-main{flex-direction:column;flex:1;gap:.45rem;min-width:0;padding-right:.75rem;display:flex}.player-meta-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.player-track-info{min-width:0}.player-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;line-height:1.25;overflow:hidden}.player-subtitle{color:var(--player-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.72rem;line-height:1.3;overflow:hidden}.player-tech{text-align:right;color:var(--player-muted);flex-shrink:0;font-size:.7rem;line-height:1.35}.player-time{margin-top:.15rem}.player-progress{width:100%}.player-progress-track{background:var(--player-progress-rest);border-radius:999px;height:3px;position:relative}.player-progress-fill{background:var(--player-accent);border-radius:999px;height:100%}.player-progress-thumb{background:var(--player-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.player-volume{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:.2rem;min-width:72px;display:flex}.player-volume-percent{color:var(--player-muted);font-size:.65rem;line-height:1}.player-volume-bars{align-items:flex-end;gap:2px;height:18px;display:flex}.player-volume-bar{border:1px solid var(--player-muted);box-sizing:border-box;cursor:pointer;background:0 0;border-radius:1px;width:3px;min-height:3px;padding:0}.player-volume-bar.is-filled{background:var(--player-muted);border-color:var(--player-muted)}.player-volume-bar:hover{border-color:var(--player-text)}.player-volume-bar.is-filled:hover{background:var(--player-text);border-color:var(--player-text)}@media (max-width:1920px){.player-bar{display:none}}@media (max-width:900px){.site-name{white-space:normal;grid-template-columns:auto auto auto;grid-template-areas:"core core core""mix mid mast";place-items:center;gap:.3rem 1rem;display:grid}.site-name-core{grid-area:core}.site-name-mixing{grid-area:mix}.site-name-mastering{grid-area:mast}.site-name-dot-a{grid-area:mid;transform:none}.site-name-dot-b{display:none}}
