@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,900;1,400&family=DM+Sans:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&family=DM+Sans:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App,body{min-height:100vh}.App{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.homepage,.main-content{min-height:100vh}.homepage{background:#0a0a0f;color:#f0ece4;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;overflow:hidden;position:relative}.orb{border-radius:50%;filter:blur(90px);pointer-events:none;position:absolute;z-index:0}.orb-1{background:radial-gradient(circle,#8b5cf659 0,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.orb-2{background:radial-gradient(circle,#fb923c33 0,#0000 70%);bottom:100px;height:400px;left:-80px;width:400px}.orb-3{background:radial-gradient(circle,#3b82f633 0,#0000 70%);height:300px;left:40%;top:50%;width:300px}.grain{position:absolute}.layout{grid-gap:4rem;align-items:center;display:grid;flex:1 1;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:5rem 7rem 3rem;position:relative;width:100%;z-index:2}.left-col{display:flex;flex-direction:column;gap:2rem}.eyebrow{align-items:center;animation:fadeUp .6s ease .1s forwards;color:#a78bfa;display:flex;font-size:.8rem;font-weight:500;gap:.6rem;letter-spacing:.18em;opacity:0;text-transform:uppercase}.dot{animation:blink 2s ease-in-out infinite;background:#a78bfa;border-radius:50%;box-shadow:0 0 10px #a78bfa;height:7px;width:7px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.headline{display:flex;flex-direction:column;gap:0;line-height:1;margin:0}.headline-line{animation:fadeUp .7s ease forwards;color:#f0ece4;display:block;font-family:Playfair Display,serif;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:900;opacity:0}.headline-line:first-child{animation-delay:.2s}.headline-line:nth-child(2){animation-delay:.35s}.headline-line:nth-child(3){animation-delay:.5s}.headline-line.accent{-webkit-text-stroke:1px #fb923c;color:#fb923c;font-style:italic}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.descriptor{animation:fadeUp .7s ease .6s forwards;color:#9ca3af;font-size:1.05rem;font-weight:300;line-height:1.75;margin:0;max-width:420px;opacity:0}.stats-row{align-items:center;animation:fadeUp .7s ease .75s forwards;display:flex;gap:1.5rem;opacity:0}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-num{color:#f0ece4;font-family:Playfair Display,serif;font-size:2rem;font-weight:900;line-height:1}.stat-label{color:#6b7280;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.stat-divider{background:#ffffff1a;height:40px;width:1px}.cta-button{align-items:center;animation:fadeUp .7s ease .9s forwards;background:#f0ece4;border:none;border-radius:4px;color:#0a0a0f;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;gap:.75rem;letter-spacing:.03em;opacity:0;padding:1rem 2.5rem;transition:background .2s,transform .2s,gap .2s;width:fit-content}.cta-button:hover{background:#fb923c;color:#fff;gap:1.25rem;transform:translateY(-2px)}.cta-arrow{font-size:1.2rem;transition:transform .2s}.cta-button:hover .cta-arrow{transform:translateX(4px)}.right-col{align-items:center;display:flex;height:520px;justify-content:center;perspective:1000px;position:relative}.vinyl-scene{animation:fadeIn 1s ease .4s forwards;opacity:0;position:relative;transform-style:preserve-3d;transition:transform .1s ease-out}@keyframes fadeIn{to{opacity:1}}.vinyl-disc{animation:spin 12s linear infinite;background:repeating-radial-gradient(circle at 50% 50%,#1a1a1a 0,#111 2px,#1f1f1f 4px,#111 6px);border-radius:50%;box-shadow:0 0 0 2px #333,0 30px 80px #000000e6,0 0 60px #8b5cf626;height:340px;position:relative;width:340px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-grooves{background:repeating-radial-gradient(circle at 50% 50%,#0000 0,#0000 6px,#ffffff05 7px,#0000 8px);inset:10px}.vinyl-grooves,.vinyl-label{border-radius:50%;position:absolute}.vinyl-label{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:inset 0 2px 8px #00000080;display:flex;flex-direction:column;gap:.3rem;height:110px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:110px}.label-logo{background:#ffffff1a;border-radius:50%;height:50px;object-fit:contain;padding:6px;width:50px}.label-name{color:#c4b5fd;font-size:.55rem;font-weight:500;letter-spacing:.25em}.vinyl-shine{background:linear-gradient(135deg,#ffffff14,#0000 40%,#ffffff08 70%,#0000);border-radius:50%;inset:0;position:absolute}.vinyl-shadow{background:radial-gradient(ellipse,#000000b3 0,#0000 70%);bottom:-30px;filter:blur(12px);height:40px;left:50%;position:absolute;transform:translateX(-50%);width:260px}.pill{animation:float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:100px;color:#d1d5db;font-size:.82rem;padding:.5rem 1rem;position:absolute;white-space:nowrap}.pill-1{animation-delay:0s;left:-20px;top:60px}.pill-2{animation-delay:1.3s;right:-30px;top:200px}.pill-3{animation-delay:.7s;bottom:80px;left:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ticker-bar{background:#ffffff05;border-top:1px solid #ffffff0f;overflow:hidden;padding:.9rem 0;position:relative;z-index:2}.ticker-track{animation:ticker 30s linear infinite;display:flex;gap:0;width:max-content}.ticker-item{color:#4b5563;font-size:.78rem;letter-spacing:.1em;padding:0 2.5rem;text-transform:uppercase;white-space:nowrap}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:1024px){.layout{gap:2rem;padding:4rem 3rem 2rem}}@media (max-width:768px){.layout{gap:3rem;grid-template-columns:1fr;padding:3rem 1.5rem 2rem;text-align:center}.descriptor{max-width:100%}.eyebrow,.stats-row{justify-content:center}.cta-button{align-self:center}.right-col{height:360px}.vinyl-disc{height:260px;width:260px}.vinyl-label{height:85px;width:85px}.label-logo{height:38px;width:38px}.pill-1{left:10px;top:20px}.pill-2{right:10px;top:160px}.pill-3{display:none}}.songs-page{background:#0a0a0f;color:#f0ece4;font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:140px;position:relative}.sp-orb{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.sp-orb-1{background:radial-gradient(circle,#8b5cf640 0,#0000 70%);height:500px;right:-100px;top:-150px;width:500px}.sp-orb-2{background:radial-gradient(circle,#fb923c26 0,#0000 70%);bottom:200px;height:350px;left:-80px;width:350px}.grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:256px 256px;inset:0;opacity:.04;pointer-events:none;position:fixed;z-index:1}.sp-header{align-items:center;animation:fadeDown .5s ease forwards;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:2.5rem 3rem 1.5rem;position:relative;z-index:2}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.back-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;color:#d1d5db;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.85rem;gap:.5rem;letter-spacing:.02em;padding:.6rem 1.2rem;transition:background .2s,color .2s,transform .2s}.back-btn:hover{background:#ffffff1f;color:#f0ece4;transform:translateX(-3px)}.back-arrow{font-size:1rem;transition:transform .2s}.back-btn:hover .back-arrow{transform:translateX(-3px)}.sp-title-block{align-items:center;display:flex;flex-direction:column;gap:.2rem}.sp-eyebrow{color:#a78bfa;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.sp-title{color:#f0ece4;font-family:Playfair Display,serif;font-size:2rem;font-weight:900;line-height:1;margin:0}.sp-meta{color:#4b5563;font-size:.8rem;letter-spacing:.08em;min-width:80px;text-align:right;text-transform:uppercase}.sp-main{margin:0 auto;max-width:1100px;padding:2rem 3rem;position:relative;z-index:2}.track-list{display:flex;flex-direction:column}.track-cols-label{align-items:center;color:#4b5563;display:grid;font-size:.7rem;font-weight:500;grid-template-columns:50px 1fr 1fr 70px;letter-spacing:.14em;padding:0 1rem .75rem;text-transform:uppercase}.track-divider{background:#ffffff0f;height:1px;margin-bottom:.5rem}.track-row{align-items:center;animation:rowFadeIn .4s ease forwards;border-radius:8px;cursor:pointer;display:grid;grid-template-columns:50px 1fr 1fr 70px;opacity:0;padding:.65rem 1rem;position:relative;transition:background .15s}@keyframes rowFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.track-row.hovered,.track-row:hover{background:#ffffff0d}.track-row.active{background:#8b5cf61a}.track-row.active:before{background:#a78bfa;border-radius:2px;bottom:20%;content:"";left:0;position:absolute;top:20%;width:2px}.col-num{align-items:center;display:flex;justify-content:center;width:50px}.track-index{font-feature-settings:"tnum";color:#4b5563;font-size:.85rem;font-variant-numeric:tabular-nums;transition:color .15s}.track-row.active .track-index,.track-row.hovered .track-index{color:#f0ece4}.playing-bars{align-items:flex-end;display:flex;gap:2px;height:16px}.playing-bars span{animation:bar .8s ease-in-out infinite;background:#a78bfa;border-radius:2px;display:block;width:3px}.playing-bars span:first-child{animation-delay:0s;height:60%}.playing-bars span:nth-child(2){animation-delay:.2s;height:100%}.playing-bars span:nth-child(3){animation-delay:.4s;height:40%}@keyframes bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.col-title{align-items:center;display:flex;gap:1rem;min-width:0}.track-cover-wrap{flex-shrink:0;position:relative}.track-cover{border-radius:6px;display:block;height:44px;object-fit:cover;transition:transform .2s;width:44px}.track-row:hover .track-cover{transform:scale(1.06)}.cover-glow{border-radius:8px;box-shadow:0 0 14px #a78bfa99;inset:-3px;pointer-events:none;position:absolute}.track-name{color:#f0ece4;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row.active .track-name{color:#c4b5fd}.col-artist{font-size:.85rem}.track-artist{color:#6b7280;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.track-row:hover .track-artist{color:#9ca3af}.col-dur{font-size:.85rem;text-align:right}.track-dur{font-feature-settings:"tnum";color:#4b5563;font-variant-numeric:tabular-nums;transition:color .15s}.track-row:hover .track-dur{color:#6b7280}@media (max-width:768px){.sp-header{padding:1.5rem 1.25rem 1rem}.sp-title{font-size:1.5rem}.sp-main{padding:1.5rem 1rem}.track-cols-label,.track-row{grid-template-columns:40px 1fr 70px}.track-artist,.track-cols-label .col-artist{display:none}.track-cover{height:38px;width:38px}.sp-meta{display:none}}.cc{backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);background:#0a0a0fd9;border-top:1px solid #ffffff12;bottom:0;font-family:DM Sans,sans-serif;left:0;position:fixed;right:0;z-index:1000}.cc-progress-track{background:#ffffff14;cursor:pointer;height:3px;position:relative;transition:height .2s;width:100%}.cc-progress-track:hover{height:5px}.cc-progress-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:0 2px 2px 0;bottom:0;left:0;top:0;transition:width .1s linear}.cc-progress-fill,.cc-progress-thumb{pointer-events:none;position:absolute}.cc-progress-thumb{background:#f0ece4;border-radius:50%;height:12px;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:12px}.cc-progress-track:hover .cc-progress-thumb{transform:translate(-50%,-50%) scale(1)}.cc-body{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr auto 1fr;padding:.85rem 2.5rem}.cc-now-playing{align-items:center;display:flex;gap:.9rem;min-width:0}.cc-cover-wrap{flex-shrink:0;position:relative}.cc-cover{border-radius:6px;display:block;height:48px;object-fit:cover;transition:transform .3s;width:48px}.cc-cover-ring{animation:ring-pulse 2s ease-in-out infinite;border:1.5px solid #a78bfa80;border-radius:9px;inset:-3px;pointer-events:none;position:absolute}@keyframes ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.cc-track-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.cc-track-title{color:#f0ece4;font-size:.9rem;font-weight:500}.cc-track-artist,.cc-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-track-artist{color:#6b7280;font-size:.78rem}.cc-idle{align-items:center;display:flex;gap:.75rem}.cc-idle-disc{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;height:48px;width:48px}.cc-idle-text{color:#374151;font-size:.85rem}.cc-controls{gap:.5rem}.cc-btn,.cc-controls{align-items:center;display:flex}.cc-btn{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;justify-content:center;padding:0;transition:color .15s,transform .15s,background .15s}.cc-btn svg{display:block}.cc-btn:hover{color:#f0ece4;transform:scale(1.1)}.cc-btn:active{transform:scale(.95)}.cc-btn-sm{height:36px;width:36px}.cc-btn-sm svg{height:18px;width:18px}.cc-btn-play{background:#f0ece4;border-radius:50%;box-shadow:0 0 20px #f0ece426;color:#0a0a0f;height:44px;transition:background .2s,transform .15s,box-shadow .2s;width:44px}.cc-btn-play svg{height:22px;width:22px}.cc-btn-play:hover{background:#fb923c;box-shadow:0 0 24px #fb923c59;color:#fff;transform:scale(1.08)}.cc-btn-play:active{transform:scale(.96)}.cc-right{align-items:flex-end;display:flex;flex-direction:column;gap:.4rem;min-width:0}.cc-times{align-items:center;display:flex;gap:.25rem}.cc-time{font-feature-settings:"tnum";color:#6b7280;font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}.cc-time-sep{color:#374151;font-size:.75rem}.cc-time-total{color:#4b5563}.cc-volume{align-items:center;display:flex;gap:.5rem}.cc-vol-icon{background:none;border:none;cursor:pointer;font-size:.9rem;line-height:1;padding:0;transition:transform .15s}.cc-vol-icon:hover{transform:scale(1.15)}.cc-vol-track{background:#ffffff14;border-radius:2px;cursor:pointer;height:3px;position:relative;transition:height .2s;width:90px}.cc-vol-track:hover{height:5px}.cc-vol-fill{background:#fff6;border-radius:2px;bottom:0;left:0;top:0;transition:width .05s}.cc-vol-fill,.cc-vol-thumb{pointer-events:none;position:absolute}.cc-vol-thumb{background:#f0ece4;border-radius:50%;height:10px;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:10px}.cc-vol-track:hover .cc-vol-thumb{transform:translate(-50%,-50%) scale(1)}@media (max-width:768px){.cc-body{gap:.75rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:.75rem 1.25rem}.cc-controls,.cc-now-playing,.cc-right{justify-content:center}.cc-right{align-items:center;flex-direction:row;gap:1rem}.cc-vol-track{width:80px}}
/*# sourceMappingURL=main.ad5ea56c.css.map*/