:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09090d;color:#f4f2f8;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #b8a7ff;outline-offset:5px}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem clamp(1.2rem,4vw,4rem);border-bottom:1px solid #ffffff3b;background:linear-gradient(#07070bc4,#07070b45);backdrop-filter:blur(10px)}.brand{font-weight:900;letter-spacing:-.06em;font-size:1.35rem;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:clamp(.9rem,3vw,3rem)}.topbar nav a{font-size:.82rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#d4d0df;transition:color .2s}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:#fff}.topbar nav a[aria-current=page]{border-bottom:1px solid #b9a4ff;padding-bottom:.3rem}.home{min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;background:#151020 url('/home.jpg') center 48%/cover no-repeat}.home:before{content:"";position:absolute;inset:0;background:linear-gradient(#09070c65,#09070c49 50%,#09070c9c);z-index:-1}.home h1{text-align:center;margin:0;padding:3rem 1rem;font-size:clamp(3.645rem,12.96vw,11.34rem);line-height:.9;letter-spacing:-.095em;font-weight:900;text-shadow:0 8px 50px #000c}.home h1 span{font-weight:300}.page{min-height:100svh;padding:clamp(8.5rem,14.5vw,12rem) clamp(1.3rem,5.5vw,5.5rem) 4.5rem;max-width:1500px;margin:auto}.kicker{font-size:.82rem;letter-spacing:.26em;text-transform:uppercase;color:#b5a3ea}.page h1{font-size:clamp(4.05rem,11.34vw,10.53rem);line-height:.9;letter-spacing:-.09em;text-transform:uppercase;margin:1rem 0 3.6rem}.photo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2rem,7vw,8rem);align-items:center}.photo-grid figure{margin:0}.photo-grid img{width:100%;max-height:720px;object-fit:cover;object-position:center 40%;display:block;filter:grayscale(1)}figcaption{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-top:1.2rem;color:#a9a3b5}.statement{font-size:clamp(1.944rem,4.05vw,4.86rem);line-height:1.02;letter-spacing:-.065em;font-weight:700;margin:0}.statement em{font-style:normal;color:#a28bda}.rule{border-top:1px solid #ffffff8c;padding-top:2rem;max-width:850px}.rule p{font-size:clamp(1.134rem,2.268vw,2.025rem);line-height:1.35;color:#c6c2cf;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1050px}.card{min-height:234px;border:1px solid #ffffff61;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between}.card h2{font-size:clamp(1.62rem,3.24vw,3.24rem);line-height:1;letter-spacing:-.06em;margin:0}.card p{color:#aca7b7;line-height:1.5;margin:0;font-size:1rem}footer{border-top:1px solid #ffffff30;padding:1.5rem clamp(1.3rem,6vw,6rem);color:#8e8998;display:flex;justify-content:space-between;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}footer a:hover{color:white}@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 1.2rem}.topbar nav{width:100%;justify-content:space-between;gap:.4rem}.topbar nav a{font-size:.67rem;letter-spacing:.04em}.home{background-position:53% center}.home h1{font-size:clamp(3.321rem,13.77vw,5.67rem)}.photo-grid,.cards{grid-template-columns:1fr}.page{padding-top:11rem}.page h1{margin-bottom:3rem}.photo-grid img{max-height:600px}.card{min-height:220px}}

.works-intro{max-width:720px;color:#aaa5b4;font-size:clamp(0.972rem,1.62vw,1.296rem);line-height:1.4;margin:-1rem 0 3rem}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 1.5rem}.work{min-width:0}.spotify-embed{width:100%;height:352px;border:0;border-radius:12px;background:#1b1723;display:block}.work-art{height:352px;border-radius:12px;background:radial-gradient(circle at 80% 20%,#6647a1,#231330 44%,#110d18 78%);display:flex;flex-direction:column;justify-content:space-between;padding:1.8rem;overflow:hidden}.work-art span{font-size:.8rem;letter-spacing:.2em;color:#c7b4ec}.work-art strong{font-size:clamp(2.43rem,4.86vw,4.86rem);line-height:.85;letter-spacing:-.08em}.work-info{border-top:1px solid #ffffff8a;margin-top:1.2rem;padding-top:1.3rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.work-artist{margin:0 0 .5rem;color:#aaa4ba;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.work-info h2{margin:0;font-size:clamp(1.377rem,2.43vw,2.43rem);line-height:1;letter-spacing:-.06em}.work-role{margin:.8rem 0 0;color:#b8a5ef;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.work-info a,.artist-links a{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-bottom:1px solid #a995de;padding-bottom:.3rem}.work-info a:hover,.artist-links a:hover{color:#b9a6ed}.artist-links{display:flex;gap:2rem;align-items:center;border-top:1px solid #ffffff45;margin-top:4.5rem;padding-top:2rem}.artist-links span{color:#88828f;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em}@media(max-width:750px){.works-grid{grid-template-columns:1fr;gap:3rem}.work-art,.spotify-embed{height:352px}.artist-links{gap:1.4rem}}
.ep-label{font-size:.4em;vertical-align:middle;letter-spacing:.12em;color:#a995de}

.large-link{display:inline-block;font-size:clamp(1.377rem,4.05vw,4.05rem);letter-spacing:-.055em;font-weight:700;border-bottom:1px solid #b8a5ef;padding-bottom:.35rem;overflow-wrap:anywhere}.large-link:hover{color:#b8a5ef}.social-list{display:grid;gap:0;margin-top:3rem}.social-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #ffffff45;padding:1.5rem 0}.social-list a:last-child{border-bottom:1px solid #ffffff45}.social-list span{color:#a8a2b1;font-size:.9rem}.social-list strong{font-size:clamp(1.134rem,2.43vw,2.268rem);letter-spacing:-.05em}.social-list a:hover strong{color:#b8a5ef}@media(max-width:580px){.social-list a{align-items:flex-start;flex-direction:column}}

.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:center;border-top:1px solid #ffffff6b;border-bottom:1px solid #ffffff6b;padding:clamp(3rem,7vw,7rem) 0}.about-monogram{font-weight:900;font-size:clamp(5.67rem,14.58vw,14.58rem);line-height:.72;letter-spacing:-.12em;color:#cabaff}.about-monogram span{display:block;font-size:.31em;letter-spacing:.28em;margin-top:.6em;color:#f5f3fa}.about-lead p:first-child{font-size:clamp(1.458rem,2.835vw,2.835rem);line-height:1.1;letter-spacing:-.055em;color:white;margin:0 0 2rem;font-weight:700}.about-lead p:last-child{font-size:clamp(0.9rem,1.35vw,1.125rem);line-height:1.55;color:#b7b1c2;max-width:620px}.about-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:6.3rem 0 1.8rem}.about-heading span{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#b6a4ec}.about-heading h2{font-size:clamp(2.43rem,6.48vw,6.48rem);line-height:.9;letter-spacing:-.08em;text-transform:uppercase;margin:0}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.person{border:1px solid #ffffff4e;min-height:243px;padding:1.8rem;display:flex;flex-direction:column;align-items:flex-start}.person span{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#aa97df}.person h3{font-size:clamp(2.025rem,4.05vw,4.05rem);letter-spacing:-.08em;line-height:1;margin:auto 0 1rem}.person p{font-size:1rem;line-height:1.5;color:#b8b2c2;margin:0}.about-end{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:3.6rem 0 0}.about-end span{font-size:.82rem;letter-spacing:.17em;text-transform:uppercase;color:#8e8799}.about-end a{border-bottom:1px solid #b7a4ee;padding-bottom:.4rem;font-size:1.2rem}.about-end a:hover{color:#b7a4ee}@media(max-width:680px){.topbar nav{flex-wrap:wrap;justify-content:flex-start;column-gap:1.1rem;row-gap:.6rem}.page{padding-top:12rem}.about-lead,.team-grid{grid-template-columns:1fr}.about-monogram{font-size:clamp(5.67rem,22.68vw,9.72rem)}.about-heading{align-items:flex-start;flex-direction:column;margin-top:4.5rem}.person{min-height:220px}.about-end{align-items:flex-start;flex-direction:column}}

@media(max-width:680px){.topbar nav a{font-size:.75rem}.page{padding-top:11.5rem}}

/* Compact the layout without reducing Spotify's own interface. */
.page{max-width:1350px;padding-bottom:4rem}.page h1{margin-bottom:3.2rem}.works-grid{gap:3.2rem 1.35rem}.works-intro{margin-bottom:2.4rem}.work-info{margin-top:1rem;padding-top:1rem}.team-grid{gap:.9rem}.person{min-height:220px}.about-lead{padding:3.5rem 0}.topbar{padding-top:1.35rem;padding-bottom:1.35rem}.spotify-embed{height:352px;min-height:352px}.work-info a{display:inline-block;background:#c7b8ed;color:#111016;border:0;border-radius:2px;padding:.75rem .9rem;font-weight:700;white-space:nowrap}.work-info a:hover{background:#fff;color:#111016}@media(max-width:750px){.spotify-embed{height:352px;min-height:352px}}@media(max-width:680px){.topbar nav a{font-size:.75rem}.page{padding-top:11rem}.work-info{align-items:start}.work-info a{font-size:.75rem;padding:.7rem .75rem}}

/* Spotify renders the wide track player at 267px. Match the frame to it. */
.spotify-embed.spotify-track{height:268px!important;min-height:268px!important;background:#1f1f1f}.spotify-embed.spotify-album{height:352px!important;min-height:352px!important;background:#1f1f1f}@media(max-width:750px){.spotify-embed.spotify-track{height:268px!important;min-height:268px!important}}

/* The Spotify track player scales with card width at roughly 2.5:1. */
.spotify-embed.spotify-track{display:block;width:100%;aspect-ratio:2.5 / 1;height:auto!important;min-height:0!important;max-height:none!important;border-radius:12px;background:#1f1f1f}.spotify-embed.spotify-album{height:352px!important;min-height:352px!important}@media(max-width:750px){.spotify-embed.spotify-track{aspect-ratio:2.5 / 1;height:auto!important;min-height:0!important}}

/* Spotify switches to its 80px compact layout on phones. */
@media(max-width:600px){.spotify-embed.spotify-track{width:100%;height:80px!important;min-height:80px!important;max-height:80px!important;aspect-ratio:auto!important;border-radius:12px}.works-grid{gap:2.6rem}}