*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;background:#000;height:100%;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}.scene{aspect-ratio:2000/1116;width:max(100vw,179.211dvh);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.world{transform-origin:50.1% 45.88%;background:url(/gallery.jpg) 50%/100% 100% no-repeat;transition:transform 1.7s cubic-bezier(.45,0,.8,1);position:absolute;inset:0;container-type:inline-size}.world[data-phase=walking]{transform:scale(1.45)}.world[data-phase=black],.world[data-phase=watching]{transform-origin:50.12% 48.4%;background-image:url(/wall-close.jpg);transition:none;transform:scale(1.42)}.world[data-phase=black] .frame,.world[data-phase=watching] .frame{width:37.33%;top:26.79%;left:31.46%}.world[data-phase=black] .bench,.world[data-phase=watching] .bench{display:none}.fade{opacity:0;pointer-events:none;background:#000;transition:opacity 1.2s ease-out;position:fixed;inset:0}.fade.on{opacity:1;pointer-events:auto;transition:opacity 1.1s ease-in .6s}.frame{aspect-ratio:1686/1089.25;width:28.7%;position:absolute;top:29.26%;left:35.75%}.frame:after{content:"";pointer-events:none;filter:brightness(.88)saturate(.82)contrast(1.05)drop-shadow(0 3px 3px #0006)drop-shadow(0 14px 18px #00000061);border:1px solid #0000;border-image:url(/frame.webp) 161 178 170 160/14.78% 10.56% 15.61% 9.49%;position:absolute;inset:0}.frame:before{content:"";pointer-events:none;background:radial-gradient(50% 48% at 50% 40%,#ffeccd29,#ffeccd0f 55%,#ffeccd00 75%);position:absolute;inset:-45% -28% -55%}.frame-light{pointer-events:none;background:radial-gradient(60% 40% at 38% 18%,#fffaeb1a,#fffaeb00 70%),linear-gradient(#ffeecd1f 0%,#ffeecd00 32%,#0000 58%,#0003 100%);position:absolute;inset:0}.video{background:#000;width:80.45%;height:70.4%;position:absolute;top:14.4%;left:9.25%;overflow:hidden}.video>div:first-child{width:300%;height:100%;position:absolute;top:0;left:-100%}.video>div:first-child iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video .screen{position:absolute;inset:0}.world[data-phase=watching] .video .screen{cursor:pointer}.video .screen.covered{background:#000}.video .screen.painting{background:#000 url(/painting-watercolor.jpg) 50%/cover no-repeat}.bench{pointer-events:none;transition:filter .25s;position:absolute;inset:0}.bench>div{clip-path:polygon(37.77% 76.75%,62.56% 76.75%,63.5% 78.9%,63.5% 80.29%,60.1% 80.29%,60.1% 89.92%,58.54% 89.92%,58.54% 80.29%,41.8% 80.29%,41.8% 90.01%,40.21% 90.01%,40.21% 80.29%,36.78% 80.29%,36.78% 78.9%);pointer-events:auto;cursor:pointer;background:url(/gallery.jpg) 50%/100% 100% no-repeat;transition:filter .25s;position:absolute;inset:0}.bench:hover{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 8px #fff6dcf2)drop-shadow(0 0 24px #ffe6aabf)}.bench:hover>div{filter:brightness(1.12)}.world:not([data-phase=lobby]) .bench>div{pointer-events:none}.world[data-phase=lobby]:not([data-intro]) .bench{animation:2s ease-in-out 2s infinite bench-pulse}.world[data-phase=lobby] .bench:hover{animation:none}@keyframes bench-pulse{0%,to{filter:drop-shadow(0 0 #fff6dc00)}50%{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 8px #fff6dce6)drop-shadow(0 0 22px #ffe6aab3)}}@media (prefers-reduced-motion:reduce){.world[data-phase=lobby] .bench{animation:none}}.led-clock{left:calc(50.1% - 5% * var(--w,1));width:calc(10% * var(--w,1));background:linear-gradient(#ffffff12,#fff0 45%),linear-gradient(#1b1b1b,#0a0a0a);border:1px solid #2c2c2c;border-radius:2px;padding:.55% .7%;position:absolute;top:63.7%;box-shadow:inset 0 0 0 2px #050505,inset 0 2px 6px #000000e6,0 4px 10px #0000008c,0 0 60px 10px #ff1e0a29}.world[data-phase=black] .led-clock,.world[data-phase=watching] .led-clock{left:calc(50.13% - 6.5% * var(--w,1));width:calc(13% * var(--w,1));top:71.5%}.led-clock svg{width:100%;height:auto;display:block}.led-clock .off{fill:#ff321e12}.led-clock .on{fill:url(#led-lit);filter:drop-shadow(0 0 1px #ff4a2a)drop-shadow(0 0 4px #ff1400d9)}.tally-wall{pointer-events:none;width:8.4%;height:auto;position:absolute;top:30%;left:27%;overflow:visible}.world[data-phase=black] .tally-wall,.world[data-phase=watching] .tally-wall{width:11.4%;top:27.5%;left:19.6%}.tally-wall path{fill:none;stroke:#f6f4eee0;stroke-width:3.8px;stroke-linecap:round}.tally-wall path.fresh{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s ease-out .3s forwards chalk-draw}@keyframes chalk-draw{to{stroke-dashoffset:0}}.tally-wall text{fill:#f6f4eed9;font-family:Chalkboard SE,Marker Felt,Segoe Print,Bradley Hand,cursive;font-weight:700}.tally-heading{letter-spacing:1.5px;font-size:19px}.tally-more{font-size:22px}.signature{z-index:1;opacity:.45;width:clamp(110px,10vw,180px);transition:opacity .2s;position:fixed;bottom:2.5vh;right:24px}.signature:hover,.signature:focus-visible{opacity:.95}.replay-intro{z-index:1;color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font:400 clamp(13px,1vw,16px)/1 Times New Roman,Times,serif;display:flex;position:fixed;bottom:2.5vh;left:24px}.replay-intro:hover,.replay-intro:focus-visible{text-underline-offset:3px;text-decoration:underline}.replay-intro svg{fill:currentColor;width:.9em;height:.9em}.signature img{filter:brightness(0)invert();width:100%;height:auto;display:block}.banner{pointer-events:none;filter:brightness(.84)saturate(.82)sepia(.08)drop-shadow(0 1.2cqw 1.6cqw #00000059);transform-origin:50% -10cqw;width:11%;animation:7s ease-in-out infinite alternate banner-sway;position:absolute;top:-4%;left:9.5%}@keyframes banner-sway{0%{transform:rotate(-.35deg)}to{transform:rotate(.35deg)}}@media (prefers-reduced-motion:reduce){.banner{animation:none}}.world[data-phase=black] .banner,.world[data-phase=watching] .banner{display:none}.banner:after{content:"";background:linear-gradient(#ffeecd29,#ffeecd00 30%,#0000 55%,#00000047);position:absolute;inset:0;-webkit-mask:url(/banner-red.webp) 50%/100% 100% no-repeat;mask:url(/banner-red.webp) 50%/100% 100% no-repeat}.banner-art{width:100%;height:auto;display:block}.banner-cloth{flex-direction:column;justify-content:space-evenly;align-items:center;display:flex;position:absolute;inset:6% 0 4%}.banner-cloth img{width:60%;height:auto;display:block}.banner-cloth img.mike{width:54%}.intro{z-index:3;background:#0c090673;place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0}.intro.leaving{opacity:0;pointer-events:none}.intro-window{flex-direction:column;width:min(880px,70vw,124.444vh);display:flex;position:relative;box-shadow:0 24px 70px #00000080}.intro video{aspect-ratio:16/9;background:#fff;width:100%;display:block}.intro-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1412108c;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,border-color .15s;display:grid;position:absolute;top:-52px;right:0}.intro-close svg{fill:none;stroke:#fff;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px}.intro-close:hover{background:#141210d9;border-color:#ffffffb3}.media-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#141210d1;align-items:center;gap:12px;padding:8px 14px;display:flex}.media-btn{color:#fff;opacity:.85;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.media-btn:hover{opacity:1}.media-btn svg{fill:currentColor;width:16px;height:16px}.media-btn svg .stroke{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.media-time{font-variant-numeric:tabular-nums;color:#fffc;flex-shrink:0;min-width:34px;font:500 12px/1 Helvetica Neue,Arial,sans-serif}.media-range{appearance:none;background:linear-gradient(90deg, #fff var(--fill,0%), #ffffff40 var(--fill,0%));cursor:pointer;border-radius:2px;height:3px}.media-progress{flex:1}.media-volume{flex:0 0 80px}.media-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0006}.media-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.scene-fill,.scene-edges,.mobile-title,.tally-mobile{display:none}@media (max-aspect-ratio:1){.scene{width:210vw}.scene-edges{pointer-events:none;background:linear-gradient(#14100c99,#14100c00 7% 93%,#14100c99);height:117vw;display:block;position:fixed;top:calc(50dvh - 58.5vw);left:0;right:0}.scene-fill{filter:blur(30px)brightness(.5);background:#2a241d url(/gallery.jpg) 50%/cover no-repeat;display:block;position:fixed;inset:-60px}.scene-fill[data-phase=black],.scene-fill[data-phase=watching]{background-image:url(/wall-close.jpg)}.world[data-phase=black],.world[data-phase=watching]{transform:scale(1.17)}.world[data-phase=walking]{transform:scale(1.4)}.banner,.world .tally-wall{display:none}.frame:after{filter:brightness(.88)saturate(.82)contrast(1.05)}.frame{box-shadow:0 3px 3px #0006,0 14px 18px #00000061}.mobile-title{z-index:1;filter:drop-shadow(0 6px 14px #0006);pointer-events:none;width:auto;max-width:80vw;height:clamp(56px,44dvh - 58.5vw,150px);transition:opacity .6s;display:block;position:fixed;top:3dvh;left:50%;transform:translate(-50%)}.mobile-title.hidden{opacity:0}.tally-mobile{z-index:1;pointer-events:none;width:min(48vw,220px);display:block;position:fixed;bottom:calc(3dvh + 40px);left:16px}.tally-mobile .tally-wall{width:100%;height:auto;display:block;position:static}.signature{width:96px;right:16px}.replay-intro{bottom:3dvh;left:16px}.intro-window{width:92vw}.media-bar{gap:8px;padding:6px 10px}.media-volume{display:none}.intro-close{top:-50px}}