body{margin:0;background:#111315}
a{color:#F1E6D6;text-decoration:none}
a:hover{color:#D9F43B}
.ep,.ep *{box-sizing:border-box}
.beat{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--o,0);transform:translate3d(0,calc((1 - var(--o,0)) * 30px),0);filter:blur(calc((1 - var(--o,0)) * 8px))}
.line{margin:0;font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;font-weight:650;font-size:clamp(30px,4.6vw,70px);line-height:1.02;letter-spacing:-0.028em;color:#F1E6D6;text-wrap:balance;text-shadow:0 2px 34px rgba(0,0,0,.65)}
.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-0.005em}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:'Instrument Sans',system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#C9D3DA;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.eyebrow::before{content:"";width:40px;height:1px;background:currentColor;opacity:.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.01em;white-space:nowrap;transition:transform .45s cubic-bezier(.3,1.7,.5,1),background .3s,color .3s,box-shadow .3s,border-color .3s}
.btn:hover{transform:translateY(-2px)}
.btn-y{background:#D9F43B;color:#111315}
.btn-y:hover{color:#111315;box-shadow:0 0 38px rgba(217,244,59,.5)}
.btn-o{border:1px solid rgba(201,211,218,.45);color:#F1E6D6;background:rgba(17,19,21,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-o:hover{border-color:#D9F43B;color:#D9F43B}
.ico{width:20px;height:20px;flex:none}
.ico path,.ico circle{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.star{width:22px;height:22px;flex:none}
.star path{fill:#D9F43B;stroke:none}
.glass{background:rgba(17,19,21,.62);border:1px solid rgba(201,211,218,.16);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
.pcard{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(96px,14vh,128px);width:clamp(180px,15vw,236px);margin:0;border-radius:18px;overflow:hidden;background:#111315;border:1px solid rgba(201,211,218,.25);box-shadow:0 22px 50px rgba(0,0,0,.55);pointer-events:none;opacity:var(--o,0);transform:translate3d(0,calc((1 - var(--o,0)) * 22px),0) rotate(calc((1 - var(--o,0)) * 3deg))}
.pcard img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}
.pcard figcaption{display:flex;align-items:center;gap:8px;padding:9px 12px;font-family:'Instrument Sans',system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#C9D3DA}
.pcard figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:#D9F43B}
.corner{position:absolute;width:26px;height:26px;border-color:rgba(241,230,214,.55);border-style:solid;border-width:0}
.rec{width:8px;height:8px;border-radius:50%;background:#D9F43B;box-shadow:0 0 10px #D9F43B;animation:rec 1.4s ease-in-out infinite}
@keyframes rec{0%,100%{opacity:1}50%{opacity:.25}}
.cue-track{position:relative;width:56px;height:28px}
.cue-dot{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:#D9F43B;box-shadow:0 0 14px #D9F43B;offset-path:path("M5 23 Q 28 -10 51 23");offset-rotate:0deg;animation:cue 1.7s cubic-bezier(.45,.05,.55,.95) infinite alternate}
@keyframes cue{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.idx-btn{display:flex;align-items:center;gap:12px;min-height:36px;padding:0;border:0;background:none;color:#F1E6D6;cursor:pointer;font-family:'Instrument Sans',system-ui,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-align:left}
.idx-btn:hover span{opacity:1 !important}
.idx-btn:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid #D9F43B;outline-offset:3px}
.profs{scrollbar-width:none}
.profs::-webkit-scrollbar{display:none}
@media (max-width:760px){.idx{display:none !important}.hide-m{display:none !important}.row3{grid-template-columns:34px minmax(0,1fr) !important}.row3 p{grid-column:2}}
@media (prefers-reduced-motion:reduce){.cue-dot,.rec{animation:none}.beat{filter:none}}
