@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f3f0e8;--ink:#182528;--muted:#69706d;--line:#d5d6cd;--night:#101e29;--warm:#e9bd76}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #ae6b25;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.8px}.brand-mark{height:30px;display:flex;align-items:center;gap:3px}.brand-mark i{display:block;width:3px;background:currentColor;border-radius:4px;height:14px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:25px}.brand-mark i:nth-child(3){height:34px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover,.text-link:hover{color:#95652e}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b67b35;margin-right:9px}.intro{padding:77px 0 63px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.intro h1{font:500 clamp(46px,5.7vw,78px)/1.08 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0 0}.intro h1 em{font-family:Georgia,serif;font-weight:400}.intro-copy{max-width:330px;justify-self:end;margin:0 0 5px;color:var(--muted);font-size:15px;line-height:1.9}.section-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:19px 0 23px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:30px}.project-art{height:510px;position:relative;overflow:hidden;background:var(--night)}.project-art img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;transition:transform .7s}.project-card:hover .project-art img{transform:scale(1.035)}.tag{position:absolute;left:24px;top:24px;border:1px solid #ffffff50;background:#10212be0;color:white;backdrop-filter:blur(8px);padding:5px 12px;border-radius:2px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.art-arrow{position:absolute;bottom:24px;right:24px;width:48px;height:48px;display:grid;place-items:center;background:var(--paper);border-radius:50%;font-size:25px;transition:transform .3s}.project-card:hover .art-arrow{transform:rotate(45deg)}.project-meta{padding:23px 0;display:flex;justify-content:space-between;gap:20px}.project-meta h2{font:600 28px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 8px}.project-meta p{margin:0;font-size:13px;color:var(--muted)}.number{font:12px monospace;color:var(--muted);padding-top:6px}.future-art{height:510px;position:relative;overflow:hidden;background:#e4e3d9;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit{width:265px;height:265px;border:1px solid #a8ada05c;border-radius:50%;position:relative;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #a8ada05c;border-radius:50%;inset:32px}.orbit:after{inset:65px}.asterisk{font:100px Georgia;color:#737e71;line-height:1}.future-art .eyebrow{position:absolute;bottom:32px;color:#677264;font-size:10px}.future-art .tag{background:transparent;border-color:#bfc3b7;color:#66715f}.note-strip{margin:65px 0 85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.note-strip p{margin:0;color:var(--muted);font-size:14px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding:3px 0;white-space:nowrap}.footer{border-top:1px solid var(--line);padding:30px 0 36px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.footer-links{display:flex;gap:25px}.breadcrumb{padding:30px 0;font-size:11px;color:var(--muted)}.artist-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:25px 0 80px;align-items:center}.artist-hero h1{font:500 clamp(60px,7.5vw,105px)/1 Manrope,sans-serif;letter-spacing:-6px;margin:28px 0}.artist-hero h1 .amp{font-family:Georgia,serif;font-style:italic;color:#9c723f}.artist-hero .lede{font-size:18px;color:var(--muted);max-width:390px;line-height:1.8}.artist-art{position:relative}.artist-art img{aspect-ratio:1;object-fit:cover}.art-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-top:15px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;background:var(--ink);color:var(--paper);padding:12px 22px;font-size:12px;border:0;cursor:pointer}.button:hover{background:#334b47}.button.light{background:var(--paper);color:var(--ink)}.about{padding:70px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:70px}.about h2,.release h2,.contact h2{font:500 38px/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 25px}.about-copy>p{max-width:700px;font-size:19px;line-height:1.85;margin:0 0 20px}.about-copy .translation{font-size:14px;color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pill{border:1px solid var(--line);border-radius:30px;font-size:11px;padding:6px 15px}.release{background:var(--night);color:var(--paper);padding:70px 0}.release-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.release .eyebrow{color:var(--warm);margin:0 0 20px}.release h2{font-size:45px}.release-sub{font-size:12px;color:#adb6b8}.release-list{padding:0;list-style:none;margin:0}.release-list li{border-top:1px solid #ffffff24;padding:17px 0;display:flex;gap:23px;font-size:16px}.release-list li:last-child{border-bottom:1px solid #ffffff24}.release-list span{font:11px/2.4 monospace;color:#a2acb0}.release-note{font-size:12px;line-height:1.9;color:#adb6b8;margin-top:25px}.player{margin-top:35px}.player iframe{width:100%;height:352px;border:0;border-radius:12px}.contact{padding:80px 0;display:grid;grid-template-columns:1fr 2fr;gap:70px}.contact h2{font-size:30px}.contact .eyebrow{color:var(--muted);margin-bottom:14px}.contact p{font-size:14px;color:var(--muted);max-width:570px}.email{font:500 clamp(18px,2.5vw,29px)/1.6 Manrope,sans-serif;border-bottom:1px solid var(--line);padding-bottom:12px;display:inline-block;overflow-wrap:anywhere}.small{font-size:12px}.not-found{padding:100px 0;min-height:65vh}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.project-art,.future-art{height:570px}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.intro{gap:30px}.intro h1{letter-spacing:-2px}.project-art,.future-art{height:400px}.project-grid{gap:20px}.artist-hero{gap:30px}.artist-hero h1{font-size:68px;letter-spacing:-4px}.about,.contact{grid-template-columns:1fr 2fr;gap:25px}.release-grid{gap:35px}.orbit{width:200px;height:200px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:16px}.header nav{gap:20px;font-size:11px}.intro{display:block;padding:48px 0 40px}.intro h1{font-size:51px;margin:22px 0}.intro-copy{font-size:14px;max-width:310px;margin:24px 0 0}.project-grid{grid-template-columns:1fr;gap:25px}.project-art{height:auto;aspect-ratio:1}.future-art{height:300px}.project-meta h2{font-size:25px}.note-strip{margin:35px 0 50px;align-items:flex-start;flex-direction:column}.footer{font-size:10px;flex-direction:column;gap:15px}.artist-hero{grid-template-columns:1fr;padding:14px 0 45px;gap:36px}.artist-hero h1{font-size:78px}.artist-hero .lede{font-size:16px}.artist-hero h1 br{display:none}.artist-hero h1{font-size:62px;letter-spacing:-4px}.about,.contact,.release-grid{grid-template-columns:1fr;gap:26px}.about,.contact{padding:45px 0}.about-copy>p{font-size:17px}.about h2{font-size:30px}.release{padding:45px 0}.release h2{font-size:37px}.contact h2{margin-bottom:16px}.actions{gap:18px}.eyebrow{font-size:10px}.art-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
