:root{--background:#050505;--surface:#0d0d0e;--line:#ffffff1c;--line-strong:#ffffff30;--text:#f6f6f4;--muted:#a0a09d;--spotify:#1ed760;--page-pad:clamp(20px, 5vw, 56px)}*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;overflow-x:clip}body{background:radial-gradient(circle at 50% -20%, #ffffff14, transparent 32rem), linear-gradient(180deg, #080808 0%, var(--background) 42%, #070707 100%);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}.site-shell{isolation:isolate;width:min(100%,1180px);min-height:100svh;padding:0 var(--page-pad);margin-inline:auto;position:relative}.site-shell:before{content:"";z-index:-3;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{z-index:-2;opacity:.13;filter:blur(90px);pointer-events:none;border-radius:50%;width:17rem;height:17rem;position:absolute}.ambient-one{background:#b9a7ff;top:15rem;left:-10rem}.ambient-two{background:#d8ff3e;top:26rem;right:-11rem}.brand-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:92px;display:flex}.brand-header p{color:#8e8e8b;letter-spacing:.035em;margin:0;font-size:.72rem}.wordmark{color:#f8f8f6;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:11px;font-size:.78rem;font-weight:700;display:inline-flex}.wordmark-monogram{border:1px solid var(--line-strong);color:#f3f3f1;background:linear-gradient(145deg,#ffffff1f,#0000 48%);border-radius:50%;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:.76rem;display:grid;box-shadow:inset 0 1px #ffffff1f}.hero{max-width:730px;padding:clamp(54px,10vw,104px) 0 clamp(34px,6vw,58px);animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.eyebrow{color:#b9b9b5;letter-spacing:.16em;text-transform:uppercase;margin:0 0 17px;font-size:.69rem;font-weight:650}.hero h1{letter-spacing:-.067em;text-wrap:balance;max-width:680px;margin:0;font-size:clamp(2.8rem,9.2vw,6.4rem);font-weight:560;line-height:.94}.hero-copy{max-width:550px;color:var(--muted);text-wrap:pretty;margin:24px 0 0;font-size:clamp(.98rem,2.2vw,1.08rem);line-height:1.65}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,24px);display:grid}.playlist-card{border:1px solid var(--line);background:linear-gradient(150deg, #ffffff0e, #ffffff04 48%), var(--surface);border-radius:26px;flex-direction:column;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s;animation:.6s cubic-bezier(.2,.7,.2,1) both rise;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000038,inset 0 1px #ffffff0e}.playlist-card:nth-child(2){animation-delay:70ms}.playlist-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (hover:hover){.playlist-card:hover{border-color:color-mix(in srgb, var(--accent) 34%, #ffffff26);box-shadow:0 32px 80px #00000057, 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-6px)}.playlist-card:hover .arrow{transform:translate(2px,-2px)}}.playlist-card:active{transform:scale(.988)}.artwork{aspect-ratio:1;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#111,#080808);position:relative;overflow:hidden}.artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000000d 55%,#0000002e);position:absolute;inset:0;box-shadow:inset 0 0 70px #00000029}.artwork img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s;display:block}.playlist-card:hover .artwork img{filter:saturate(1.05)contrast(1.02);transform:scale(1.018)}.artwork-index{z-index:2;color:#ffffffc7;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04040485;border:1px solid #fff3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.61rem;font-weight:700;display:grid;position:absolute;top:18px;right:18px}.card-content{flex-direction:column;flex:1;padding:clamp(22px,4vw,32px);display:flex}.card-meta{color:#7f7f7c;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;font-size:.64rem;font-weight:650;display:flex}.status-dot{letter-spacing:.03em;text-transform:none;align-items:center;gap:6px;display:inline-flex}.status-dot i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 10px var(--accent);border-radius:50%}.card-content h2{letter-spacing:-.038em;margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:620}.card-content>p{min-height:3.2em;color:var(--muted);margin:10px 0 25px;font-size:.88rem;line-height:1.6}.spotify-cta{background:var(--spotify);color:#020b05;letter-spacing:.095em;text-transform:uppercase;border:1px solid #1ed7608c;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;min-height:54px;margin-top:auto;padding:0 17px 0 15px;font-size:.74rem;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff4d,0 10px 30px #1ed76014}.spotify-label{align-items:center;gap:10px;display:inline-flex}.spotify-mark{width:22px;height:22px;display:inline-flex}.spotify-mark svg{fill:currentColor;width:100%;height:100%}.arrow{font-size:1.25rem;line-height:1;transition:transform .25s}footer{border-top:1px solid var(--line);color:#777774;letter-spacing:.035em;justify-content:space-between;align-items:center;min-height:122px;margin-top:clamp(32px,7vw,76px);font-size:.68rem;display:flex}.footer-note{color:#555552}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.brand-header{min-height:78px}.brand-header p{display:none}.hero{padding:36px 0 20px}.hero h1{max-width:8.5ch}.playlist-grid{grid-template-columns:1fr}.playlist-card{border-radius:22px}.artwork{aspect-ratio:1.25}.card-content>p{min-height:0}}@media (width<=390px){:root{--page-pad:16px}.hero h1{font-size:2.75rem}.card-meta{flex-direction:column;align-items:flex-start}.spotify-cta{font-size:.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}