body:has(.voices-room){--gallery-paper:#f2eee3;--gallery-ink:#181a19;background:var(--gallery-paper);color:var(--gallery-ink)}.voices-room{--red:#d82b1f;--blue:#1e43a2;--yellow:#f2ce2e;--grey:#5f6b78;--paper:#f2eee3;--ink:#181a19;padding:0 0 30px}.voices-inset{max-width:1800px;margin-inline:auto;padding-inline:5%}.voices-heading{border-block:14px solid var(--ink);background:var(--ink);grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:14px;min-height:calc(100svh - 84px);display:grid}.voices-title-panel{background:var(--red);flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(28px,4vw,72px);display:flex}.voices-kicker{max-width:40ch;font:12px / 1.6 var(--mono);letter-spacing:.12em}.voices-heading h1{letter-spacing:-.075em;font:900 clamp(72px,12vw,210px)/.95 Arial,sans-serif}.voices-heading h1>*{display:block}.voices-heading :where(h1) em{letter-spacing:-.06em;color:var(--paper);padding-block:.1em;font:italic .8em/1.1 Georgia,serif}.voices-side-panel{grid-template-rows:1fr auto;gap:14px;min-width:0;display:grid}.voices-attribution{background:var(--blue);color:var(--paper);flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(24px,3vw,48px);display:flex}.voices-attribution>span{font:12px / 1.6 var(--mono);text-transform:uppercase;letter-spacing:.12em}.voices-attribution strong{letter-spacing:-.04em;font:italic clamp(32px,3.7vw,64px)/1.12 Georgia,serif}.voices-enter{background:var(--yellow);color:var(--ink);font:16px / 1.4 var(--mono);justify-content:space-between;align-items:center;gap:20px;padding:clamp(24px,3vw,48px);text-decoration:none;display:flex}.voices-enter>:where(.gate-mark){font:64px/1 Arial,sans-serif}.voices-enter:hover{background:var(--paper)}.composition-label{font:14px / 1.5 var(--mono);justify-content:space-between;gap:20px;padding-block:24px;display:flex}.voices-field{position:relative}.mondrian-composition{background:var(--ink);border-block:14px solid var(--ink);grid-template-rows:62fr 25fr 13fr;grid-template-columns:12fr 46fr 28fr 14fr;gap:14px;height:clamp(460px,82svh,960px);display:grid;position:relative;overflow:hidden}.mondrian-plane{transition:opacity .4s}.mondrian-red{background:var(--red);grid-area:1/2/auto/4;align-items:center;padding:3%;display:flex}.mondrian-red span{letter-spacing:-.075em;font:900 clamp(76px,14vw,230px)/.78 Arial,sans-serif}.mondrian-white{background:var(--paper);grid-area:1/1/3;align-items:end;padding:18px;display:flex}.mondrian-white span{writing-mode:vertical-rl;font:italic 20px/1.2 Georgia,serif;transform:rotate(180deg)}.mondrian-blue{background:var(--blue);grid-area:1/4/3}.mondrian-yellow{background:var(--yellow);grid-area:2/2}.mondrian-signature{background:var(--paper);font:14px var(--mono);grid-area:3/2/auto/5;align-items:center;padding:10px 24px;display:flex}.mondrian-composition:before{content:"";background:var(--paper);grid-area:2/3}.mondrian-composition:after{content:"";background:var(--paper);grid-area:3/1}.cathedral-touch{z-index:2;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;position:absolute;inset:0}.touch-hint{background:var(--paper);font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:0;padding:6px 10px;transition:opacity .3s;position:absolute;top:20px;right:24px}.cathedral-touch:hover .touch-hint,.cathedral-touch:focus-visible .touch-hint{opacity:1}.refusal-stamp{background:var(--paper);color:var(--red);border:4px solid var(--red);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:12px 20px;font:900 clamp(18px,2.4vw,34px)/1 Arial,sans-serif;animation:1.8s cubic-bezier(.2,1.4,.4,1) both stamp-lands;position:absolute;translate:-50% -50%;rotate:-7deg}.boogie-city{z-index:1;grid-template-columns:repeat(var(--columns), 1fr);grid-template-rows:repeat(var(--rows), 1fr);background:linear-gradient(var(--yellow), var(--yellow)) 0 0 / 100% 100% no-repeat, var(--paper);--gap:6px;gap:6px;padding:6px;display:grid;position:absolute;inset:0}.gates-open .mondrian-composition{background:var(--yellow);border-color:var(--yellow)}.gates-open .mondrian-plane{opacity:0}.avenue-square{background:var(--tone);--t0:var(--red);--t1:var(--blue);--t2:var(--grey);--tone:var(--t0);display:block}.tone-1.avenue-square{--t0:var(--blue);--t1:var(--grey);--t2:var(--red)}.tone-2.avenue-square{--t0:var(--grey);--t1:var(--red);--t2:var(--blue)}.boogie-block{background:var(--red);color:#fff9e6;text-align:center;letter-spacing:-.04em;cursor:pointer;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:4% 5%;font:900 1rem/.92 Arial,sans-serif;transition:filter .2s;display:flex;position:relative;overflow:hidden;container-type:size}.boogie-block span{font-size:clamp(18px, min(46cqh, 16cqw, 100cqw / (var(--chars,6) * .62)), 120px);overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance}.boogie-block:hover{filter:brightness(1.12)}.boogie-block.tone-1{background:var(--blue)}.boogie-block.tone-2{background:var(--grey)}.boogie-block.tone-3{background:var(--paper);color:var(--ink)}.voices-status{padding:16px 5%;font:italic 17px Georgia,serif}.voices-console{border-top:3px solid;grid-template-columns:1fr 1fr;gap:50px;margin-top:10px;padding-top:6px;display:grid}.gate-control{width:100%;color:inherit;letter-spacing:-.04em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;font:italic clamp(34px,5vw,76px)/1 Georgia,serif;transition:color .3s;display:flex}.gates-closed .gate-control{grid-column:1/-1}.gate-control:hover{color:var(--red)}.gate-mark{font:200 clamp(44px,6vw,96px)/1 Arial,sans-serif;transition:rotate .5s cubic-bezier(.2,1.2,.4,1);display:inline-block}.gate-control[aria-pressed=true] .gate-mark{rotate:45deg}.voice-form{padding-top:14px}.voice-form label{font:14px var(--mono)}.voice-form>div{border-bottom:2px solid;gap:15px;padding:12px 0;display:flex}.voice-form input{width:100%;min-width:0;color:inherit;background:0 0;border:0;font:clamp(22px,2.2vw,32px) Georgia,serif}.voice-form input::placeholder{color:inherit;opacity:.45}.voice-form button[type=submit]{color:inherit;background:0 0;border:0;flex-shrink:0;font:italic 18px Georgia,serif}.voice-note{margin-top:12px;font:italic 15px Georgia,serif}.voice-form .quiet-button{font-size:14px}.voices-room .exhibit-endnote{margin-top:40px}.voices-room :where(button,input,a):focus-visible{outline:3px solid var(--blue);outline-offset:4px}.cathedral-touch:focus-visible{outline-offset:-6px}@keyframes stamp-lands{0%{opacity:0;scale:1.8}12%{opacity:1;scale:1}75%{opacity:1}to{opacity:0}}@keyframes syncopate{0%,to{--tone:var(--t0)}33%{--tone:var(--t1)}66%{--tone:var(--t2)}}@keyframes travel-x{to{translate:calc(400% + var(--gap) * 4) 0}}@keyframes travel-y{to{translate:0 calc(400% + var(--gap) * 4)}}@property --tone{syntax:"<color>";inherits:false;initial-value:#d82b1f}@media (prefers-reduced-motion:no-preference){.avenue-square{animation:2.4s step-end infinite syncopate;animation-delay:calc(var(--beat) * -.3s)}.avenue-square.beat-1,.avenue-square.beat-5{animation:2.4s step-end infinite syncopate,4.8s steps(4,end) infinite alternate travel-x;animation-delay:calc(var(--beat) * -.3s)}.avenue-square.axis-y.beat-1,.avenue-square.axis-y.beat-5{animation-name:syncopate,travel-y}.avenue-square.beat-3,.avenue-square.beat-7{animation-direction:reverse}}@media (max-width:900px){.voices-heading{grid-template-columns:minmax(0,1fr)}.voices-heading h1{font-size:clamp(72px,16vw,144px)}.voices-side-panel{grid-template-rows:auto;grid-template-columns:1fr 1fr}.voices-attribution strong{font-size:32px}.voices-console{grid-template-columns:1fr;gap:10px}}@media (max-width:650px){.voices-heading{border-width:7px;gap:7px}.voices-title-panel{gap:40px;padding:28px 6%}.voices-side-panel{gap:7px}.voices-attribution,.voices-enter{padding:20px}.voices-attribution strong{font-size:27px}.voices-enter{font-size:13px}.voices-enter>:where(.gate-mark){font-size:36px}.voices-kicker{margin-bottom:10px;font-size:10px}.voices-heading h1{font-size:17vw}.composition-label{font-size:11px}.mondrian-composition{border-width:7px;gap:7px;height:clamp(420px,70svh,640px)}.mondrian-red span{font-size:clamp(56px,17vw,100px)}.mondrian-white{padding:8px}.mondrian-white span{font-size:15px}.mondrian-signature{padding:5px 10px;font-size:11px}.touch-hint{display:none}.refusal-stamp{border-width:3px;padding:8px 12px;font-size:16px}.gates-open .mondrian-composition{height:auto;display:block}.gates-open .mondrian-plane,.gates-open .mondrian-composition:before,.gates-open .mondrian-composition:after{display:none}.boogie-city{--gap:4px;--cell:calc((100vw - var(--gap) * (var(--columns) + 1)) / var(--columns));grid-template-rows:repeat(var(--rows), var(--cell));gap:var(--gap);padding:var(--gap);position:relative}.boogie-block span{font-size:clamp(17px, min(46cqh, 15cqw, 96cqw / (var(--chars,6) * .62)), 60px)}.gate-control{padding:14px 0;font-size:30px}.gate-mark{font-size:44px}.voice-form input{font-size:20px}.voice-form button[type=submit]{font-size:15px}}@media (prefers-reduced-motion:reduce){.refusal-stamp{animation:none}.gate-mark,.mondrian-plane,.boogie-block{transition:none}}.voices-title-panel{min-width:0;position:relative}.voices-art{position:absolute;inset:0}.voices-enter{text-align:left;cursor:pointer;border:0;width:100%;min-width:0}.voices-attribution strong,.gate-label{min-width:0;display:grid}.gate-copy{grid-area:1/1}.gate-copy-open,.gates-open .gate-copy:not(.gate-copy-open){visibility:hidden}.gates-open .gate-copy-open{visibility:visible}.voices-enter .gate-mark{flex-shrink:0}.voices-enter[aria-pressed=true] .gate-mark{rotate:45deg}.gates-open .voices-kicker,.gates-open .voices-heading h1{opacity:0}.gates-open .voices-art{background:var(--paper);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.voices-open-title{letter-spacing:-.05em;border-bottom:14px solid var(--ink);padding:20px 24px;font:900 clamp(24px,3vw,48px)/1.1 Arial,sans-serif}.voices-open-title em{color:var(--red);font-family:Georgia,serif}.voices-art .boogie-city{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));min-height:0;position:relative}.voices-console{grid-template-columns:1fr}.voices-console:not(:has(form)){display:none}@media (max-width:650px){.voices-open-title{border-bottom-width:7px}}