@charset "UTF-8";
:root{color-scheme:dark;--ink:#f2eee5;--red:#ea3727;--margin:clamp(24px,4vw,68px);--beat:0;--px:0;--py:0;font-family:Arial,Helvetica,sans-serif;background:#170403;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:700px;height:100svh;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer;padding:0}a{text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:7px}button:hover:not(:disabled),a:hover{opacity:.78}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.picture,.picture-shade,.texture,#field{position:fixed;inset:0;pointer-events:none}.picture{overflow:hidden;background:#100504}.frame{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 44%;opacity:0;transform:scale(1.045);will-change:transform;transition:opacity .8s ease}.frame.active{opacity:1}.frame--chrome{object-position:58% 50%}.picture-shade{background:linear-gradient(90deg,rgba(12,0,0,.27),transparent 70%),linear-gradient(0deg,rgba(10,1,0,.82),transparent 40%,transparent 85%,rgba(8,0,0,.16))}#field{width:100%;height:100%;opacity:.65}.texture{opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.masthead{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;padding:36px var(--margin)}.brand{display:flex;flex-direction:column;align-items:center;gap:8px}.brand img{display:block;width:160px;height:auto}.brand>span{font-size:9px;letter-spacing:.62em;padding-left:.62em}.edition{font-size:9px;letter-spacing:.17em;position:absolute;left:50%;transform:translateX(-50%);top:45px}.atelier-link{font-size:10px;letter-spacing:.12em;padding-top:6px;display:flex;align-items:center;gap:34px}.atelier-link span{font-size:21px;line-height:.6}
main{position:absolute;inset:0;z-index:2;pointer-events:none}main section{pointer-events:auto}.entry,.performance,.afterglow{position:absolute;inset:0;padding:0 var(--margin)}.entry{display:flex;flex-direction:column;justify-content:center;padding-top:4vh;padding-bottom:100px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.15em;font-weight:500}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--red)}.index{margin-left:20px;opacity:.56}h1,h2{font-family:Impact,"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:900;font-stretch:condensed;letter-spacing:-.035em;margin:22px 0;line-height:.87;font-size:clamp(90px,12.8vw,208px)}h1 .shift{margin-left:7.6vw}h1{position:relative;z-index:1}h1::after{content:"";position:absolute;top:0;margin-left:22px;font:16px Arial;letter-spacing:0}.entry-bottom{display:flex;align-items:flex-end;gap:clamp(40px,10vw,170px);margin-top:32px}.entry-copy p{font-size:14px;line-height:1.55;margin:0 0 19px;font-weight:400}.entry-copy>span{font-size:8px;letter-spacing:.17em}.entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.enter-button{display:flex;align-items:center;gap:21px;text-align:left;letter-spacing:.08em;font-size:11px}.play-disc{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #f2eee580;border-radius:50%;font-size:34px;font-weight:400;transition:background .25s}.enter-button:hover .play-disc{background:var(--ink);color:#621209}.enter-button small{display:block;font-size:8px;margin-top:9px;letter-spacing:.09em;opacity:.57}.quiet-button{font-size:10px;opacity:.65;margin-left:89px}.quiet-button span{margin-left:12px}
.console{position:absolute;z-index:5;bottom:28px;left:var(--margin);right:var(--margin)}.console-top{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:22px;gap:15px}.entry-caption{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:.14em}.entry-caption svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1}.preferences{display:flex;align-items:center;gap:24px}.preferences button{font-size:9px;letter-spacing:.06em;min-height:32px;display:flex;align-items:center;gap:9px}.preferences button>span:last-child{opacity:.57}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.chapters button{text-align:left;font-size:9px;letter-spacing:.12em;padding:8px 0 4px;min-height:40px}.chapters button:disabled{opacity:.7}.chapter-track{display:block;height:1px;background:#f2eee548;margin-bottom:15px;position:relative;overflow:hidden}.chapter-track i{height:100%;display:block;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.chapters b{font-size:8px;font-weight:400;opacity:.5;margin-right:20px}.chapters [aria-current="step"]>span:last-child{color:#fff}.chapters [aria-current="step"] .chapter-track{height:2px}.transport{display:flex;align-items:center;gap:30px}.transport button{font-size:16px;min-width:80px;min-height:34px;text-align:left}.transport button span{font-size:9px;letter-spacing:.1em;margin-left:8px}time{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.08em;opacity:.68}.volume{display:flex;align-items:center}.volume input{width:64px;height:3px;accent-color:var(--ink);cursor:pointer}.sound-bars{display:flex;align-items:center;gap:2px;height:15px}.sound-bars i{height:5px;width:1px;background:var(--ink)}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:14px}[aria-pressed="false"] .sound-bars i{height:2px}
.performance{display:flex;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:96px}.movement-meta{display:flex;gap:40px;font-size:9px;letter-spacing:.12em}.movement-meta>span:last-child{opacity:.65;letter-spacing:.025em}.performance h2{font-size:clamp(88px,11vw,176px);margin:35px 0;max-width:95%;transform-origin:left center}.performance-note{display:flex;align-items:center;gap:50px;font-size:8px;letter-spacing:.13em}.performance-note button{font-size:10px;letter-spacing:0;opacity:.65;min-height:40px}.performance-note button span{margin-left:14px}.afterglow{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:110px;padding-top:70px}.afterglow h2{font-size:clamp(100px,12vw,190px);margin:30px 0 25px}.afterglow p{font-size:14px;line-height:1.65;margin:0 0 25px}.afterglow-link{display:flex;align-items:center;justify-content:space-between;gap:75px;padding:14px 0;border-bottom:1px solid #f2eee580;font-size:11px;letter-spacing:.07em}.afterglow-link span{font-size:25px}.replay-button{font-size:11px;opacity:.65;margin-top:23px;min-height:35px}.notice{position:fixed;z-index:10;bottom:150px;left:var(--margin);max-width:400px;background:#1c1716;padding:15px;font-size:12px;line-height:1.5;border:1px solid #ffffff30}.noscript{position:fixed;inset:0;z-index:20;background:#190605;padding:15vh 10vw;font-size:24px}.noscript a{display:block;font-size:17px;margin-top:20px}
body[data-state="playing"] .entry-caption,body[data-state="paused"] .entry-caption{display:none}body[data-scene="1"] .picture-shade{background:linear-gradient(90deg,rgba(0,0,0,.62),transparent 90%),linear-gradient(0deg,#080707dd,transparent 48%)}body[data-scene="3"] .frame--body{filter:sepia(.25) saturate(.6)}body[data-state="ended"] .picture-shade{background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 85%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%)}
body.reduced .frame{transition:none;transform:none!important}body.reduced .performance h2{transform:none!important}
@media(min-width:1700px){.entry{padding-top:5vh}.entry-bottom{margin-top:45px}}
@media(max-width:900px){.edition{display:none}.entry{padding-top:2vh}.entry-bottom{gap:9vw}h1{font-size:14vw}.performance h2{font-size:14vw}.chapters{gap:15px}.chapters b{margin-right:10px}.preferences{gap:17px}}
@media(max-width:600px){body{min-height:650px}.masthead{padding-top:26px}.brand img{width:122px}.brand>span{font-size:7px}.atelier-link{font-size:9px;gap:18px}.frame--body{object-position:62% 50%}.picture-shade{background:linear-gradient(0deg,#120201f2 2%,#220704a0 45%,transparent 75%)}.entry{padding-top:58px;padding-bottom:140px;justify-content:center}.eyebrow{font-size:8px;letter-spacing:.10em}.index{margin-left:8px}h1{font-size:17vw;margin:26px 0}h1 .shift{margin-left:0}h1::after{font-size:10px;margin-left:10px}.entry-bottom{display:block;margin-top:4px}.entry-copy p{font-size:12px;line-height:1.5;margin-bottom:0}.entry-copy p br{display:none}.entry-copy p br::after{content:" "}.entry-copy>span{display:none}.entry-actions{gap:18px;margin-top:29px}.enter-button{font-size:10px;gap:15px}.play-disc{width:55px;height:55px;font-size:29px}.enter-button small{font-size:7px}.quiet-button{margin-left:70px;font-size:9px}.console{bottom:22px}.console-top{margin-bottom:16px;gap:8px}.entry-caption{font-size:7px;letter-spacing:.06em;gap:8px}.entry-caption svg{width:13px;height:13px}.preferences{gap:14px}.preferences button{font-size:8px;gap:5px}.chapters{gap:12px}.chapters button{font-size:7px;letter-spacing:.03em;line-height:1.6}.chapters b{display:block;margin:0 0 2px}.chapter-track{margin-bottom:10px}.transport{gap:7px}.transport button{min-width:60px}.transport button span{font-size:8px;margin-left:5px}time{font-size:8px}.volume{display:none!important}.performance{padding-top:15px;padding-bottom:115px}.movement-meta{flex-direction:column;gap:12px;font-size:8px}.performance h2{font-size:17vw;margin:32px 0}.performance-note{align-items:flex-start;flex-direction:column;gap:10px;font-size:7px}.performance-note button{font-size:9px}.afterglow{padding-top:45px;padding-bottom:150px}.afterglow h2{font-size:20vw}.afterglow p{font-size:12px}.afterglow-link{font-size:10px}.notice{right:var(--margin);bottom:165px}body[data-scene="1"] .picture-shade{background:linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#000d,transparent 90%)}body[data-state="ended"] .frame--space{object-position:65% 50%}}
@media(max-width:360px){.preferences{gap:9px}.entry-caption{max-width:164px;font-size:6px}.entry{padding-top:50px}.entry-actions{margin-top:20px}.quiet-button{margin-left:0}.entry-copy p{max-width:250px}.transport{gap:5px}time{font-size:7px}.preferences button{font-size:7px}}
@media(max-height:700px) and (min-width:601px){body{min-height:530px}.masthead{padding-top:23px}.entry{padding-top:50px;padding-bottom:110px}h1{font-size:min(10vw,130px);margin:15px 0}.entry-bottom{margin-top:8px}.entry-copy p{font-size:12px;margin-bottom:10px}.entry-actions{gap:10px}.play-disc{width:51px;height:51px}.quiet-button{margin-left:72px}.console{bottom:17px}.console-top{margin-bottom:8px}.performance h2{font-size:11vw;margin:16px 0}.afterglow h2{font-size:15vh;margin:15px 0}.afterglow p{margin-bottom:10px}.afterglow{padding-top:50px;padding-bottom:115px}.replay-button{margin-top:10px}}
@media(max-height:649px) and (max-width:600px){body{height:auto;overflow-y:auto}.picture,#field{height:100lvh}main{min-height:650px}.console{position:absolute;top:530px;bottom:auto}.masthead{z-index:6}}
@media(prefers-reduced-motion:reduce){.frame{transition:none;transform:none!important}*{scroll-behavior:auto!important}}