@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#f6f7f4;--ink:#15326a;--blue:#234ceb;--line:#c9d2e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:20px;font-weight:600;letter-spacing:-1px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{text-decoration:underline}.hero{min-height:690px;position:relative;padding:65px 4vw 35px;overflow:hidden}.eyebrow,.small{font-size:11px;text-transform:uppercase;letter-spacing:1.7px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(65px,10.5vw,160px);letter-spacing:-.07em;line-height:1.03;font-weight:400;position:relative;z-index:2;margin:48px 0 25px}.hero h1 span{display:block;margin-left:19vw}.hero .intro{max-width:390px;font-size:17px;line-height:1.6;margin-top:50px;position:relative;z-index:2}.notation{position:absolute;width:63%;height:420px;right:0;top:230px;opacity:.8}.hero-bottom{display:flex;justify-content:space-between;margin-top:60px;font-size:11px;letter-spacing:1px;position:relative;z-index:2}.section{padding:75px 4vw}.section-top{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--ink);padding-top:20px;gap:20px}.section h2{font-weight:400;font-size:34px;letter-spacing:-1.5px;margin:0 0 40px}.index{font-size:11px}.works{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}.work{display:block;border-bottom:1px solid var(--line);padding-bottom:22px}.visual{height:320px;background:#e0e6ef;position:relative;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.visual svg{width:100%;height:100%}.work h3{font-size:24px;font-weight:400;letter-spacing:-.7px;margin:7px 0}.meta{font-size:11px;letter-spacing:.6px}.work p{font-size:13px;line-height:1.6;max-width:470px}.work:nth-child(2){margin-top:85px}.work:nth-child(3){max-width:80%}.art{background:#eaf0f8}.art .works{grid-template-columns:1fr 1fr}.art .work:nth-child(2){margin-top:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p{font-size:clamp(23px,3.3vw,43px);letter-spacing:-1.2px;line-height:1.35;margin:0 0 30px}.about .bio{font-size:15px;letter-spacing:0;line-height:1.8;max-width:680px}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.project-invite{background:var(--ink);color:#e4edff;padding:65px 4vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.project-invite h2{font-size:clamp(35px,7vw,95px);font-weight:400;letter-spacing:-4px;margin:15px 0}.project-invite p{font-size:14px}.contact{padding:80px 4vw}.contact h2{font-size:clamp(32px,6vw,85px);font-weight:400;letter-spacing:-3px;margin:20px 0 40px}.contact p{font-size:14px}footer{padding:25px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}.avatar{background:#101a46;color:#dbe7ff;--ink:#dbe7ff;--line:#35446b;--blue:#b6ceff}.avatar .hero{min-height:750px}.avatar .hero h1{font-size:clamp(55px,11vw,160px);letter-spacing:-.065em;-webkit-text-stroke:1px #dbe7ff;color:transparent;margin-top:100px}.avatar .hero h1 span{margin-left:0}.avatar .notation{top:170px;width:100%;opacity:.45}.avatar .hero .intro{max-width:460px;margin-top:100px}.avatar .section{background:#16244e}.release{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cover{aspect-ratio:1;background:#bbd0ff;color:#152954;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.cover strong{font-size:clamp(60px,8vw,120px);font-weight:400;letter-spacing:-6px;z-index:2}.cover svg{position:absolute;inset:0;width:100%;height:100%}.release h2{font-size:60px;margin:25px 0}.release p{font-size:16px;line-height:1.8;max-width:420px}.subscribe{padding:90px 4vw}.subscribe h2{font-size:clamp(35px,6vw,75px);font-weight:400;letter-spacing:-3px;margin:20px 0}.subscribe p{max-width:520px;line-height:1.8;font-size:14px}.subscribe form{display:flex;gap:15px;max-width:650px;margin:35px 0 18px}.subscribe input{background:none;border:0;border-bottom:1px solid #8295c3;color:inherit;min-width:0;flex:1;padding:18px 0;border-radius:0}.subscribe button{border:1px solid #8295c3;color:inherit;background:none;padding:15px 25px;cursor:pointer}.subscribe button:hover{background:#dbe7ff;color:#101a46}.fine{font-size:11px!important;opacity:.75}.back{font-size:12px} @media(max-width:700px){header{align-items:flex-start}nav{gap:13px;flex-wrap:wrap;justify-content:flex-end;max-width:230px;font-size:10px}.hero{min-height:620px;padding-top:45px}.hero h1 span{margin-left:10vw}.notation{width:100%;top:210px;opacity:.4}.hero .intro{margin-top:70px;max-width:310px}.section{padding:50px 5vw}.section h2{font-size:26px}.works,.art .works,.about,.release{grid-template-columns:1fr;gap:30px}.work:nth-child(2){margin-top:0}.work:nth-child(3){max-width:100%}.visual{height:260px}.project-invite{display:block}.project-invite h2{letter-spacing:-2px}.contact h2{letter-spacing:-1px;overflow-wrap:anywhere}.about{gap:20px}.avatar .hero{min-height:670px}.avatar .hero h1{margin-top:90px}.avatar .hero .intro{margin-top:130px}.subscribe form{flex-direction:column}.section-top{align-items:flex-start}.release h2{font-size:45px}footer{gap:25px}}
@media(prefers-reduced-motion:no-preference){.notation .drift{animation:drift 18s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(25px,-12px)}}}
.lang-switch{display:flex;gap:8px;flex-shrink:0}.lang-switch button{background:none;color:inherit;border:0;padding:5px;cursor:pointer;font-size:11px}.lang-switch button[aria-pressed=true]{border-bottom:1px solid}.text-work{padding-top:35px;min-height:210px}.work:nth-child(3){max-width:100%}.work-links{display:flex;flex-direction:column;gap:20px;margin-top:25px}.url-editor{font-size:11px}.url-editor summary{cursor:pointer}.url-editor input{width:100%;margin:15px 0;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;color:inherit}.url-editor .project-go{display:inline-block}.url-editor .project-go[hidden]{display:none}.cv-row{display:grid;grid-template-columns:80px 1fr;padding:20px 0;border-bottom:1px solid var(--line);gap:15px;font-size:13px;line-height:1.8}.cv-row p{margin:0}.avatar .hero{background:#050505;min-height:750px}.avatar-photo{position:absolute;right:0;top:0;height:100%;width:57%;object-fit:cover;object-position:center}.avatar .hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(55px,12.6vw,190px);position:relative;z-index:2;color:transparent;letter-spacing:-.035em;margin:65px 0 0;line-height:1}.avatar .hero .intro{margin-top:210px;max-width:390px;color:#fff}.avatar .hero .eyebrow{position:relative;z-index:2;color:#fff}.avatar .hero-bottom{color:#fff}.avatar .section{background:#f6f7f4;color:#152954}.avatar .release h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:80px}.avatar .subscribe{background:#070707;color:#f0f2f6}.avatar footer,.avatar header{background:#070707}.avatar .cover{background:#d6e1f4}html[lang=zh-Hant] .hero h1{font-size:clamp(50px,7vw,110px);letter-spacing:-.04em;line-height:1.25}html[lang=zh-Hant] .avatar .hero h1{font-size:clamp(55px,12.6vw,190px)}@media(max-width:700px){header{flex-wrap:wrap}.lang-switch{margin-left:auto}.avatar-photo{width:100%;opacity:.65}.avatar .hero h1{margin-top:50px}.avatar .hero .intro{margin-top:200px;max-width:300px}.avatar .hero{min-height:720px}.cv-row{grid-template-columns:50px 1fr}}
.avatar-photo{object-fit:contain;background:#000}
:root{--paper:#f8f9fb;--ink:#1c3569;--line:#bac7dc}.grid-header{padding:0 24px;min-height:64px;gap:0;background:var(--paper)}.grid-header .brand{padding-right:30px;flex:1;font-size:17px}.grid-header nav{gap:0;align-self:stretch;align-items:stretch}.grid-header nav>a{display:flex;align-items:center;border-left:1px solid var(--line);padding:0 20px;font-size:11px}.grid-header nav>a[aria-current=page]{background:#e2eafa}.grid-header .lang-switch{padding-left:20px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 117px)}.profile-copy{background:#234789;color:#f2f6ff;padding:35px 40px;display:flex;flex-direction:column}.profile-kicker{font-size:11px;letter-spacing:.3px}.profile-title{margin:35px 0 45px}.profile-title h1{font-weight:400;font-size:clamp(70px,7.5vw,120px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.profile-title p{font-size:17px;line-height:1.4;margin:0}.profile-spec{display:grid;grid-template-columns:35% 1fr;font-size:12px;line-height:1.55;margin:0 0 24px;gap:16px}.profile-spec p{margin:0}.profile-spec>div:first-child{color:#b7caed}.profile-bottom{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:18px;font-size:11px}.profile-image{position:relative;background:#d9e4f6;min-height:750px}.profile-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:57% center}.photo-caption{position:absolute;bottom:24px;right:24px;color:white;font-size:10px;letter-spacing:.5px}.page-heading{padding:55px 30px 50px;border-bottom:1px solid var(--line);position:relative}.page-heading h1{font-weight:400;font-size:clamp(40px,6vw,86px);letter-spacing:-.055em;line-height:1;margin:60px 0 25px}.page-intro{font-size:15px;line-height:1.6;max-width:540px;margin:0}.editorial-works{padding:0 30px}.editorial-work{display:grid;grid-template-columns:70px 1fr 1fr;column-gap:30px;border-bottom:1px solid var(--line);padding:35px 0}.work-number{grid-column:1;grid-row:1/5;font-size:11px}.editorial-work .meta{grid-column:2;font-size:10px;margin-bottom:12px}.editorial-work h3{grid-column:2;grid-row:2;font-weight:400;font-size:25px;letter-spacing:-.6px;line-height:1.25;margin:0;overflow-wrap:anywhere}.editorial-work>p{grid-column:3;grid-row:1/3;font-size:13px;line-height:1.8;margin:0}.editorial-work .work-links{grid-column:3;grid-row:3;margin-top:20px}.editorial-work .work-links .fine{margin:0}.page-directory{margin:60px 30px 30px;border-top:1px solid var(--line)}.page-directory>a{display:grid;grid-template-columns:70px 1fr 25px;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.page-directory>a:hover,.page-directory>a[aria-current=page]{background:#e7edf8}.directory-number{font-size:10px}.directory-arrow{text-align:right;font-size:19px}.cv{padding:60px 30px 0}.cv h2{font-size:30px}.contact-panel{padding:60px 30px 90px}.contact-panel>a{display:block;font-size:clamp(25px,4.7vw,72px);letter-spacing:-.04em;margin-bottom:40px;overflow-wrap:anywhere}.avatar .grid-header{background:#070707}.avatar .grid-header nav>a[aria-current=page]{background:#1b2d4f}.simple-home footer{background:#234789;color:#e1eaff;border-top:1px solid #5476a9}html[lang=zh-Hant] .page-heading h1{letter-spacing:-.02em;font-size:clamp(40px,6vw,86px)}@media(min-width:1500px){.profile-copy{padding:40px 60px}.profile-title{margin:65px 0}.profile-spec{font-size:14px}}@media(max-width:900px){.grid-header{padding:12px 20px;gap:12px;flex-wrap:wrap}.grid-header .brand{flex:1}.grid-header nav{order:3;width:100%;max-width:none;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.grid-header nav>a{padding:8px 6px;border-left:0;font-size:10px}.grid-header .lang-switch{padding:0}.profile-copy{padding:30px 25px}.profile-spec{grid-template-columns:30% 1fr}.profile-bottom{flex-direction:column}.profile-image{min-height:730px}.editorial-work{grid-template-columns:35px 1fr 1fr;gap:18px}.page-directory>a{grid-template-columns:35px 1fr 25px;gap:18px}}@media(max-width:600px){.profile-layout{grid-template-columns:1fr}.profile-copy{padding:30px 24px 40px}.profile-title{margin:40px 0}.profile-title h1{font-size:82px}.profile-image{min-height:500px}.profile-image img{object-position:center}.profile-bottom{flex-direction:row;flex-wrap:wrap}.page-heading{padding:35px 20px}.page-heading h1{margin-top:45px}.editorial-works{padding:0 20px}.editorial-work{grid-template-columns:25px 1fr;gap:12px}.work-number{grid-row:1/5}.editorial-work .meta{grid-column:2;grid-row:1}.editorial-work h3{grid-column:2;grid-row:2;font-size:23px}.editorial-work>p{grid-column:2;grid-row:3;margin-top:12px}.editorial-work .work-links{grid-column:2;grid-row:4}.page-directory{margin:45px 20px 20px}.cv{padding:45px 20px 0}.contact-panel{padding:45px 20px 60px}}
.profile-layout{min-height:calc(100vh - 117px)}.practice-panel{background:#f8f9fb;padding:40px 45px;display:flex;flex-direction:column;position:relative}.practice-heading{font-size:clamp(34px,3.7vw,64px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:100px 0 40px}.practice-panel>p{font-size:14px;line-height:1.85;max-width:520px;margin:0 0 25px}.practice-terms{font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.practice-coordinate{font-size:10px;letter-spacing:1.5px;margin-top:auto;padding-top:45px}.avatar-introduction{background:#fafafa;color:#101010;padding:60px 4vw 70px}.avatar-introduction h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(45px,6.5vw,105px);line-height:1.07;max-width:1150px;margin:35px 0 90px}.avatar-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18vw;align-items:end}.avatar-intro-bottom>p{font-size:14px;line-height:1.8;max-width:430px}.avatar-manifesto{font-size:25px;line-height:1.4;letter-spacing:-.7px}.actual-cover{padding:0;background:#080808;aspect-ratio:1}.actual-cover img{display:block;position:static;width:100%;height:100%;object-fit:contain}.music-cover{grid-column:2;grid-row:3/5;width:190px;max-width:100%;margin-top:20px}.with-cover .work-links{grid-column:3;grid-row:3}html[lang=zh-Hant] .avatar-introduction h2{font-family:'DM Sans',sans-serif;font-size:clamp(37px,5vw,76px);line-height:1.25}.avatar .hero h1{font-family:Impact,'Arial Narrow',sans-serif}.avatar .hero .intro{max-width:350px}.profile-bottom{justify-content:flex-start}@media(max-width:900px){.practice-panel{padding:35px 25px}.practice-heading{margin-top:70px;font-size:37px}.practice-panel>p{font-size:13px}.avatar-intro-bottom{gap:8vw}}@media(max-width:600px){.practice-panel{padding:40px 24px}.practice-heading{margin:50px 0 30px;font-size:36px}.practice-panel>p{font-size:14px}.avatar-introduction{padding:45px 5vw}.avatar-introduction h2{margin-bottom:55px}.avatar-intro-bottom{grid-template-columns:1fr;gap:25px}.music-cover{grid-column:2;grid-row:4}.with-cover .work-links{grid-column:2;grid-row:5}}
.home-highlights{border-top:1px solid #6984b6;margin:20px 0 10px;padding-top:20px}.home-highlights>p{font-size:11px;line-height:1.7;margin:12px 0}.home-highlights .small{color:#bbcff1}.upcoming-panel{margin:35px 30px 0;padding:25px 0;border-bottom:1px solid var(--line)}.upcoming-panel h2{font-weight:400;font-size:28px;letter-spacing:-1px}.upcoming-panel p{font-size:13px}.coming-soon{grid-column:3;font-size:11px!important;opacity:.65}.avatar .release{background:#070707;color:#fff}.avatar .release h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:#fff}.avatar .release .text-link{color:white}.performance-invite{margin-top:65px;border-top:1px solid #3d3d3d;padding-top:20px}.performance-invite p{font-size:20px}.performance-invite .text-link{font-size:13px}.avatar .release .fine{color:#ddd}@media(max-width:600px){.coming-soon{grid-column:2}.upcoming-panel{margin:30px 20px 0}}
.spotify-work .spotify-player{grid-column:2/4;grid-row:3;margin:20px 0;width:100%;max-width:850px}.spotify-work .work-links{grid-column:2/4;grid-row:4;margin-top:0}.spotify-work h3{grid-row:1/3}.art-year{grid-column:1;grid-row:2;font-size:10px;padding-top:25px;color:#6a7f9f}.editorial-work:has(.art-year) .work-number{grid-row:1}.editorial-work:has(.art-year) .meta{grid-row:1}.editorial-work:has(.art-year) h3{grid-row:2}.upcoming-panel:first-child{padding:28px 0;margin-top:0}.upcoming-panel:first-child h2{margin-top:0;font-size:24px}.upcoming-panel:first-child p{margin-bottom:0}@media(max-width:600px){.spotify-work .spotify-player{grid-column:2;grid-row:3}.spotify-work .work-links{grid-column:2;grid-row:4}.art-year{font-size:9px;padding-top:10px;overflow-wrap:anywhere}}

.subscribe form{flex-wrap:wrap}.follow-consent{display:flex;align-items:flex-start;gap:10px;width:100%;font-size:12px;line-height:1.6}.subscribe .follow-consent input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:white}.follow-trap{position:absolute;left:-10000px;overflow:hidden;width:1px;height:1px}.subscribe button:disabled{opacity:.5;cursor:wait}