:root{color-scheme:dark;--ink:#0b090e;--text:#f1edf4;--muted:#b0a6b9;--violet:#b79aca}*{box-sizing:border-box}body{margin:0;background:#141117;color:var(--text);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--violet);outline-offset:6px}button:disabled{opacity:.55}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:#17131d;border-bottom:1px solid #342a40;font-size:12px;letter-spacing:.1em}.preview-bar div{display:flex;gap:5px}.preview-bar button{border:0;border-radius:4px;background:none;font-size:13px;padding:10px 16px;min-height:40px}.preview-bar button[aria-pressed=true]{background:#c7b0db;color:#17101d}#site{position:relative;isolation:isolate;max-width:100%;margin:auto;background:var(--ink);container-type:inline-size;min-height:100vh}#site.mobile{max-width:390px}header{height:112px;display:flex;justify-content:flex-end;align-items:center;padding:24px 5.5%;position:relative;z-index:2;border-bottom:1px solid #ffffff15}.brand{position:absolute;left:50%;transform:translateX(-50%);font-weight:300;font-size:30px;letter-spacing:.35em;padding-left:.35em}nav{display:flex;align-items:center;gap:28px;font-size:13px;letter-spacing:.07em}nav button{font-size:13px;padding:12px 0;background:none;border:0;letter-spacing:.07em}nav a[aria-current]{color:var(--violet)}footer{display:flex;justify-content:space-between;margin:0 5.5%;padding:30px 0;border-top:1px solid #ffffff20;font-size:12px;letter-spacing:.12em;color:var(--muted)}.footer-brand{letter-spacing:.3em}.hero{margin-top:-112px;min-height:760px;height:100svh;position:relative;display:flex;align-items:flex-end;padding:170px 7% 80px;background:linear-gradient(90deg,#07050b99,#07050b10),linear-gradient(0deg,#09070ddd,transparent 55%,#09070d88),url('/assets/home-city.jpg') center/cover}.hero-content{position:relative}.eyebrow{color:var(--violet);font-size:13px;letter-spacing:.15em}.hero h1{font-size:clamp(58px,9cqi,130px);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:20px 0 32px}.light-button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:#f0ebef;color:#19141d;border:0;border-radius:4px;padding:17px 26px;font-size:14px;min-width:190px}.light-button:disabled{opacity:.8}.hero-scroll{position:absolute;right:7%;bottom:85px;font-size:13px;letter-spacing:.1em}.home-next{display:flex;justify-content:space-between;align-items:center;padding:50px 7%;gap:25px}.home-next h2{font-weight:400;font-size:36px;margin:14px 0}.home-next>a{font-size:13px;letter-spacing:.08em}.music{max-width:1260px;margin:auto;padding:58px 8% 90px}.music h1{font-weight:400;font-size:58px;letter-spacing:-.045em;margin:0 0 32px}.filters{display:flex;gap:28px;flex-wrap:wrap;border-bottom:1px solid #302637;margin-bottom:52px}.filters button{background:none;border:0;padding:0 0 18px;color:var(--muted);font-size:13px;letter-spacing:.07em;min-height:44px}.filters button[aria-pressed=true]{border-bottom:2px solid var(--violet);color:var(--violet)}.releases{display:flex;flex-direction:column;gap:90px}.release-row{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.release-row:nth-child(even) .cover{grid-column:2;grid-row:1}.release-row:nth-child(even) .release-copy{grid-column:1;grid-row:1}.cover img{width:100%;height:auto;display:block;transition:transform .35s}.release-row:hover .cover img{transform:scale(1.018)}.release-copy h2{font-size:clamp(27px,3.2cqi,43px);font-weight:400;letter-spacing:-.03em;margin:18px 0;color:var(--text);transition:color .3s}.release-row:hover h2{color:var(--violet)}.copy-space{height:90px}.release-action{font-size:12px;letter-spacing:.1em}.pending{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:35px 0}.detail-background{position:absolute;inset:112px 0 0;z-index:-2;overflow:hidden}.detail-background img,.detail-background video{width:100%;height:100%;object-fit:cover;display:block}.detail-background video{display:none}.detail-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09070b66,#09070bdd),linear-gradient(0deg,#0b090e,transparent 70%)}.detail{padding:34px 7% 85px;max-width:1440px;margin:auto}.back{font-size:13px;color:#d0c7d7;letter-spacing:.08em;display:inline-block;padding:12px 0;margin-bottom:32px}.detail-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:7%;align-items:start}.detail-cover{width:100%;display:block;box-shadow:0 20px 65px #0007}.detail h1{font-size:clamp(32px,4.7cqi,63px);font-weight:400;letter-spacing:-.04em;margin:17px 0 0}.detail .copy-space{height:110px}.audio-preview{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;gap:10px}.audio-preview button{background:none;border:0;font-size:13px;letter-spacing:.07em;padding:8px 0}.audio-preview>span{font-size:13px;color:var(--muted)}.stores{padding:28px 0}.stores>span{font-size:12px;letter-spacing:.1em;color:var(--muted)}.store-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.store-buttons button{background:#110e16aa;border:1px solid #ffffff35;padding:14px 18px;min-height:46px;font-size:14px}.credits{border-top:1px solid #ffffff25;padding-top:20px}.credits summary{font-size:13px;letter-spacing:.1em;min-height:44px;cursor:pointer}.credits p{color:var(--muted);font-size:14px}.detail-note{font-size:12px;color:var(--muted);line-height:1.6;margin:24px 0 0}.nav-home{position:relative}
@container(max-width:650px){header{height:124px;flex-direction:column;justify-content:center;gap:22px;padding:24px}.brand{position:static;transform:none;font-size:27px}nav{gap:26px}nav button,nav a{font-size:12px}.hero{margin-top:-124px;height:740px;min-height:650px;padding:180px 7% 105px;background-position:58% center}.hero h1{font-size:65px}.hero-scroll{bottom:35px;left:7%;right:auto;font-size:12px}.home-next{align-items:flex-start;flex-direction:column}.music{padding:38px 7% 65px}.music h1{font-size:46px}.filters{gap:20px;margin-bottom:34px}.filters button{font-size:12px}.release-row{grid-template-columns:1fr;gap:28px}.release-row:nth-child(even) .cover,.release-row:nth-child(even) .release-copy{grid-column:auto;grid-row:auto}.release-copy h2{font-size:32px}.copy-space{height:60px}.releases{gap:65px}.detail-background{inset:124px 0 0}.detail-background img{display:none}.detail-background video{display:block;object-position:center top}.detail-shade{background:linear-gradient(0deg,#08070bf2,#08070b77 65%,#08070baa)}.detail{padding:22px 7% 55px}.back{margin-bottom:20px}.detail-grid{grid-template-columns:1fr;gap:32px}.detail h1{font-size:42px}.detail .copy-space{height:84px}.store-buttons button{flex:1}.preview-bar{padding:10px}.preview-bar>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.detail-cover{height:auto;aspect-ratio:1 / 1;object-fit:contain}
/* Home: original video files, selected by the actual preview width. */
.hero{isolation:isolate;overflow:hidden;background:#08070b}
.hero-video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}
.hero-video{z-index:-2;object-fit:cover;object-position:center}
.hero-overlay{z-index:-1;background:linear-gradient(90deg,#07050b66,#07050b05),linear-gradient(0deg,#09070da6,transparent 58%,#09070d40)}
.motion-toggle{position:absolute;right:7%;bottom:35px;background:#0b090e55;border:1px solid #ffffff40;padding:0;min-height:44px;width:44px;display:grid;place-items:center;font-size:14px;line-height:1;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.motion-toggle:hover{background:#8e57a066;border-color:#d9b9ed99;transform:scale(1.05)}.motion-symbol{display:flex;align-items:center;justify-content:center}.motion-pause{gap:3px}.motion-pause i{display:block;width:3px;height:15px;background:currentColor;border-radius:1px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.footer-links{display:flex;gap:28px}
/* Archive: structure only; all photographs and long-form texts pending. */
.archive{padding:58px 8% 85px;max-width:1360px;margin:auto}
.archive-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:55px}
.archive h1{font-weight:400;font-size:58px;letter-spacing:-.045em;margin:0}
.archive-heading>span{font-size:12px;letter-spacing:.12em;color:#a397ae}
.archive h2{font-weight:400;font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:18px 0}
.archive-frame{display:flex;align-items:center;justify-content:center;background:#19141e;border:1px solid #362b3f;color:#a799b2;min-width:0}
.archive-frame>span{font-size:12px;letter-spacing:.13em;text-align:center;padding:18px}
.archive-frame.wide{aspect-ratio:1.5}
.archive-studio{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center}
.archive-text-space{height:70px}
.archive-note{margin:78px 0 78px 25%}
.archive details{border-bottom:1px solid #382e40}
.archive summary{display:flex;justify-content:space-between;align-items:center;gap:30px;list-style:none;padding:25px 0;min-height:70px;font-weight:400;font-size:clamp(25px,3.1cqi,39px);letter-spacing:-.025em;cursor:pointer}
.archive summary::-webkit-details-marker{display:none}
.archive summary:hover{color:#c9b1dd}
.archive .expand-icon{font-size:26px;color:var(--violet);transition:transform .2s}
.archive details[open] .expand-icon{transform:rotate(45deg)}
.archive-note-body{padding:0 0 32px;min-height:150px;color:var(--muted);font-size:16px;line-height:1.7}
.archive-note-body a{display:inline-block;margin-top:25px;font-size:13px;letter-spacing:.08em;color:var(--violet);padding:8px 0}
.archive-moments{display:grid;grid-template-columns:1fr 1.38fr;align-items:center;gap:10%}
.archive figure{margin:0}
.archive-frame.portrait{aspect-ratio:3/4}
.archive-frame.landscape{aspect-ratio:4/3}
.archive figcaption{font-size:12px;letter-spacing:.09em;color:var(--muted);margin-top:16px;line-height:1.6}
.archive-notes{margin:88px 10% 88px 0}
.archive-notes summary{font-size:30px}
.archive-playlist{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0 0;border-top:1px solid #382e40}
.archive-playlist button{background:none;border:1px solid #5d4b6c;padding:15px 22px;min-height:48px;font-size:13px;letter-spacing:.06em}
@container(max-width:650px){
 .hero{background:#08070b}.hero-video{object-position:center}.hero-overlay{background:linear-gradient(0deg,#09070dbb,transparent 62%,#09070d55)}
 .motion-toggle{bottom:25px;right:7%;width:42px;min-height:42px;font-size:13px}.hero-scroll{bottom:42px;font-size:11px}
 .archive{padding:38px 7% 60px}.archive h1{font-size:46px}.archive-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:32px}.archive-heading>span{font-size:11px}
 .archive-studio{grid-template-columns:1fr;gap:25px}.archive h2{font-size:29px}.archive-text-space{height:25px}
 .archive-note{margin:35px 0 50px}.archive summary{font-size:27px;gap:20px}.archive-note-body{min-height:120px}
 .archive-moments{grid-template-columns:1fr;gap:38px}.archive-moments figure:first-child{width:80%}.archive-moments figure:last-child{width:88%;justify-self:end}
 .archive-notes{margin:55px 0}.archive-notes summary{font-size:26px}.archive-playlist{align-items:flex-start;flex-direction:column;gap:15px;padding-top:30px}
 .footer-links{gap:20px}
}
/* Music continues the city atmosphere, with the scene following the scroll. */
.music-background{position:absolute;inset:112px 0 0;z-index:-2;pointer-events:none}
.music-background video{position:sticky;top:0;display:block;width:100%;height:100svh;object-fit:cover;object-position:center}
.detail-background{overflow:visible;pointer-events:none}
.detail-background img,.detail-background video{position:sticky;top:0;height:100svh}
#site.detail-page:not(.mobile)::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--release-image) center center/cover no-repeat;filter:brightness(calc(var(--edit-pressione-brightness,100) / 100))}
#site.detail-page:not(.mobile) .detail-background img{display:none}
.store-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 15px;background:#110e16c9;border:1px solid #ffffff55;border-radius:3px;color:#fff;font-size:14px;line-height:1.2;transition:background .2s,border-color .2s}
.store-link:hover{background:#24172d;border-color:#d6b8e9}
.store-link svg{display:block;width:22px;height:22px;flex:none;color:#fff}
.store-link span:last-child{margin-left:auto;color:#d6cfdb;font-size:12px}
.instrumental-stores{padding-top:0}
.credits p{line-height:1.8}
.preview-toggle{display:inline-flex;align-items:center;gap:9px}
.preview-symbol{display:inline-block;width:1.25em;text-align:center}
.home-releases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 7% 76px}
.home-releases a{display:block;overflow:hidden;aspect-ratio:1}
.home-releases img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.home-releases a:hover img{transform:scale(1.025)}
.archive-playlist a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #5d4b6c;padding:15px 22px;min-height:48px;font-size:13px;letter-spacing:.06em;white-space:nowrap}
.archive-playlist a:hover{border-color:#d6b8e9;color:#e4c7f6}
.music-shade{position:absolute;inset:112px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0b090ed9,#0b090e66 85%,#0b090e77)}
.music-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.music-heading h1{margin:0}
.music-heading .motion-toggle{position:static;flex-shrink:0}
@container(max-width:650px){.music-background,.music-shade{top:124px}.music-heading{gap:12px}.music-heading .motion-toggle{font-size:11px}}
@container(max-width:650px){#site.detail-page::before{display:none}.home-releases{display:flex;overflow-x:auto;gap:13px;padding:0 7% 52px;scroll-snap-type:x mandatory;scrollbar-width:thin}.home-releases a{flex:0 0 76%;scroll-snap-align:start}.store-link{flex:1 1 145px}.store-link svg{width:20px;height:20px}}
#site.mobile.detail-page::before{display:none}
@media(max-width:650px){#site.detail-page::before{display:none}}
.home-releases{width:calc(var(--edit-home-coverSize,65) * 1%);max-width:1200px;margin:0 auto;padding:0 0 76px}
.background-control{position:absolute;top:138px;right:7%;z-index:2;display:flex;align-items:center;gap:11px;color:#f1edf4;font-size:11px;letter-spacing:.15em}
.background-control .motion-toggle{position:static;right:auto;bottom:auto;min-height:40px;width:40px}
@container(max-width:650px){.home-releases{width:100%;max-width:none;margin:0;padding:0 7% 52px}.home-releases a{flex-basis:calc(var(--edit-home-coverSize,65) * 1%)}.background-control{top:142px;right:7%;gap:8px;font-size:10px}.background-control .motion-toggle{min-height:38px;width:38px}}
@media(min-width:651px){
 html:has(#site.detail-page:not(.mobile)){height:100svh;overflow:hidden}
 body:has(#site.detail-page:not(.mobile)){height:100svh;overflow:hidden;display:flex;flex-direction:column}
 body:has(#site.detail-page:not(.mobile)) .preview-bar{flex:none}
 #site.detail-page:not(.mobile){flex:1;min-height:0;height:auto;width:100%;display:flex;flex-direction:column;overflow:hidden}
 #site.detail-page:not(.mobile)::before{position:absolute;inset:0}
 #site.detail-page:not(.mobile) header,#site.detail-page:not(.mobile) footer{flex:none}
 #site.detail-page:not(.mobile) #content{position:relative;flex:1;min-height:0;overflow:hidden}
 #site.detail-page:not(.mobile) .detail-background{display:none}
 #site.detail-page:not(.mobile) .detail{width:100%;height:100%;display:flex;flex-direction:column;padding:15px 7% 18px}
 #site.detail-page:not(.mobile) .back{flex:none;margin-bottom:6px;padding:4px 0;line-height:20px}
 #site.detail-page:not(.mobile) .detail-grid{flex:1;min-height:0;gap:5%;align-items:center}
 #site.detail-page:not(.mobile) .detail-cover{max-height:100%;object-fit:contain;justify-self:center}
 #site.detail-page:not(.mobile) .detail-grid>div{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}
 #site.detail-page:not(.mobile) .detail h1{margin:4px 0 0;line-height:1.02}
 #site.detail-page:not(.mobile) .detail .copy-space.has-copy{min-height:0;margin:8px 0;line-height:1.45;font-size:clamp(15px,1.1vw,16px)}
 #site.detail-page:not(.mobile) .audio-preview{padding:9px 0}
 #site.detail-page:not(.mobile) .stores{padding:9px 0}
 #site.detail-page:not(.mobile) .instrumental-stores{padding-top:0}
 #site.detail-page:not(.mobile) .store-buttons{margin-top:8px;gap:6px}
 #site.detail-page:not(.mobile) .store-link{min-height:40px;padding:7px 9px;gap:6px;font-size:13px}
 #site.detail-page:not(.mobile) .store-link svg{width:19px;height:19px}
 #site.detail-page:not(.mobile) .credits{padding-top:7px}
 #site.detail-page:not(.mobile) .credits summary{min-height:32px}
}
@media(min-width:651px) and (max-width:950px){#site.detail-page:not(.mobile) .store-link span:last-child{display:none}}
/* Archive: photographs keep their original proportions. */
.archive-photo{display:block;width:100%;height:auto}
.archive-studio{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:10%;align-items:center}
.archive-studio>.archive-photo{max-width:430px}
.archive-prose{color:var(--muted);font-size:calc(var(--appearance-bodySize,16)*1px);line-height:var(--appearance-lineHeight,1.65)}
.archive-prose p{margin:0 0 1.25em}
.archive-interlude{width:38%;max-width:430px;margin:90px 6% 90px auto!important}
.archive-nature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:center;margin:85px 0}
.archive-nature>.archive-photo{grid-column:2;grid-row:1}
.archive-nature>.archive-caption{grid-column:1;grid-row:1}
@container(max-width:650px){
 .archive-studio,.archive-nature{display:flex;flex-direction:column;gap:28px;align-items:stretch}
 .archive-studio>.archive-photo{width:88%;max-width:none}
 .archive-interlude{width:78%;margin:48px 0 55px auto!important}
 .archive-nature{margin:55px 0}
 .archive-nature>.archive-photo{width:92%;align-self:flex-end}
 .archive-caption h2{margin-top:12px;margin-bottom:22px}
}
.archive-together{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:10%;align-items:center;margin:90px 0}
.archive-together>.archive-photo{max-width:430px}
@container(max-width:650px){.archive-together{display:flex;flex-direction:column;gap:28px;align-items:stretch;margin:55px 0}.archive-together>.archive-photo{width:88%;max-width:none}}
@container(min-width:651px){
 .archive-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:9%;align-items:center;margin:85px 0}
 .archive-bottom .archive-note,.archive-bottom .archive-notes{margin:0}
 .archive-bottom .archive-notes>.eyebrow{display:none}
 .archive-bottom .archive-interlude{width:100%;max-width:430px;margin:0!important;align-self:center}
 .archive-bottom summary,.archive-bottom .archive-notes summary{font-size:clamp(24px,2.8cqi,34px)}
}