*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#fff;color:#090909;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px dashed currentColor;outline-offset:6px}::selection{background:#777;color:#fff}[hidden]{display:none!important}.mono,.text-button,.solid-button{font-family:'Courier New',monospace;font-size:10px;line-height:1.45;font-weight:400;letter-spacing:.065em}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:82px;padding:0 4.7%;background:#fff;border-bottom:1px solid #c9c9c9}.brand{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:-.025em;font-weight:800;line-height:1.05}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.22em}.brand-mark{display:flex;align-items:center;height:31px;gap:3px}.brand-mark i{display:block;background:currentColor;width:3px;height:16px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:26px}.brand-mark i:nth-child(3){height:35px}.header nav{display:flex;gap:32px;align-items:center;font:10px 'Courier New',monospace;letter-spacing:.065em}.header nav a{padding:12px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:currentColor}.private-label{font:9px 'Courier New',monospace;letter-spacing:.035em}.private-label span{font-size:6px;margin-right:6px}.text-button{background:none;border:0;padding:10px 0;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:10px;left:12px;z-index:100;padding:12px;background:#fff;color:#000;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.hero{padding:0 4.7%;display:grid;grid-template-columns:1fr 1fr;column-gap:3%;position:relative;overflow:hidden;min-height:min(850px,calc(100svh - 82px))}.hero-copy{padding:56px 0 52px;position:relative;z-index:1;align-self:center}.eyebrow{font-size:9px;margin:0 0 34px;display:flex;gap:13px;align-items:center}.tiny-cross{font-size:20px;line-height:1;font-weight:300}.hero h1{font-size:clamp(68px,7.5vw,120px);font-weight:500;line-height:.91;letter-spacing:-.075em;margin:0 0 30px}.hero-description{font-size:13px;line-height:1.65;letter-spacing:-.012em;color:#555;max-width:370px}.hero-description p{margin:0 0 10px}.start-link{display:inline-flex;align-items:center;gap:30px;font:10px 'Courier New',monospace;margin-top:25px;letter-spacing:.045em}.down-arrow{border:1px solid #111;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:22px;transition:background .2s,color .2s,transform .2s}.start-link:hover .down-arrow{background:#000;color:#fff;transform:translateY(4px)}.hero-art{position:relative;min-height:480px;align-self:stretch;margin:30px -1% 20px -8%}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.art-corner{position:absolute;color:#aaa;font:17px 'Courier New',monospace;font-weight:300}.top-left{top:14%;left:7%}.bottom-right{right:0;bottom:13%}.art-caption{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);font-size:8px;white-space:nowrap;color:#777}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #bbb;padding:16px 0;font-size:8px;align-self:end}.hero-foot button{font-size:8px;padding:0}.subject{padding:42px 4.7% 48px;scroll-margin-top:-1px;--fg:#090909;--bg:#fff;--muted:#616161;--line:#aaa;color:var(--fg);background:var(--bg)}.subject-dark{--fg:#fff;--bg:#090909;--muted:#aaa;--line:#4b4b4b}.subject-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line);font-size:10px}.subject-top b{font-size:18px;margin-left:15px;font-weight:400}.subject-top button{font-size:9px}.subject-top button span{margin-left:12px}.track-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:46px 0 40px}.artist{margin:0 0 18px;font-size:10px}.track-heading h2{font-size:clamp(86px,12.6vw,190px);line-height:.79;letter-spacing:-.075em;font-weight:600;margin:0}.subject-light .track-heading h2{font-size:clamp(70px,9.7vw,150px)}.chapter-number{font-size:clamp(110px,17vw,235px);font-weight:400;line-height:.9;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px var(--line)}.initial-status{font:12px 'Courier New',monospace;padding:30px 0}.player{border-top:1px solid var(--line)}.player-intro{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:49px;font-size:11px}.track-status{color:var(--muted);font-family:'Courier New',monospace;font-size:10px}.variant-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.variant{display:flex;align-items:center;text-align:left;background:transparent;border:0;gap:20px;padding:22px 25px;min-height:89px;color:var(--fg);transition:background .2s,color .2s}.variant+button{border-left:1px solid var(--line)}.variant[aria-pressed=true]{background:var(--fg);color:var(--bg)}.variant-letter{font:30px 'Courier New',monospace;font-weight:400}.variant-copy strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.02em}.variant-copy small{display:block;font:9px 'Courier New',monospace;margin-top:6px;text-transform:uppercase;letter-spacing:.07em;opacity:.7}.selection-dot{margin-left:auto;width:9px;height:9px;border:1px solid currentColor;border-radius:50%;flex:0 0 auto}.variant[aria-pressed=true] .selection-dot{background:currentColor}.variant:hover{box-shadow:inset 0 0 0 1px var(--fg)}.wave-area{position:relative;height:106px;margin:18px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.wave-area canvas{width:100%;height:100%;position:absolute;inset:0;opacity:.8}.wave-placeholder{position:absolute;left:0;right:0;height:1px;border-top:1px dashed var(--line)}.pending-label{z-index:1;color:var(--muted);background:var(--bg);padding:12px 24px;font:9px 'Courier New',monospace;letter-spacing:.12em;text-align:center}.transport{display:flex;align-items:center;gap:16px;padding:15px 0 24px;border-bottom:1px solid var(--line)}.play{border:1px solid var(--fg);color:var(--bg);background:var(--fg);width:52px;height:52px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center}.play svg{width:20px;height:20px;fill:currentColor}.play:not(:disabled):hover{background:var(--bg);color:var(--fg)}.clock{font:11px 'Courier New',monospace;white-space:nowrap;min-width:89px}.seek{flex:1;min-width:0}.range{appearance:none;background:transparent;height:30px;cursor:pointer;accent-color:var(--fg);color:var(--fg)}.range::-webkit-slider-runnable-track{height:2px;background:var(--line)}.range::-webkit-slider-thumb{appearance:none;height:10px;width:10px;background:var(--fg);border-radius:50%;margin-top:-4px}.range::-moz-range-track{height:2px;background:var(--line)}.range::-moz-range-thumb{height:10px;width:10px;background:var(--fg);border:0}.range:disabled{cursor:not-allowed;opacity:.5}.transport-button{border:1px solid var(--line);background:none;min-height:32px;padding:6px 10px;font:9px 'Courier New',monospace;letter-spacing:.04em}.transport-button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.volume-wrap{display:flex;align-items:center;gap:9px}.volume-wrap span{font:9px 'Courier New',monospace}.volume{width:72px}.play-status{color:var(--muted);font-size:11px;margin:12px 0;min-height:16px;line-height:1.5}.subject-end{margin-top:16px;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.subject-end a{color:var(--fg);font-size:10px}.subject-end a span{margin-left:15px;font-size:19px}.subject-light .track-heading{padding:44px 0}.contact{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:64px 4.7% 80px;gap:36px 70px;border-top:1px solid #111;background:#f4f4f4}.contact .mono{font-size:9px}.contact h2{font-size:clamp(50px,7vw,100px);line-height:.9;letter-spacing:-.065em;margin:0;font-weight:500}.contact-links{align-self:end;min-width:0}.contact-links>a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 0 8px;border-bottom:1px solid #aaa;font-size:clamp(16px,1.6vw,25px);letter-spacing:-.035em}.contact-links>a:first-child{padding-top:0}.contact-links a small{display:block;margin-bottom:10px;letter-spacing:.08em;color:#666}.contact-links>a>span:last-child{font-size:28px;transition:transform .2s}.contact-links>a:hover>span:last-child{transform:translate(3px,-3px)}footer{display:flex;justify-content:space-between;gap:24px;padding:23px 4.7%;border-top:1px solid #bbb;font-size:8px!important}dialog{width:min(570px,calc(100% - 32px));padding:42px;border:1px solid #111;color:#090909;background:#fff;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:19px;top:12px;border:0;background:none;font-size:30px;font-weight:300}dialog h2{font-size:47px;letter-spacing:-.055em;line-height:1;margin:22px 0 28px;font-weight:500}.guide-steps{padding-left:24px;margin-bottom:28px}.guide-steps li{padding-left:8px;margin:20px 0;font-size:12px}.guide-steps b{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.guide-steps span{display:block;color:#555;line-height:1.5}.solid-button{border:1px solid #090909;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 20px;min-height:45px;background:#090909;color:#fff;width:100%}.solid-button:hover{opacity:.76}.dialog-note{font:10px/1.6 'Courier New',monospace;color:#666;margin:18px 0 0}.noscript{padding:20px;background:#fff;border:1px solid #000;position:fixed;bottom:0;left:0;right:0;z-index:50;margin:0}.reveal{transition:opacity .65s ease,transform .65s ease}.reveal.is-waiting{opacity:0;transform:translateY(24px)}.motion-paused{scroll-behavior:auto}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{transition:none}.motion-paused .reveal.is-waiting{opacity:1;transform:none}
@media(min-width:1600px){.header,.hero,.subject,.contact,footer{padding-left:max(4.7%,calc((100vw - 1450px)/2));padding-right:max(4.7%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.header{height:72px}.header nav{gap:20px}.private-label{display:none}.hero{min-height:650px;column-gap:0}.hero h1{font-size:9vw}.hero-copy{padding:46px 0}.hero-art{margin-left:-12%;min-height:440px}.hero-description{font-size:12px}.eyebrow{font-size:8px;max-width:230px}.desktop-break{display:none}.start-link{font-size:9px;gap:18px}.hero-foot{font-size:7px}.contact{column-gap:40px}.volume-wrap{display:none}}
@media(max-width:620px){html{scroll-padding-top:68px}.header{height:68px;padding:0 6%;gap:15px}.brand{font-size:10px;gap:8px}.brand small{font-size:7px}.brand-mark{transform:scale(.8);margin-left:-3px;margin-right:-3px}.header nav{gap:17px;font-size:8px}.header nav a:last-child span{display:none}.hero{padding:0 6%;grid-template-columns:1fr;min-height:0}.hero-copy{padding:34px 0 0}.eyebrow{max-width:none;margin-bottom:25px;font-size:8px}.hero h1{font-size:18vw;line-height:.91;margin-bottom:24px;letter-spacing:-.07em}.hero-description{font-size:12px;max-width:290px;line-height:1.6}.hero-description p{margin-bottom:8px}.start-link{font-size:9px;gap:22px;margin-top:16px}.down-arrow{width:37px;height:37px;font-size:19px}.hero-art{height:290px;min-height:0;margin:-6px -4% 7px}.art-caption{font-size:7px;bottom:5%}.top-left{top:18%;left:7%}.bottom-right{bottom:14%;right:5%}.hero-foot{grid-column:auto;font-size:7px;gap:15px;padding:16px 0}.hero-foot>span:first-child{max-width:195px;line-height:1.6}.hero-foot>span:last-child{display:none}.hero-foot button{font-size:7px;white-space:nowrap}.subject{padding:28px 6% 36px}.subject-top{font-size:9px;padding-bottom:15px}.subject-top button{font-size:8px}.subject-top button span{margin-left:5px}.subject-top b{margin-left:8px;font-size:15px}.track-heading{padding:32px 0;gap:14px}.track-heading h2{font-size:23vw}.artist{font-size:8px;margin-bottom:15px}.chapter-number{font-size:22vw}.subject-light .track-heading{padding:33px 0}.subject-light .track-heading h2{font-size:20vw}.subject-light .chapter-number{font-size:19vw;align-self:flex-end}.player-intro{font-size:9px;gap:12px;min-height:45px}.track-status{font-size:8px;text-align:right;max-width:130px}.variant{padding:16px 12px;gap:9px;min-height:77px}.variant-letter{font-size:22px}.variant-copy strong{font-size:12px}.variant-copy small{font-size:7px;margin-top:5px;letter-spacing:0}.selection-dot{width:7px;height:7px}.wave-area{height:83px;margin-top:14px}.pending-label{font-size:8px;padding:10px 15px}.transport{gap:10px;padding:10px 0 18px;flex-wrap:wrap}.play{width:43px;height:43px}.clock{font-size:9px;min-width:76px}.seek{flex-basis:calc(100% - 143px)}.transport-button{min-height:30px;font-size:8px;padding:6px 9px}.transport-button.restart{margin-left:53px}.volume-wrap{display:flex;margin-left:auto}.volume-wrap span{font-size:8px}.volume{width:48px}.play-status{font-size:10px}.subject-end{font-size:7px;gap:12px;margin-top:12px}.subject-end a{font-size:8px;white-space:nowrap}.subject-end a span{margin-left:5px;font-size:16px}.contact{padding:48px 6% 56px;grid-template-columns:1fr;gap:28px}.contact h2{font-size:62px;margin:0}.contact-links>a{font-size:19px;padding:0 0 10px}.contact-links a small{font-size:8px;margin-bottom:12px}footer{padding:22px 6%;font-size:7px!important;gap:12px;flex-wrap:wrap}footer>span:nth-child(2){display:none}dialog{padding:28px 24px}dialog h2{font-size:38px}.guide-steps{padding-left:20px}.guide-steps b{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.is-waiting{opacity:1;transform:none}}

.official-logo{display:block;width:145px;height:auto;max-height:65px;object-fit:contain}.contact-brand{grid-column:1/-1;position:relative;width:110px;height:49px;overflow:hidden}.contact-logo{position:absolute;left:-14.4px;top:-11.7px;width:135px;height:auto;display:block;margin:0}.brand{flex-shrink:0}@media(max-width:620px){.official-logo{width:105px;max-height:56px}.contact-brand{width:96px;height:43px}.contact-logo{width:118px;left:-12.6px;top:-10.3px;margin:0}.track-heading h2{font-size:21vw}.chapter-number{font-size:19vw}.track-heading{gap:10px}}
@media(max-width:620px){.chapter-number{display:none}.track-heading h2{font-size:23vw}}

/* Opposing diagonal slices exchange color as the original artwork passes through view. */
.track-cover{margin:0;flex:0 0 clamp(190px,22vw,290px);width:clamp(190px,22vw,290px);position:relative;overflow:hidden;--cover-swap:0;--cover-cut:polygon(0 0,100% 0,100% 75%)}
.track-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.track-cover img:first-child{filter:grayscale(calc(1 - var(--cover-swap)))}
.track-cover .cover-slice{position:absolute;inset:0;height:100%;clip-path:var(--cover-cut);filter:grayscale(var(--cover-swap));pointer-events:none}
.subject-light .track-cover{--cover-cut:polygon(0 25%,100% 100%,0 100%)}
.track-heading>div{min-width:0}
.track-description{margin:24px 0 0;font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.55;letter-spacing:-.01em;color:var(--fg)}
.subject-dark .track-description{color:#ccc}
@media(max-width:620px){
 .track-heading,.subject-light .track-heading{display:grid;grid-template-columns:minmax(0,1fr) clamp(96px,28vw,150px);gap:18px;align-items:center;padding:30px 0}
 .track-cover{width:100%;min-width:0}
 .track-heading h2{font-size:17vw}
 .subject-light .track-heading h2{font-size:10.7vw;line-height:.87}
 .track-heading .artist{font-size:7px;line-height:1.7;letter-spacing:.04em;margin-bottom:13px}
 .track-description{margin-top:18px;font-size:13px;line-height:1.5}
}