@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-400-normal.D6LQsQ_v.woff2)format("woff2"),url(/assets/caveat-latin-400-normal.BzhAQZkN.woff)format("woff")}@font-face{font-family:Bebas Neue;src:url(/assets/bebas-neue-400.Cr4gADsU.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Figtree;src:url(/assets/fonts/Figtree.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--song-1-primary:#f59e0b;--song-1-secondary:#dc2626;--song-2-primary:#8b5cf6;--song-2-secondary:#ec4899;--song-3-primary:#78716c;--song-3-secondary:#fef3c7;--song-4-primary:#4c1d95;--song-4-secondary:#1e3a8a;--song-5-primary:#ea580c;--song-5-secondary:#f59e0b;--song-6-primary:#ec4899;--song-6-secondary:#be185d;--song-7-primary:#d8a853;--song-7-secondary:#a97722;--song-8-primary:#dc2626;--song-8-secondary:#7f1d1d;--ente-green:#08c225}body{background:#000;font-family:Figtree,sans-serif;overflow-x:hidden}.hero{justify-content:flex-end;align-items:flex-end;height:100vh;display:flex;position:relative;overflow:hidden}.hero-artwork{opacity:.9;filter:blur(80px);background:radial-gradient(at 0 0,#8b5cf6 0%,#ec4899 25%,#f59e0b 50%,#dc2626 75%,#1e3a8a 100%);width:100%;height:100%;animation:10s ease-in-out infinite breathe;position:absolute;top:0;left:0}@keyframes breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.05)rotate(2deg)}}.hero-artwork:before{content:"";filter:blur(40px);background:radial-gradient(circle,#f59e0b66 0%,#0000 70%);border-radius:50%;width:40%;height:40%;animation:8s ease-in-out infinite float;position:absolute;top:20%;left:30%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.hero-artwork:after{content:"";filter:blur(50px);background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);border-radius:50%;width:35%;height:35%;animation:12s ease-in-out infinite reverse float;position:absolute;bottom:20%;right:25%}.hero h1{z-index:2;text-align:right;margin:0 5vw 5vh 0;position:relative}.hero h1 div{color:#fff;text-transform:uppercase;letter-spacing:-.02em;font-family:Bebas Neue,sans-serif;font-size:clamp(40px,5vw,80px);font-weight:700;line-height:.9}.song-section{align-items:center;min-height:100vh;padding:100px 5vw;display:flex;position:relative;overflow:hidden}.song-bg{z-index:-2;opacity:.3;filter:blur(3px);will-change:transform;background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.song-1 .song-bg{background-attachment:scroll}.song-bg:after{content:"";background:linear-gradient(#0000004d 0%,#000000b3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.song-content{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.song-info{color:#fff}.song-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:20px;font-family:Bebas Neue,sans-serif;font-size:clamp(45px,7vw,120px);font-weight:700;line-height:.9}.song-1 .song-title{color:var(--song-1-primary);transform:rotate(-1deg)}.song-2 .song-title{color:var(--song-2-primary);transform:rotate(1deg)}.song-3 .song-title{color:var(--song-3-secondary);font-weight:700}.song-4 .song-title{color:var(--song-4-primary);transform:skew(-3deg)}.song-5 .song-title{color:var(--song-5-secondary)}.song-6 .song-title{color:var(--song-6-primary);transform:rotate(-1deg)}.song-7 .song-title{color:var(--song-7-primary);transform:rotate(-2deg)}.song-8 .song-title{color:var(--song-8-primary)}.artist{opacity:.9;margin-bottom:10px;font-size:clamp(20px,3vw,36px);font-weight:300}.genre{text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin-bottom:30px;font-size:14px}.contributed-by{opacity:.7;margin-bottom:20px;font-size:14px}.contributed-by a{color:#fff;border-bottom:1px dotted;text-decoration:none}.blurb{opacity:.9;max-width:600px;margin-bottom:30px;font-family:Caveat,cursive;font-size:clamp(20px,2.5vw,26px);font-style:normal;line-height:1.4}.video-container{backdrop-filter:blur(10px);background:#00000080;border-radius:10px;padding:10px;position:relative}.video-container iframe{border-radius:8px;box-shadow:0 20px 60px #00000080}.video-link{border-radius:8px;display:block;position:relative;overflow:hidden}.video-thumb{object-fit:cover;border-radius:8px;width:400px;height:225px;display:block;box-shadow:0 20px 60px #00000080}.play-overlay{background:radial-gradient(#0000,#00000059);justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-link:hover .play-overlay{background:radial-gradient(#0000001a,#00000073)}.play-icon{background:#0000008c;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 6px 20px #00000059}.play-icon svg{margin-left:2px}.footer{color:#333;text-align:center;background:#f8f8f8;border-top:1px solid #e0e0e0;padding:100px 5vw}.footer h2{color:#333;margin-bottom:10px;font-size:clamp(24px,3vw,36px)}.footer-subtext{color:#666;margin-bottom:40px;font-family:Caveat,cursive;font-size:clamp(20px,2.5vw,28px);font-weight:400}.footer a{color:var(--ente-green);text-decoration:none;transition:opacity .3s}.footer h2 a{color:var(--ente-green);transition:color .3s}.footer h2 a:hover{color:#000}.credits a{color:inherit;transition:color .3s}.credits a:hover{color:var(--ente-green)}.credits a svg{transition:fill .3s}.credits a:hover svg path{fill:var(--ente-green)}.playlist-links{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px;display:flex}.playlist-links a{border:2px solid #333;border-radius:50px;padding:15px 30px;font-weight:700;transition:all .3s;color:#333!important}.playlist-links a:hover{background:var(--ente-green);border-color:var(--ente-green);color:#fff!important;opacity:1!important}.credits{color:#666;font-size:14px}.credits .made-with{color:#666;display:inline-block}.parallax-element{transition:transform .1s ease-out}@media (width<=768px){.song-content{grid-template-columns:1fr;gap:40px}.video-container{width:100%;max-width:400px;margin:0 auto}.video-container iframe,.video-thumb{aspect-ratio:16/9;width:100%;height:auto}.song-section{padding:60px 20px}}
