@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#111012;--fg:#f7f1e9;--pink:#eeb5d0;--muted:#aaa6aa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:6px}header{height:91px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;gap:25px}.wordmark{font-size:27px;letter-spacing:-1.5px;font-weight:700}.wordmark span{font-weight:400}.wordmark sup{font-size:20px;color:var(--pink);margin-left:5px}nav{display:flex;gap:28px;font-size:12px}nav a:hover{color:var(--pink)}.navcta{font-size:12px;border:1px solid #655b63;padding:12px 17px;border-radius:30px}.hero{height:680px;min-height:580px;position:relative;overflow:hidden}.heroimg{width:66%;height:100%;position:absolute;right:0;object-fit:cover;object-position:center 32%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#111012 3%,#111012ef 27%,#11101265 52%,transparent 75%),linear-gradient(0deg,#11101266,transparent 40%)}.herotop{position:absolute;top:30px;left:5%;right:5%;display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px}.herotop span:first-child{color:var(--pink)}.herocopy{position:relative;padding:100px 0 50px 8%;max-width:710px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin-right:8px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;margin:22px 0;line-height:1.04;letter-spacing:-2px}h1{font-size:78px}em{font-weight:500;color:var(--pink)}.herocopy p{font-size:15px;color:#c7c1c7;line-height:1.8}.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.pink{display:flex;gap:35px;justify-content:space-between;background:var(--pink);border:0;border-radius:2px;padding:16px 22px;font-size:12px;color:#22151e;font-weight:700}.pink:hover{background:#ffd6e9}.play{font-size:11px}.play span{display:inline-grid;place-items:center;border:1px solid #777;border-radius:50%;height:35px;width:35px;margin-right:8px;font-size:10px}.heroname{position:absolute;right:7%;bottom:55px;font-family:Georgia,serif;font-size:78px;letter-spacing:8px;text-shadow:0 1px 12px #0008}.heroname span{display:block;font:9px Arial;letter-spacing:2px}.credit{position:absolute;right:20px;bottom:10px;font-size:9px;color:#ccc}.ticker{background:var(--pink);color:#21141c;padding:19px 5%;display:flex;align-items:center;justify-content:space-around;font-size:11px;font-weight:700;letter-spacing:2px;gap:15px}.ticker b{font-size:24px;font-weight:400}.section{padding:85px 8%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px}h2{font-size:48px}.intro{color:var(--muted);font-size:13px;line-height:1.8;max-width:310px}.sectionhead .intro{margin-bottom:30px}.tools{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #363136;margin-top:28px;padding:25px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #393438;color:#b9b2b9;background:transparent;padding:9px 15px;border-radius:22px;font-size:11px}.filters button.active{background:var(--fg);color:#171318;border-color:var(--fg)}.search{display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid #554c53;max-width:190px}.search span{font-size:22px}.search input{background:transparent;color:var(--fg);border:0;outline:0;width:100%;font-size:12px}.artists{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.portrait{height:270px;position:relative;background:linear-gradient(135deg,#655260,#262029);overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .4s}.card:hover img{transform:scale(1.04)}.portrait .initial{position:absolute;inset:0;display:grid;place-items:center;font:90px Georgia;color:#d7afc6}.portrait img{position:relative}.tag{position:absolute;left:12px;bottom:12px;background:#171019c9;padding:6px 8px;font-size:9px;letter-spacing:1px}.card h3{font-size:23px;margin:16px 0 5px;letter-spacing:-.5px}.card p{font-size:12px;color:var(--muted);margin:0 0 15px;line-height:1.6}.cardlinks{display:flex;gap:15px;font-size:10px;border-top:1px solid #393238;padding-top:12px}.cardlinks a:hover{color:var(--pink)}.rotation{background:#1b181d;display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.note{display:block;font-size:9px;letter-spacing:1.6px;color:#9e8d99;margin-top:30px}.track{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #40353e;gap:22px}.track:first-child{border-top:1px solid #40353e}.track .num{font:italic 18px Georgia;color:#b990a7}.track strong{display:block;font-size:16px;font-weight:500}.track small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.track .arrow{margin-left:auto;border:1px solid #5b4956;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:12px}.track:hover{color:var(--pink)}.manifesto{position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px}.manifesto h2{font-size:58px}.manifesto p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:500px}.manifesto>a{display:inline-block;border-bottom:1px solid var(--pink);padding:15px 0;font-size:12px;margin-top:10px}.manifesto>a span{margin-left:60px}.star{position:absolute;right:10%;top:50px;color:#deb0c9;font-size:330px;line-height:1.4;transform:rotate(10deg)}footer{border-top:1px solid #3a3239;padding:40px 8%;display:flex;justify-content:space-between;gap:30px}footer p{font-size:10px;line-height:1.8;color:var(--muted)}.footright{text-align:right}.footright>span{font-size:10px;letter-spacing:2px}footer button{border:0;background:none;color:#c2a3b5;font-size:10px;padding:0}dialog{background:#211a22;border:1px solid #776170;color:var(--fg);max-width:650px;width:90%;padding:45px;border-radius:4px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:39px}dialog p{line-height:1.8;color:#c9bdc5;font-size:14px}dialog a{color:var(--pink);text-decoration:underline}dialog li{margin:15px 0;font-size:13px}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:white;font-size:28px}#empty{text-align:center;padding:30px;color:var(--muted)}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.navcta{display:none}.heroimg{width:80%}.artists{grid-template-columns:repeat(2,1fr)}.portrait{height:350px}.tools{flex-wrap:wrap}.star{right:2%;font-size:240px;opacity:.3}.rotation{gap:35px}h1{font-size:70px}}@media(max-width:600px){header{height:80px;padding:15px 6%;flex-wrap:wrap;gap:10px}.wordmark{font-size:23px}nav{gap:17px;font-size:9px;width:100%;justify-content:space-between}.hero{height:680px}.heroimg{width:100%;object-position:60% center;opacity:.7}.shade{background:linear-gradient(90deg,#111012d9,#11101230),linear-gradient(0deg,#111012 0%,transparent 65%)}.herotop{top:23px;font-size:8px}.herotop span:last-child{display:none}.herocopy{padding:100px 6% 30px}h1{font-size:62px}.herocopy p{font-size:14px}.heroname{font-size:48px;bottom:35px;right:7%}.heroname span{font-size:7px}.eyebrow{font-size:9px;letter-spacing:1.5px}.actions{gap:18px}.pink{gap:18px;padding:15px;font-size:11px}.play{font-size:10px}.ticker{padding:14px;font-size:8px;letter-spacing:1px}.ticker span:nth-of-type(3),.ticker b:last-child{display:none}.section{padding:55px 6%}.sectionhead{display:block}h2{font-size:37px}.sectionhead .intro{margin-bottom:20px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 11px}.search{max-width:100%;width:100%}.artists{gap:22px 14px}.portrait{height:220px}.card h3{font-size:21px}.card p{font-size:11px}.cardlinks{gap:9px;font-size:9px}.rotation{grid-template-columns:1fr;gap:30px}.manifesto h2{font-size:42px}.manifesto p{position:relative;z-index:1}.star{font-size:180px;right:-50px;top:60px;opacity:.18}footer{padding:30px 6%;display:block}.footright{text-align:left;margin-top:30px}.note{margin-top:20px}dialog{padding:35px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait img{transition:none}}
