:root{--black:#05080d;--red:#9c0012;--copper:#d65e48;--paper:#f0efec;--graphite:#343b43;--grey:#89919a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--black);color:var(--paper);font-family:Futura,'Century Gothic',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{accent-color:var(--red)}button,a,input,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:7px}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:var(--paper);color:var(--black);padding:15px}.skip:focus{top:80px}header{height:80px;position:fixed;inset:0 0 auto;z-index:10;background:var(--black);border-bottom:1px solid #343b4360;display:flex;align-items:center;gap:40px;padding:0 5%}.nav-logo{width:135px;display:block}nav{display:flex;gap:32px;margin-left:auto}nav a,.languages,.eyebrow,.section-top,.enter,.coordinate,.side-note,.text-link,figcaption,.art-index,.art-bottom,summary{font:10px/1.6 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase}nav a:hover,.text-link:hover{color:var(--copper)}.languages{display:flex;gap:8px}.languages button{background:none;border:0;color:var(--grey);padding:8px 2px;font:inherit}.languages button[aria-pressed=true]{color:var(--paper)}#menu{display:none}.dark{background:var(--black)}.paper{background:var(--paper);color:var(--black)}section{position:relative;padding:65px 7%}.entrance{min-height:850px;height:100svh;display:grid;place-items:center;overflow:hidden}.frequencies{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:var(--graphite);stroke-width:.65;opacity:.6;animation:drift 24s ease-in-out infinite alternate}.frequencies path{vector-effect:non-scaling-stroke}.entrance-title{width:min(900px,84vw);text-align:center;position:relative;animation:appear 2.6s both}.hero-logo{width:100%;mix-blend-mode:screen}h1{font-size:clamp(16px,2.2vw,30px);font-weight:400;letter-spacing:.42em;margin:38px 0 22px} .entrance-title p{font-size:15px;letter-spacing:3px;color:var(--grey)}.coordinate{position:absolute;left:5%;top:140px;color:var(--grey);font-size:9px;line-height:2}.side-note{position:absolute;right:5%;bottom:50px;writing-mode:vertical-rl;color:var(--grey);font-size:8px}.enter{position:absolute;bottom:42px;text-align:center}.enter i{display:block;width:1px;height:50px;background:var(--copper);margin:20px auto 0;animation:line 3s infinite}.section-top{display:flex;justify-content:space-between;color:var(--grey);padding-bottom:24px;border-bottom:1px solid #89919a50}.release-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center;padding:75px 0 65px}.eyebrow{color:var(--grey)}h2{font-size:clamp(46px,6.6vw,98px);line-height:1.05;font-weight:400;letter-spacing:-3px;margin:24px 0}h2 em{font-style:normal;color:var(--red)}.red-dot{color:var(--red)}.intro{max-width:300px;font-size:17px;line-height:1.8;color:var(--graphite)}.text-link{display:inline-block;border-bottom:1px solid var(--red);margin-top:25px;padding-bottom:10px}.text-link:after{content:' ↗';margin-left:25px}.art-frame{position:relative;height:520px;border:1px solid #89919a70;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;overflow:hidden}.art-index,.art-bottom{position:absolute;left:24px;right:24px;color:var(--graphite);font-size:8px}.art-index{top:20px;text-align:left}.art-bottom{bottom:20px;text-align:right}.cross{position:absolute;color:var(--red)}.c1{top:-10px;left:-5px}.c2{bottom:-10px;right:-5px}.pyramid{width:220px;height:190px;clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(65deg,transparent 0 24px,#89919a60 25px 26px),repeating-linear-gradient(-65deg,transparent 0 24px,#89919a60 25px 26px);border-bottom:1px solid var(--grey);opacity:.65}.art-frame p{font:11px 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;margin-top:35px}.art-frame small{font-size:12px;color:var(--graphite);max-width:230px;line-height:1.8}.player{border-top:1px solid #89919a80;border-bottom:1px solid #89919a80;display:flex;align-items:center;gap:26px;padding:28px 0}.player button{width:56px;height:56px;border:1px solid var(--red);background:none;color:var(--red);font-size:20px}.player button:disabled{opacity:.45;cursor:default}.track{display:grid;gap:7px;min-width:210px}.track strong{font-size:18px;font-weight:400}.track>span:last-child{font-size:11px;color:var(--graphite)}.timeline{flex:1}.timeline input{width:100%}.timeline div{display:flex;justify-content:space-between;font:10px monospace;color:var(--graphite)}.volume{width:100px;font:9px monospace;text-transform:uppercase}.volume input{width:100%}.video-row{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center;margin-top:65px}h3{font-size:32px;font-weight:400;line-height:1.3}.video-placeholder{height:230px;background:var(--black);color:var(--grey);display:flex;align-items:center;justify-content:center;gap:22px;font:11px monospace}.video-symbol{font-size:35px}.video-row video,.video-row iframe{width:100%;aspect-ratio:16/9;border:0}.artists{padding-bottom:110px}.artist-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:center;padding-top:80px}.artist-layout figure{margin:0}.artist-layout img{width:100%;display:block}figcaption{color:var(--grey);font-size:8px;margin-top:18px}.artist-copy h2{font-size:clamp(40px,4.3vw,66px);letter-spacing:-1px;white-space:pre-line}.artist-copy p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--grey)}.artist-copy .names{color:var(--paper)!important;margin:30px 0}.sound-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:50px}.sound-heading h2{font-size:clamp(40px,5vw,74px);white-space:pre-line}.sound-heading>p{max-width:280px;line-height:1.8;color:var(--graphite);font-size:14px}.studio-composition{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;position:relative;align-items:center;margin-top:40px}.studio-img{width:100%;mix-blend-mode:multiply;grid-row:span 2}.score-img{width:80%;justify-self:end;mix-blend-mode:multiply}.sound-note{padding:30px;border-left:1px solid var(--red);font:12px/1.8 'Courier New',monospace;max-width:270px}.sound-note span{font-size:9px;letter-spacing:2px;color:var(--red)}.signal{height:40px;margin-top:20px;background:repeating-linear-gradient(90deg,var(--graphite) 0 1px,transparent 1px 8px);clip-path:polygon(0 45%,10% 30%,20% 45%,30% 10%,40% 35%,50% 0,60% 40%,70% 20%,80% 40%,90% 35%,100% 48%,100% 52%,90% 65%,80% 60%,70% 80%,60% 60%,50% 100%,40% 65%,30% 90%,20% 55%,10% 70%,0 55%)}details{margin-top:40px;border-top:1px solid var(--grey);padding:25px 0}summary{cursor:pointer}.archive{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:30px}.archive img{width:100%;mix-blend-mode:multiply}.library-track{border-top:1px solid var(--grey);padding:24px 0;display:flex;justify-content:space-between}.connect{text-align:center;padding-top:100px}.connect h2{font-size:clamp(40px,6vw,90px);white-space:pre-line;margin:40px auto;max-width:900px}.connect>p{color:var(--grey);font-size:15px}.connect>img{width:170px;margin:100px auto 50px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--graphite);padding-top:24px;font-size:10px;color:var(--grey)}#socials a,#streaming a{display:inline-block;margin:20px;padding-bottom:8px;border-bottom:1px solid var(--red);font-size:12px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:scale(1.06) rotate(2deg)}}@keyframes line{50%{opacity:.3;transform:translateY(8px)}}@media(max-width:700px){header{height:66px;padding:0 6%;gap:18px}.nav-logo{width:110px}#menu{display:block;background:none;color:var(--paper);border:0;margin-left:auto;font-size:20px}nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--black);padding:30px 7%}nav.open{display:grid;gap:25px}.languages{gap:6px}section{padding:40px 7%}.entrance{min-height:650px}.coordinate{top:110px;font-size:8px}.side-note{display:none}h1{letter-spacing:.25em;font-size:16px}.entrance-title p{font-size:12px;letter-spacing:1px}.section-top{font-size:8px;letter-spacing:1px}.section-top span:last-child{max-width:135px;text-align:right}.release-layout,.artist-layout,.video-row{grid-template-columns:1fr;gap:35px;padding-top:35px}.release-copy h2{font-size:74px}.art-frame{height:380px}.player{flex-wrap:wrap;gap:18px}.track{min-width:180px;flex:1}.timeline{flex-basis:70%}.volume{width:70px}.video-row{padding:0}.artist-layout{gap:35px}.artist-copy h2{font-size:48px}.sound-heading{display:block}.sound-heading>p{max-width:none}.studio-composition{grid-template-columns:1fr}.studio-img{grid-row:auto}.score-img{width:65%}.sound-note{max-width:none}.archive{grid-template-columns:1fr}.connect{padding-top:75px}.connect h2{font-size:45px;letter-spacing:-1px}footer{gap:25px;text-align:left}.connect>img{margin-top:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Slow entrance of the original portrait, with no alteration to the faces. */
@supports(animation-timeline:view()){.artist-layout figure{animation:portrait-in linear both;animation-timeline:view();animation-range:entry 0% entry 85%}@keyframes portrait-in{from{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.artist-layout figure{opacity:1;transform:none}}
/* Review 2: light logo entrance, three languages, complete release artwork. */
:root{--paper:#f2f0ee}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{background:var(--paper);color:var(--black)}
.languages button{color:var(--graphite)}.languages button[aria-pressed=true]{color:var(--red)}
.entrance{background:#f2f0ee}.hero-logo{mix-blend-mode:normal}.entrance .frequencies{opacity:.2}.entrance-title p{color:var(--graphite);margin-top:42px}.entrance .coordinate,.entrance .side-note{color:var(--graphite)}
.release-layout{grid-template-columns:.72fr 1.4fr;gap:5%}.release-art{display:block;width:100%;height:auto;object-fit:contain}
.artist-copy p:not(.eyebrow){font-size:14px;line-height:1.85}.artist-copy h2{font-size:clamp(38px,4.1vw,64px)}
@media(max-width:700px){#menu{color:var(--black)}nav{background:var(--paper)}.release-layout{grid-template-columns:1fr}.artist-copy h2{font-size:43px}header{gap:12px}.languages{gap:4px}.languages button{padding:8px 4px}.nav-logo{width:100px}}
/* Larger biography portrait: frame away the source's white outer margins. */
.artists{background:#000}
.artist-layout{grid-template-columns:1.5fr 1fr;gap:6%;align-items:center}
.portrait-frame{position:relative;aspect-ratio:893 / 907;overflow:hidden;background:#000}
.artist-layout .portrait-frame img{position:absolute;width:187.234%;max-width:none;height:103.75%;left:-41.209%;top:-1.874%;display:block}
@media(max-width:700px){.artist-layout{grid-template-columns:1fr;gap:35px}.artist-layout figure{margin-inline:-3vw}.portrait-frame{width:100%}}
.artist-layout{align-items:start}

/* Contact details: allow the footer to wrap on small screens. */
footer{flex-wrap:wrap;align-items:center;gap:18px 28px}footer a:hover{color:var(--copper)}

/* Blend the supplied artwork whites into the paper while preserving its PNG alpha. */
.release-art{mix-blend-mode:multiply}