/*
Theme Name: Sepyadamusic Experience
Theme URI: https://sepyadamusic.com.tr/
Author: Sepyadamusic
Description: Dikey, etkileşimli ve hafif mobil öncelikli WordPress teması.
Version: 6.8.9
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--ink:#111416;--muted:#5d6669;--paper:#eef8f7;--mint:#bfece7;--cyan:#6bd9dc;--lav:#d8d0f4;--line:rgba(17,20,22,.12);--glass:rgba(255,255,255,.48);--sans:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:linear-gradient(160deg,#d8f3f1 0%,#f4f8f7 36%,#e7e0f7 72%,#d2f0ee 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:-20%;z-index:-2;background:radial-gradient(circle at 10% 18%,rgba(99,222,220,.42),transparent 26%),radial-gradient(circle at 86% 28%,rgba(183,153,246,.28),transparent 25%),radial-gradient(circle at 55% 90%,rgba(77,214,210,.2),transparent 30%);filter:blur(50px);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{to{transform:translate3d(2%,-1.5%,0) scale(1.03)}}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-shell{width:min(100%,980px);margin:auto;padding:10px 18px 56px}.live-radio{position:relative;z-index:16;margin:0 0 9px;border-bottom:1px solid rgba(17,20,22,.1);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.live-radio-toggle{width:100%;min-height:30px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0;border:0;background:transparent;color:#505a5c;font:inherit;cursor:pointer}.live-radio-toggle:hover{opacity:.72}.live-radio strong{font-weight:800;color:var(--ink);letter-spacing:.04em}.live-dot{width:6px;height:6px;border-radius:50%;background:#111416;box-shadow:0 0 0 4px rgba(17,20,22,.07);flex:0 0 auto}.live-radio.playing .live-dot{animation:radioPulse 1.2s ease-in-out infinite}.live-label{font-size:9px;color:#7a8384}.live-arrow{font-size:14px;line-height:1;margin-left:2px}.live-radio-panel{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:6px 0 10px}.live-radio-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#677173;letter-spacing:.1em}.live-radio-status .live-dot{width:5px;height:5px}.live-play{width:32px;height:32px;border:0;border-radius:50%;background:#111416;color:#fff;font-size:12px;display:grid;place-items:center;cursor:pointer}.live-hint{font-size:10px;color:#7b8485;letter-spacing:.02em}@keyframes radioPulse{50%{transform:scale(1.45);opacity:.6}}.topbar{position:sticky;top:8px;z-index:15;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 20px;border:1px solid rgba(255,255,255,.8);background:rgba(247,255,254,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 18px 50px rgba(32,91,91,.1)}.brand{font-weight:800;letter-spacing:-.04em;white-space:nowrap;flex:0 0 auto}.topnav{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:1;min-width:0}.topnav a{padding:8px 10px;border-radius:999px;font-size:10px;color:#626b6d;white-space:nowrap;transition:background .25s ease,color .25s ease}.topnav a:hover{background:rgba(255,255,255,.7);color:var(--ink)}.menu-btn{flex:0 0 auto;border:0;width:44px;height:44px;border-radius:50%;background:#111416;color:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .3s ease}.menu-btn:hover{transform:scale(1.04)}.menu-btn span,.menu-btn span:before,.menu-btn span:after{display:block;width:17px;height:2px;background:#fff;content:"";position:relative}.menu-btn span:before{position:absolute;top:-6px}.menu-btn span:after{position:absolute;top:6px}.menu-panel{position:fixed;inset:0;z-index:14;background:rgba(232,247,245,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(-16px);transition:opacity .3s ease,transform .3s ease}.menu-panel.open{opacity:1;pointer-events:auto;transform:none}.menu-panel-inner{width:min(760px,88vw)}.menu-kicker,.menu-foot{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#778183}.menu-links{display:grid;margin:26px 0 34px;border-top:1px solid rgba(17,20,22,.12)}.menu-links a{display:grid;grid-template-columns:52px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid rgba(17,20,22,.12);font-size:clamp(32px,7vw,66px);font-weight:700;letter-spacing:-.055em;line-height:.95;transition:padding-left .25s ease}.menu-links a:hover{padding-left:10px}.menu-links a span{font-size:10px;letter-spacing:.18em;color:#7a8385;font-weight:500}.hero{min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;padding:70px 8px 40px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#697274;margin-bottom:18px}.hero h1{font-weight:700;font-size:clamp(58px,14vw,130px);line-height:.86;letter-spacing:-.065em;margin:0 0 22px;max-width:900px}.hero-copy{max-width:650px;font-size:clamp(17px,2.6vw,22px);line-height:1.6;color:#4c5658;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.55);font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.pill.dark{background:#111416;color:#fff;border-color:#111416}.pill:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.09)}section{padding:92px 0;scroll-margin-top:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 8px 24px}.section-head h2{font-weight:700;font-size:clamp(44px,8vw,84px);line-height:.9;letter-spacing:-.06em;margin:0}.section-no{font-size:11px;letter-spacing:.2em;color:#6a7375;text-transform:uppercase;padding-bottom:8px}.fade-item{opacity:0;transform:translateY(28px);filter:blur(3px);transition:opacity .65s ease,transform .7s cubic-bezier(.2,.75,.2,1),filter .65s ease}.fade-item.is-in{opacity:1;transform:none;filter:none}.player-card{position:relative;border-radius:36px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.82);box-shadow:0 30px 70px rgba(25,85,85,.14);overflow:hidden}.player-card:after{content:"";position:absolute;inset:auto -10% -55% -10%;height:70%;background:radial-gradient(ellipse,rgba(92,225,221,.3),transparent 60%);pointer-events:none}.player-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5e6768}.player-stage{min-height:420px;display:grid;place-items:center;position:relative}.vinyl-wrap{appearance:none;border:0;padding:0;background:none;width:min(70vw,360px);aspect-ratio:1;position:relative;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.vinyl-wrap:active{transform:scale(.97)}.vinyl{width:100%;height:100%;border-radius:50%;position:relative;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.2),transparent 10%),repeating-radial-gradient(circle at 50% 50%,#0a0d0e 0 2px,#161b1d 2.5px 4px,#080b0c 4.5px 7px),radial-gradient(circle,#232a2c 0 45%,#080a0b 70%);box-shadow:inset 0 0 0 5px #070909,inset 12px 14px 30px rgba(255,255,255,.07),18px 26px 38px rgba(0,0,0,.28);animation:spin 7s linear infinite paused}.vinyl.playing{animation-play-state:running}.vinyl:before{content:"";position:absolute;inset:7%;border-radius:50%;background:repeating-radial-gradient(circle,#0b0e0f 0 1px,#1b2022 1.8px 3px);opacity:.9}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,transparent 25%,rgba(255,255,255,.22) 34%,transparent 44%,transparent 67%,rgba(255,255,255,.08) 72%,transparent 79%);mix-blend-mode:screen}.label{position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#70dedb 0 12%,#62c8d0 13% 52%,#b3a4ef 53% 100%);box-shadow:0 0 0 8px rgba(0,0,0,.16),inset 0 0 15px rgba(255,255,255,.3);display:grid;place-items:center;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#15282b;font-weight:800}.hole{position:absolute;width:6%;aspect-ratio:1;border-radius:50%;background:#0c1011}.tonearm{position:absolute;width:47%;height:8px;right:-7%;top:16%;background:#121617;border-radius:999px;transform:rotate(28deg);transform-origin:right center;box-shadow:0 5px 10px rgba(0,0,0,.18);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.tonearm:before{content:"";position:absolute;right:-13px;top:-5px;width:18px;height:18px;border-radius:50%;background:#0d1112}.tonearm:after{content:"";position:absolute;left:-2px;bottom:-7px;width:16px;height:18px;border-radius:4px 4px 9px 9px;background:#171b1d}.player-card.playing .tonearm{transform:rotate(10deg)}@keyframes spin{to{transform:rotate(360deg)}}.player-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.player-meta strong{font-size:20px}.player-meta span{display:block;color:#677173;font-size:13px;margin-top:4px}.equalizer{display:flex;align-items:end;gap:4px;height:32px}.equalizer i{width:4px;border-radius:9px;background:#111416;animation:eq .8s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:12px}.equalizer i:nth-child(2){height:23px;animation-delay:.12s}.equalizer i:nth-child(3){height:17px;animation-delay:.25s}.equalizer i:nth-child(4){height:29px;animation-delay:.05s}.equalizer i:nth-child(5){height:20px;animation-delay:.2s}.equalizer i:nth-child(6){height:12px;animation-delay:.32s}.equalizer.paused i{animation-play-state:paused}@keyframes eq{to{transform:scaleY(.35)}}.progress{height:5px;border-radius:999px;background:rgba(17,20,22,.12);overflow:hidden;margin:20px 0 14px}.progress b{display:block;height:100%;width:0;background:#111416;border-radius:inherit;transition:width .2s linear}.controls{display:flex;align-items:center;justify-content:center;gap:12px}.ctrl{width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.68);font-size:17px;cursor:pointer}.ctrl.main{width:64px;height:64px;background:#111416;color:#fff;font-size:22px}.audio-note{position:relative;margin:18px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.42);color:#70797b;font-size:12px;line-height:1.5}.spotify-section{margin-top:34px;padding:24px;border-radius:32px;background:#111416;color:#fff;overflow:hidden}.spotify-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.spotify-intro .section-no{color:#aeb6b7}.spotify-intro h3{margin:0;font-size:clamp(28px,5vw,42px);letter-spacing:-.045em}.spotify-intro p{margin:7px 0 0;color:#aeb6b7}.spotify-intro .pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#fff;white-space:nowrap}.spotify-embed{margin-top:22px;overflow:hidden;border-radius:18px}.spotify-embed iframe{display:block;width:100%;height:352px;border:0}.about{display:grid;grid-template-columns:.8fr 1.4fr;gap:38px;align-items:start}.about-copy{font-size:18px;line-height:1.8;color:#4e585a}.about-copy p{margin:0}.about-note{padding:24px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.38);border-radius:24px;box-shadow:0 18px 50px rgba(33,83,83,.08)}.bio-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:42px;align-items:start}.bio-portrait{margin:0;position:relative}.bio-portrait img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;padding:7px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 60px rgba(25,85,85,.14)}.bio-portrait figcaption{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#70797a;margin:12px 8px 0}.bio-copy{font-size:17px;line-height:1.85;color:#4e585a}.bio-copy p{margin:0 0 18px}.bio-copy .bio-signoff{color:var(--ink);font-weight:800;margin-top:24px}.social-card{border-radius:32px;padding:24px;background:#111416;color:#fff;overflow:hidden;position:relative}.social-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,rgba(106,222,218,.5),transparent 65%)}.social-head{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:14px}.social-head a{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;position:relative}.post-grid a{display:block;min-width:0}.post-grid img{width:100%;aspect-ratio:1/1.22;object-fit:cover;border-radius:14px;display:block;filter:saturate(.9);transition:transform .4s ease,filter .4s ease}.post-grid a:nth-child(1) img,.post-grid a:nth-child(4) img{transform:translateY(12px)}.post-grid a:nth-child(2) img,.post-grid a:nth-child(5) img{transform:translateY(-4px)}.post-grid a:hover img{transform:translateY(-3px) scale(1.015);filter:saturate(1.08)}.empty-posts{grid-column:1/-1;padding:50px 22px;border:1px dashed rgba(255,255,255,.25);border-radius:20px;color:#9da5a6;text-align:center}.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-top:1px solid var(--line);padding-top:28px}.contact-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid rgba(17,20,22,.1);background:rgba(255,255,255,.42);border-radius:22px;min-width:0}.contact-item>div{min-width:0}.contact-item strong{overflow-wrap:anywhere}.contact-item .pill{white-space:nowrap}.contact-item small{display:block;color:#697173;margin-bottom:5px}.footer{text-align:center;color:#6d7778;font-size:12px;padding-top:55px}.logo-mark{display:block;width:min(210px,60vw);margin:0 auto 22px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))}
@media(max-width:820px){.topnav{display:none}.hero{min-height:auto;padding-top:85px}.bio-grid{grid-template-columns:1fr;gap:26px}.bio-portrait{max-width:560px;margin:0 auto;width:100%}.spotify-intro{align-items:flex-start;flex-direction:column}.spotify-intro .pill{width:100%}}
@media(max-width:720px){body:before{animation:none;filter:blur(38px)}.site-shell{padding:8px 12px 36px}.live-radio{margin-bottom:7px}.live-radio a{min-height:28px}.topbar{top:6px;padding-left:16px}.hero{padding:78px 14px 50px}.hero h1{font-size:clamp(56px,16vw,90px)}section{padding:68px 6px;scroll-margin-top:72px}.section-head{margin-left:6px;margin-right:6px}.section-head h2{font-size:52px}.player-card{border-radius:28px;padding:15px}.player-stage{min-height:330px}.vinyl-wrap{width:min(75vw,330px)}.tonearm{width:45%;right:-4%}.player-meta{align-items:flex-start}.player-meta strong{font-size:18px}.about{grid-template-columns:1fr;gap:20px}.about-copy{font-size:16px}.bio-copy{font-size:16px;line-height:1.75}.bio-portrait img{border-radius:24px}.post-grid{gap:6px}.post-grid img{border-radius:10px}.contact{grid-template-columns:1fr;gap:10px}.contact-item{align-items:flex-start;flex-direction:column;padding:17px}.contact-item .pill{width:100%;text-align:center}.social-card,.spotify-section{border-radius:26px}.spotify-section{padding:18px}.spotify-embed iframe{height:320px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* v6.6 — clean mobile navigation, in-page GTA radio, interactive vinyl, compact Spotify */
.topbar{justify-content:flex-end}
.topnav{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex:1;min-width:0;overflow:hidden}
.topnav a{font-size:10px;padding:8px 11px;background:rgba(255,255,255,.28);color:#4e585a;white-space:nowrap}
.topnav a:hover{background:rgba(255,255,255,.78);color:var(--ink)}
.menu-btn{margin-left:auto}

/* In-page GTA radio */
.live-radio{margin-bottom:8px}
.live-radio-toggle{min-height:34px;gap:10px;padding:2px 6px}
.live-radio-toggle:active{transform:scale(.99)}
.live-radio strong{font-size:10px;letter-spacing:.04em}
.live-label{font-size:8px}
.live-play-mini{display:grid;place-items:center;width:21px;height:21px;margin-left:2px;border-radius:50%;background:rgba(17,20,22,.08);color:#111416;font-size:9px;letter-spacing:0}
.live-radio-modal{position:fixed;inset:0;z-index:100;background:rgba(10,14,15,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.live-radio-modal.open{opacity:1;pointer-events:auto;visibility:visible}
.live-radio-modal-card{width:min(900px,100%);height:min(720px,90svh);background:#111416;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.35);display:flex;flex-direction:column}
.live-radio-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#fff}
.live-radio-modal-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b9c1c2}
.live-radio-close{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px;cursor:pointer}
.live-radio-frame{width:100%;height:100%;border:0;background:#101415}

/* Vinyl interaction */
.vinyl-feature .player-stage{min-height:390px}
.vinyl-feature .vinyl-wrap{width:min(68vw,390px)}
.vinyl{animation:none!important;transform:rotate(0deg);will-change:transform}
.vinyl.is-spinning{animation:vinylSpin 2.8s linear infinite!important}
.player-card.is-active .tonearm{transform:rotate(18deg);transform-origin:88% 10%}
.player-card.is-active .equalizer{opacity:1}
.vinyl-wrap:focus-visible{outline:2px solid rgba(17,20,22,.35);outline-offset:8px;border-radius:50%}
@keyframes vinylSpin{to{transform:rotate(360deg)}}

/* Compact, proportional Spotify card */
.spotify-section{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:22px!important;margin-top:30px}
.spotify-intro{align-items:flex-end;min-width:0}
.spotify-embed{display:block!important;width:100%;height:184px!important;min-height:184px!important;max-height:184px!important;margin-top:16px;overflow:hidden;border-radius:18px;background:#1a1c1d}
.spotify-embed iframe{display:block!important;width:100%!important;height:184px!important;min-height:184px!important;max-height:184px!important;border:0!important}

@media(max-width:820px){
  .topnav{display:flex;gap:3px;justify-content:flex-start;overflow:hidden;flex:1}
  .topnav a{font-size:9px;padding:7px 7px}
  .topbar{padding:8px 8px 8px 14px;gap:4px}
  .menu-btn{width:42px;height:42px}
  .hero{min-height:auto;padding-top:76px}
  .vinyl-feature .player-stage{min-height:330px}
  .vinyl-feature .vinyl-wrap{width:min(74vw,330px)}
  .spotify-intro{align-items:flex-start;gap:12px}
}
@media(max-width:520px){
  .site-shell{width:100%;padding:7px 10px 30px}
  .live-radio{margin-bottom:6px}
  .live-radio-toggle{justify-content:center;min-height:31px;font-size:10px}
  .live-radio strong{font-size:10px}
  .live-play-mini{width:20px;height:20px}
  .topbar{top:5px;border-radius:999px}
  .topnav{gap:2px;overflow:visible}
  .topnav a{font-size:8px;padding:6px 5px;letter-spacing:-.02em}
  .menu-btn{width:40px;height:40px}
  .hero{padding:72px 12px 42px}
  section{padding:58px 4px;scroll-margin-top:70px}
  .section-head{margin:0 4px 20px}
  .section-head h2{font-size:clamp(46px,14vw,62px)}
  .player-card{padding:13px;border-radius:26px}
  .vinyl-feature .player-stage{min-height:300px}
  .vinyl-feature .vinyl-wrap{width:min(72vw,310px)}
  .player-top{font-size:10px}
  .player-meta strong{font-size:17px}
  .player-meta span{font-size:12px}
  .vinyl-cta{margin-top:14px;padding-top:10px}
  .spotify-section{margin-top:24px;padding:16px!important;border-radius:24px}
  .spotify-intro{gap:10px}
  .spotify-intro h3{font-size:30px}
  .spotify-intro p{font-size:14px;line-height:1.45}
  .spotify-intro .pill{width:auto;align-self:stretch;padding:10px 14px}
  .spotify-embed{height:184px!important;min-height:184px!important;max-height:184px!important;margin-top:14px;border-radius:16px}
  .spotify-embed iframe{height:184px!important;min-height:184px!important;max-height:184px!important}
  .live-radio-modal{padding:10px}
  .live-radio-modal-card{height:92svh;border-radius:22px}
}
@media(max-width:360px){
  .topnav a{font-size:7.5px;padding:6px 4px}
  .menu-btn{width:38px;height:38px}
}

/* v6.6.3 — desktop-only spacing correction; mobile layout remains untouched */
@media (min-width:821px){
  .hero{
    min-height:430px;
    height:auto;
    justify-content:flex-start;
    padding:70px 8px 28px;
  }
  section{padding:44px 0;scroll-margin-top:86px}
  .section-head{margin-bottom:18px}
  .topbar{min-height:58px;padding:7px 10px 7px 18px;gap:14px}
  .topnav{gap:5px;justify-content:flex-start}
  .topnav a{font-size:12px;padding:9px 13px}
  .menu-btn{width:44px;height:44px}
  .vinyl-feature .player-stage{min-height:350px}
}

/* v6.7.0 — experience hardening, loading, 404 and API feed; v6.6.3 layout preserved */
.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;align-content:center;gap:9px;background:#111416;color:#fff;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader-mark{font-size:clamp(18px,3vw,28px);font-weight:800;letter-spacing:.16em}.page-loader-year{font-size:9px;letter-spacing:.28em;color:#9da7a8}.error-page{min-height:calc(100svh - 120px)}.error-hero{min-height:calc(100svh - 120px);display:flex;flex-direction:column;justify-content:center;padding:70px 8px 60px}.error-hero h1{font-weight:700;font-size:clamp(54px,9vw,100px);line-height:.88;letter-spacing:-.065em;margin:0 0 24px}.error-copy{max-width:590px;font-size:clamp(16px,2vw,20px);line-height:1.6;color:#4c5658;margin:0}.post-grid img{background:rgba(255,255,255,.04)}
@media (min-width:821px){.error-hero{min-height:600px;padding-top:80px}.page-loader-mark{letter-spacing:.2em}}
@media (max-width:520px){.error-hero{min-height:calc(100svh - 100px);padding:70px 12px 40px}.error-hero h1{font-size:clamp(48px,14vw,66px)}}
@media (prefers-reduced-motion:reduce){.page-loader{transition:none}}

/* v6.8.3 — unified desktop experience: expose the same navigation/social additions on larger screens while preserving the mobile rules below. */
@media (min-width:721px){
  /* GTA radio: give the compact control more presence on desktop. */
  .live-radio{margin-bottom:12px}
  .live-radio-toggle{min-height:46px;gap:13px;padding:5px 12px}
  .live-radio strong{font-size:13px;letter-spacing:.045em}
  .live-label{font-size:10px}
  .live-dot{width:8px;height:8px;box-shadow:0 0 0 5px rgba(17,20,22,.07)}
  .live-play-mini{width:30px;height:30px;font-size:10px;margin-left:5px}

  /* The social row is now part of the desktop experience as well. */
  .mobile-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
  .mobile-social-links a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.72);background:rgba(247,255,254,.5);border-radius:18px;color:#303a3c;box-shadow:0 10px 28px rgba(32,91,91,.06);font-size:11px;letter-spacing:.02em;font-weight:700;text-align:center;line-height:1.15;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
  .mobile-social-links a:hover{transform:translateY(-2px);background:rgba(255,255,255,.68);box-shadow:0 14px 32px rgba(32,91,91,.1)}
  .mobile-social-links svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.8}
  .mobile-social-links a:last-child svg{fill:currentColor;stroke:none}

  /* Show the full hero navigation on desktop too. */
  .hero-nav-extra{display:inline-flex}
  .hero-actions{align-items:center}
  .hero-actions .pill{min-height:48px}

  /* Founder Instagram link is available on desktop, using the same visual language. */
  .bio-instagram-link{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:max-content;max-width:100%;margin:-4px 8px 22px;padding:10px 14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.42);box-shadow:0 8px 24px rgba(32,91,91,.06);font-size:11px;letter-spacing:.04em;font-weight:700;color:#303a3c;transition:transform .25s ease,background .25s ease}
  .bio-instagram-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.62)}
  .bio-instagram-link svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.8}
  .bio-instagram-link span:last-child{font-size:15px;line-height:1;margin-left:1px}

  /* Keep the one-line hero title clean on desktop as well. */
  .hero h1{white-space:nowrap;word-spacing:.08em}
  .hero-title-word{display:inline-block;margin-left:.08em}
}

/* v6.8.0 — mobile-only refinement: navigation, GTA radio, hero hierarchy and scroll performance */
.mobile-social-links{display:grid}
.hero-nav-extra{display:inline-flex}

@media (max-width:720px){
  /* Reduce fixed/filter work during touch scrolling without changing the desktop visual system. */
  body:before{display:none}
  .grain{display:none}
  .topbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(32,91,91,.08)}
  .menu-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .fade-item{filter:none;transform:translateY(14px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.75,.2,1)}

  /* GTA San Andreas radio: larger and easier to read on phones. */
  .live-radio{margin-bottom:8px}
  .live-radio-toggle{min-height:48px;gap:12px;padding:5px 8px}
  .live-radio strong{font-size:12px;letter-spacing:.045em}
  .live-label{font-size:9px}
  .live-dot{width:8px;height:8px;box-shadow:0 0 0 5px rgba(17,20,22,.07)}
  .live-play-mini{width:28px;height:28px;font-size:10px;margin-left:4px}

  /* Social links sit directly beneath the GTA radio and inherit the glass aesthetic. */
  .mobile-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 2px 10px}
  .mobile-social-links a{min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:1px solid rgba(255,255,255,.72);background:rgba(247,255,254,.5);border-radius:16px;color:#303a3c;box-shadow:0 8px 24px rgba(32,91,91,.06);font-size:8px;letter-spacing:.02em;font-weight:700;text-align:center;line-height:1.15}
  .mobile-social-links svg{width:16px;height:16px;flex:0 0 16px;stroke:currentColor;fill:none;stroke-width:1.8}
  .mobile-social-links a:last-child svg{fill:currentColor;stroke:none}

  /* Larger, more legible top tabs. */
  .topbar{padding:9px 9px 9px 16px;gap:7px}
  .topnav{gap:5px;overflow:hidden}
  .topnav a{font-size:10px;padding:9px 9px;letter-spacing:0}
  .menu-btn{width:44px;height:44px}

  /* Hero title remains on one line on mobile. */
  .hero h1{font-size:clamp(42px,11.7vw,68px);line-height:.92;letter-spacing:-.065em;white-space:nowrap}
  .hero-title-break{display:none}
  .hero-copy{font-size:17px;line-height:1.58}
  .hero-copy strong{font-weight:800;color:var(--ink)}
  .section-brand{font-weight:800}
  .hero-actions{gap:8px;margin-top:24px}
  .hero-actions .pill{padding:12px 16px;font-size:14px}
  .hero-nav-extra{display:inline-flex}
  .hero-actions .hero-nav-extra:nth-of-type(3){order:3}
  .hero-actions .hero-nav-extra:nth-of-type(4){order:4}
  .hero-actions .hero-nav-extra:nth-of-type(5){order:5}
  .section-brand{font-size:11px;font-weight:800}
}

@media (max-width:520px){
  .mobile-social-links{gap:6px;margin-left:0;margin-right:0}
  .mobile-social-links a{min-height:42px;border-radius:15px;font-size:7.5px;padding:8px 4px}
  .mobile-social-links svg{width:15px;height:15px;flex-basis:15px}
  .live-radio-toggle{min-height:50px}
  .live-radio strong{font-size:11.5px}
  .topbar{padding-left:15px}
  .topnav{gap:4px}
  .topnav a{font-size:9.5px;padding:8px 8px}
  .hero h1{font-size:clamp(40px,11.4vw,62px)}
  .hero-actions .pill{font-size:13px;padding:11px 14px}
}

@media (max-width:380px){
  .mobile-social-links a{font-size:7px;gap:4px}
  .mobile-social-links svg{width:14px;height:14px;flex-basis:14px}
  .topnav{gap:3px}
  .topnav a{font-size:9px;padding:8px 6px}
  .hero h1{font-size:39px}
  .hero-actions .pill{font-size:12px;padding:10px 12px}
}


/* v6.8.1 — founder Instagram link */
.bio-instagram-link{display:flex}
@media (max-width:720px){
  .bio-instagram-link{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:max-content;max-width:100%;margin:-4px 4px 20px;padding:9px 13px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.42);box-shadow:0 7px 22px rgba(32,91,91,.06);font-size:10px;letter-spacing:.04em;font-weight:700;color:#303a3c}
  .bio-instagram-link svg{width:17px;height:17px;flex:0 0 17px;stroke:currentColor;fill:none;stroke-width:1.8}
  .bio-instagram-link span:last-child{font-size:14px;line-height:1;margin-left:1px}
}
/* v6.8.2 — mobile hero title spacing fix */
@media (max-width:720px){
  .hero h1{white-space:nowrap;word-spacing:.08em;}
  .hero-title-word{display:inline-block;margin-left:.08em;}
}



/* v6.8.5 — FINAL DESKTOP + MOBILE SYNC
 * Desktop now inherits every addition already present on mobile.
 * Vinyl controls are placed in the lower turntable area to avoid collisions with the record/text.
 * The supplied Sepyadamusic PNG is used directly as the center mark.
 */
.mobile-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.mobile-social-links a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.72);background:rgba(17,20,22,.88);border-radius:18px;color:#fff;box-shadow:0 10px 28px rgba(32,91,91,.08);font-size:11px;letter-spacing:.02em;font-weight:700;text-align:center;line-height:1.15;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.mobile-social-links a:hover{transform:translateY(-2px);background:#111416;box-shadow:0 14px 32px rgba(0,0,0,.14)}
.mobile-social-links svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.8}
.mobile-social-links a:last-child svg{fill:currentColor;stroke:none}
.hero-nav-extra{display:inline-flex}
.bio-instagram-link{display:flex}

.live-radio{margin-bottom:12px}
.live-radio-toggle{min-height:46px;gap:13px;padding:5px 12px}
.live-radio strong{font-size:13px;letter-spacing:.045em}
.live-label{font-size:10px}
.live-dot{width:8px;height:8px;box-shadow:0 0 0 5px rgba(17,20,22,.07)}
.live-play-mini{width:30px;height:30px;font-size:10px;margin-left:5px}

.player-stage{min-height:430px;position:relative;isolation:isolate;overflow:visible}
.turntable-deck{position:absolute;left:6%;right:6%;bottom:10px;height:112px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(204,218,218,.36));border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 35px rgba(25,85,85,.10),inset 0 1px 0 rgba(255,255,255,.75);z-index:0}
.turntable-plinth{position:absolute;inset:10px;border-radius:23px;background:linear-gradient(145deg,rgba(27,32,34,.98),rgba(8,11,12,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.14)}
.turntable-platter{position:absolute;width:58%;height:18px;left:21%;bottom:18px;border-radius:50%;background:linear-gradient(#2b3031,#0b0e0f);box-shadow:0 4px 9px rgba(0,0,0,.22),inset 0 1px 2px rgba(255,255,255,.12)}
.vinyl-feature .vinyl-wrap{z-index:2;width:min(68vw,390px);will-change:transform;transform:translateY(-28px)}
.vinyl{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.vinyl:after{background:linear-gradient(118deg,transparent 19%,rgba(255,255,255,.04) 28%,rgba(255,255,255,.26) 35%,rgba(255,255,255,.06) 42%,transparent 50%,transparent 68%,rgba(255,255,255,.11) 73%,transparent 80%);opacity:.72}
.vinyl-reflection{position:absolute;inset:0;border-radius:50%;pointer-events:none;overflow:hidden;opacity:.68;backface-visibility:hidden;z-index:1}
.vinyl-reflection:before{content:"";position:absolute;width:145%;height:24%;left:-24%;top:22%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent 0 31%,rgba(255,255,255,.20) 43%,rgba(255,255,255,.05) 48%,transparent 61%);mix-blend-mode:screen}
.label{width:31%;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 8px rgba(0,0,0,.15),inset 0 0 18px rgba(255,255,255,.3),0 5px 14px rgba(0,0,0,.18);background:conic-gradient(from 15deg,#b8a5f2,#6ad8dc,#8c7be1,#6ad8dc,#b8a5f2);animation:labelFloat 2.2s ease-in-out infinite alternate;will-change:transform}
.label:before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.42),transparent 18%),linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.02));pointer-events:none}
.label img{position:relative;z-index:2;width:66%;height:66%;object-fit:contain;display:block;filter:none;mix-blend-mode:screen}
.label .hole{z-index:3;width:7%;height:7%;background:#101415;box-shadow:0 1px 2px rgba(0,0,0,.35)}
@keyframes labelFloat{to{transform:translateY(-2px) scale(1.018)}}
.stage-controls{position:absolute;left:0;right:0;bottom:14px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0 8%}
.stage-controls .equalizer{height:38px;gap:5px;opacity:.92}
.stage-controls .equalizer i{width:5px}
.stage-controls .ctrl.main{width:60px;height:60px;font-size:19px;background:#111416;color:#fff;border:0;box-shadow:0 10px 22px rgba(0,0,0,.24);position:relative;z-index:6}
.vinyl-cta{display:flex;align-items:center;justify-content:flex-start;margin-top:4px;padding-top:0}
.vinyl-cta span{color:#4e585a}
.player-meta{position:relative;z-index:6}
.player-card.is-active .label{animation-duration:1.4s}
.player-card.is-active .vinyl-reflection{opacity:.78}
.player-card.is-active .equalizer i{animation-play-state:running}
.equalizer.paused i{animation-play-state:paused}

@media (min-width:821px){
  .site-shell{width:min(100%,1100px);padding-left:24px;padding-right:24px}
  .live-radio-toggle{min-height:52px}
  .mobile-social-links{gap:12px;margin-bottom:16px}
  .mobile-social-links a{min-height:52px;font-size:12px;border-radius:20px}
  .hero-nav-extra{display:inline-flex}
  .hero-actions{gap:12px}
  .hero-actions .pill{min-height:48px}
  .bio-instagram-link{display:flex}
  .player-stage{min-height:500px}
  .vinyl-feature .vinyl-wrap{width:min(42vw,430px);transform:translateY(-34px)}
  .turntable-deck{left:10%;right:10%;bottom:12px;height:128px}
  .stage-controls{bottom:18px;padding:0 12%;gap:34px}
  .stage-controls .ctrl.main{width:66px;height:66px}
}

@media (max-width:720px){
  .mobile-social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-left:0;margin-right:0}
  .mobile-social-links a{min-height:42px;border-radius:15px;font-size:7.5px;padding:8px 4px}
  .mobile-social-links svg{width:15px;height:15px;flex-basis:15px}
  .live-radio-toggle{min-height:50px}
  .live-radio strong{font-size:11.5px}
  .player-stage{min-height:390px}
  .vinyl-feature .vinyl-wrap{width:min(72vw,310px);transform:translateY(-22px)}
  .turntable-deck{left:2%;right:2%;bottom:8px;height:92px;min-height:0;border-radius:25px}
  .turntable-plinth{inset:8px;border-radius:19px}
  .turntable-platter{bottom:17px}
  .stage-controls{bottom:14px;padding:0 5%;gap:12px}
  .stage-controls .equalizer{height:32px;gap:4px}
  .stage-controls .equalizer i{width:4px}
  .stage-controls .ctrl.main{width:54px;height:54px;font-size:17px}
  .vinyl-cta{margin-top:6px}
}

@media (max-width:520px){
  .player-stage{min-height:355px}
  .vinyl-feature .vinyl-wrap{width:min(72vw,310px);transform:translateY(-18px)}
  .turntable-deck{left:2%;right:2%;bottom:7px;height:82px}
  .stage-controls{bottom:12px;padding:0 4%;gap:9px}
  .stage-controls .ctrl.main{width:52px;height:52px}
}

@media (prefers-reduced-motion:reduce){
  .label{animation:none}
  .vinyl-reflection{opacity:.65}
}

/* v6.8.6 — final responsive sync / vinyl layout correction */

/* The supplied logo is used as a transparent PNG; never apply blend modes that can
   bring the original black background back into the visual. */
.label img{mix-blend-mode:normal!important;background:transparent!important;object-fit:contain}

/* More dimensional center label: subtle depth, highlight and floating movement.
   It remains a child of the rotating record, so its position follows the platter. */
.label{
  overflow:hidden;
  transform:translateZ(0);
  background:conic-gradient(from 20deg,#b8a5f2 0deg,#6bd9dc 75deg,#8d7be3 145deg,#b9a7f4 220deg,#69d8dc 300deg,#b8a5f2 360deg);
  box-shadow:0 0 0 7px rgba(255,255,255,.20),0 8px 20px rgba(34,45,48,.22),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -7px 14px rgba(32,47,50,.18);
}
.label:before{
  content:"";
  position:absolute;
  inset:5%;
  border-radius:50%;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.55),transparent 17%),radial-gradient(circle at 68% 76%,rgba(20,31,34,.18),transparent 42%);
  box-shadow:inset 0 2px 5px rgba(255,255,255,.45),inset 0 -4px 9px rgba(0,0,0,.14);
  pointer-events:none;
  z-index:1;
}
.label img{position:relative;z-index:2;width:68%;height:68%;padding:2%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.label .hole{z-index:3;width:6%;height:6%;background:#111416;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.player-card.is-active .label{animation:labelDepth 1.7s ease-in-out infinite alternate}
@keyframes labelDepth{to{transform:translateY(-2px) scale(1.022) rotate(.8deg)}}

/* Keep the record reflection attached to the record itself. Since the reflection is
   a child of .vinyl, it rotates in exact sync with the grooves and record. */
.vinyl-reflection{z-index:1;opacity:.72;transform:translateZ(0);mix-blend-mode:screen}
.vinyl-reflection:before{animation:reflectionSheen 3.8s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes reflectionSheen{to{transform:translateX(7%) rotate(-24deg);opacity:.72}}

/* Physical turntable: the record now sits on a visible platter/plinth instead of
   floating over an empty area. */
.player-stage{padding-bottom:74px;min-height:410px;position:relative;isolation:isolate;overflow:visible}
.turntable-deck{left:4%;right:4%;bottom:66px;height:94px;z-index:0}
.turntable-plinth{inset:8px}
.turntable-platter{width:60%;left:20%;bottom:15px;height:17px}
.vinyl-feature .vinyl-wrap{z-index:2;transform:translateY(-20px)}

/* Controls belong to the lower deck area, not the record itself. This prevents the
   dark play button and equalizer from disappearing against the vinyl. */
.stage-controls{
  position:absolute;
  left:0;right:0;bottom:8px;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  padding:0 7%;
  pointer-events:none;
}
.stage-controls .equalizer{height:34px;gap:4px;opacity:.95;pointer-events:none}
.stage-controls .equalizer i{width:5px;background:#111416;box-shadow:0 1px 2px rgba(255,255,255,.18)}
.stage-controls .ctrl.main{
  width:56px;height:56px;font-size:17px;
  background:#111416;color:#fff;border:2px solid rgba(255,255,255,.8);
  box-shadow:0 8px 18px rgba(0,0,0,.24),0 0 0 5px rgba(255,255,255,.22);
  pointer-events:auto;
}
.stage-controls .ctrl.main:active{transform:scale(.96)}
.player-meta{margin-top:0;position:relative;z-index:7}
.vinyl-cta{margin-top:8px;padding-top:0;position:relative;z-index:7}

/* Desktop receives the exact same component system, scaled proportionally. */
@media (min-width:721px){
  .mobile-social-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
  .mobile-social-links a{min-height:52px;padding:11px 16px;border-radius:20px;font-size:12px;background:rgba(247,255,254,.58);color:#303a3c;border-color:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(32,91,91,.07)}
  .mobile-social-links a:hover{background:rgba(255,255,255,.76);color:#111416}
  .mobile-social-links svg{width:19px;height:19px;flex-basis:19px}
  .hero-nav-extra{display:inline-flex!important}
  .hero-actions{gap:12px;align-items:center}
  .hero-actions .pill{min-height:48px}
  .bio-instagram-link{display:flex!important}
  .hero h1{white-space:nowrap;word-spacing:.08em}
  .hero-title-word{display:inline-block;margin-left:.08em}

  .live-radio{margin-bottom:12px}
  .live-radio-toggle{min-height:52px;gap:13px;padding:6px 14px}
  .live-radio strong{font-size:13px}
  .live-label{font-size:10px}
  .live-dot{width:8px;height:8px;box-shadow:0 0 0 5px rgba(17,20,22,.07)}
  .live-play-mini{width:30px;height:30px;font-size:10px;margin-left:5px}

  .player-stage{min-height:520px;padding-bottom:90px}
  .turntable-deck{left:8%;right:8%;bottom:78px;height:126px;border-radius:30px}
  .turntable-plinth{inset:10px;border-radius:23px}
  .turntable-platter{width:58%;left:21%;bottom:19px;height:20px}
  .vinyl-feature .vinyl-wrap{width:min(42vw,430px);transform:translateY(-34px)}
  .stage-controls{bottom:10px;padding:0 11%;gap:30px}
  .stage-controls .equalizer{height:40px;gap:5px}
  .stage-controls .equalizer i{width:5px}
  .stage-controls .ctrl.main{width:66px;height:66px;font-size:19px}
}

/* Phones: preserve the established compact proportions. */
@media (max-width:720px){
  .mobile-social-links{display:grid!important}
  .hero-nav-extra{display:inline-flex!important}
  .bio-instagram-link{display:flex!important}
  .hero h1{white-space:nowrap}
  .player-stage{min-height:410px;padding-bottom:74px}
  .turntable-deck{left:2%;right:2%;bottom:66px;height:92px;border-radius:25px}
  .turntable-plinth{inset:8px;border-radius:19px}
  .turntable-platter{bottom:15px;height:17px}
  .vinyl-feature .vinyl-wrap{width:min(72vw,310px);transform:translateY(-20px)}
  .stage-controls{bottom:8px;padding:0 5%;gap:13px}
  .stage-controls .equalizer{height:32px;gap:4px}
  .stage-controls .equalizer i{width:4px}
  .stage-controls .ctrl.main{width:54px;height:54px;font-size:17px}
}

@media (max-width:520px){
  .player-stage{min-height:390px;padding-bottom:70px}
  .turntable-deck{bottom:62px;height:82px}
  .vinyl-feature .vinyl-wrap{width:min(72vw,310px);transform:translateY(-18px)}
  .stage-controls{bottom:7px;padding:0 4%;gap:10px}
  .stage-controls .ctrl.main{width:52px;height:52px}
  .label img{width:66%;height:66%}
}

@media (prefers-reduced-motion:reduce){
  .label,.label:before,.vinyl-reflection:before{animation:none!important}
}


/* =========================================================
   v6.8.8 — FINAL VINYL POLISH / PERFORMANCE PASS
   ========================================================= */

/* Keep the page background visually stable while scrolling.
   This removes a continuously animated large blurred layer. */
body:before{
  animation:none!important;
  transform:none!important;
}

/* The record rotates only through a compositor-friendly transform. */
.vinyl{
  animation:none!important;
  transform:rotate(0deg) translateZ(0);
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Slower, more natural record rotation. */
.vinyl.is-spinning{
  animation:vinylSpinSlow 9.5s linear infinite!important;
}
@keyframes vinylSpinSlow{
  from{transform:rotate(0deg) translateZ(0)}
  to{transform:rotate(360deg) translateZ(0)}
}

/* Remove the previous broad central light wedge that created the
   artificial-looking shadow/highlight through the middle of the record. */
.vinyl:after{
  display:none!important;
}

/* The sheen is physically attached to the record. It does NOT run
   on a second animation; because it is a child of .vinyl it rotates
   exactly with the record and therefore stays synchronized. */
.vinyl-reflection{
  opacity:.24!important;
  mix-blend-mode:screen;
  transform:translateZ(0);
  z-index:1;
}
.vinyl-reflection:before{
  animation:none!important;
  width:138%;
  height:28%;
  left:-19%;
  top:18%;
  transform:rotate(-24deg);
  background:linear-gradient(
    90deg,
    transparent 0 32%,
    rgba(255,255,255,.14) 43%,
    rgba(255,255,255,.035) 49%,
    transparent 62%
  );
  mix-blend-mode:screen;
}

/* Smaller, cleaner center label. The supplied transparent PNG remains
   the actual logo asset; no text is recreated with CSS. */
.label{
  width:25%!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.34),transparent 20%),
    conic-gradient(
      from 20deg,
      #b8a5f2 0deg,
      #6bd9dc 75deg,
      #8d7be3 145deg,
      #b9a7f4 220deg,
      #69d8dc 300deg,
      #b8a5f2 360deg
    )!important;
  box-shadow:
    0 0 0 6px rgba(255,255,255,.18),
    0 8px 20px rgba(30,42,45,.24),
    inset 0 2px 0 rgba(255,255,255,.68),
    inset 0 -7px 12px rgba(25,35,38,.16)!important;
  animation:none!important;
  transform:translateZ(0);
  will-change:auto;
}
.label:before{
  inset:5%!important;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.48),transparent 18%),
    radial-gradient(circle at 70% 76%,rgba(18,29,32,.15),transparent 42%)!important;
  box-shadow:
    inset 0 2px 5px rgba(255,255,255,.42),
    inset 0 -4px 9px rgba(0,0,0,.12)!important;
}
.label img{
  width:72%!important;
  height:72%!important;
  padding:0!important;
  display:block;
  object-fit:contain!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))!important;
}

/* Put the play button and equalizer firmly in the lower deck/control
   zone, separated from the spinning record and metadata. */
.player-stage{
  padding-bottom:86px!important;
}
.stage-controls{
  bottom:2px!important;
  padding:0 6%!important;
  gap:18px!important;
  z-index:8!important;
}
.stage-controls .equalizer{
  height:34px!important;
}
.stage-controls .ctrl.main{
  width:56px!important;
  height:56px!important;
  background:#111416!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.88)!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.25),
    0 0 0 4px rgba(255,255,255,.20)!important;
}

/* Desktop: same final vinyl system, scaled proportionally. */
@media (min-width:721px){
  .player-stage{
    min-height:520px!important;
    padding-bottom:92px!important;
  }
  .vinyl-feature .vinyl-wrap{
    width:min(42vw,430px)!important;
    transform:translateY(-28px)!important;
  }
  .turntable-deck{
    bottom:72px!important;
    height:126px!important;
  }
  .turntable-platter{
    bottom:19px!important;
  }
  .stage-controls{
    bottom:2px!important;
    padding:0 12%!important;
    gap:28px!important;
  }
  .stage-controls .equalizer{
    height:40px!important;
  }
  .stage-controls .ctrl.main{
    width:66px!important;
    height:66px!important;
    font-size:19px!important;
  }
}

/* Mobile: slightly smaller label, lower controls, and only a tiny
   reduction in the spacing between "Müziği" and "hisset.". */
@media (max-width:720px){
  .player-stage{
    min-height:410px!important;
    padding-bottom:80px!important;
  }
  .vinyl-feature .vinyl-wrap{
    width:min(72vw,310px)!important;
    transform:translateY(-18px)!important;
  }
  .turntable-deck{
    bottom:62px!important;
    height:82px!important;
  }
  .stage-controls{
    bottom:2px!important;
    padding:0 4%!important;
    gap:10px!important;
  }
  .stage-controls .equalizer{
    height:32px!important;
  }
  .stage-controls .ctrl.main{
    width:52px!important;
    height:52px!important;
    font-size:17px!important;
  }

  .hero h1{
    word-spacing:0!important;
  }
  .hero-title-word{
    margin-left:.045em!important;
  }
}

@media (max-width:520px){
  .player-stage{
    min-height:390px!important;
    padding-bottom:76px!important;
  }
  .vinyl-feature .vinyl-wrap{
    width:min(72vw,310px)!important;
  }
  .stage-controls{
    bottom:2px!important;
  }
}


/* =========================================================
   v6.8.8 — FINAL VINYL REFLECTION REMOVAL
   ========================================================= */

/* No artificial light beam / reflection on the record. */
.vinyl{
  background:
    repeating-radial-gradient(
      circle at 50% 50%,
      #0a0d0e 0 2px,
      #161b1d 2.5px 4px,
      #080b0c 4.5px 7px
    ),
    radial-gradient(
      circle,
      #232a2c 0 45%,
      #080a0b 70%
    )!important;
}

.vinyl:after{
  display:none!important;
  content:none!important;
  background:none!important;
}

.vinyl-reflection,
.vinyl-reflection:before,
.vinyl-reflection:after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  animation:none!important;
}

/* Preserve the physical depth of the record without a highlight beam. */
.vinyl{
  box-shadow:
    inset 0 0 0 5px #070909,
    inset 10px 12px 24px rgba(255,255,255,.045),
    18px 26px 38px rgba(0,0,0,.28)!important;
}

/* Keep the final slow rotation from 6.8.7. */
.vinyl.is-spinning{
  animation:vinylSpinSlow 9.5s linear infinite!important;
}

/* Keep the center logo compact. */
.label{
  width:25%!important;
}

@media (max-width:720px){
  .label{width:25%!important}
}

/* v6.8.9 — vinyl/turntable feature removed; Spotify section follows the music heading directly. */