:root{color:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--white:#fff;--muted:#eee;--accent:#ff406c;--gray:#91918e;background:#91918e;font-family:Arial,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}html,body{width:100%;height:100%;overflow:hidden}h1,h2,h3{text-wrap:balance}p,small,figcaption{text-wrap:pretty}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;transition:opacity .2s,scale .18s,background-color .2s}button:active,a:active{scale:.96}button:focus-visible,a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #fff}button:hover{opacity:.75}a{color:inherit;text-underline-offset:5px}[hidden]{display:none!important}.skip-link{z-index:50;background:#252525;padding:14px;position:fixed;top:12px;left:50%;transform:translate(-50%,-180%)}.skip-link:focus{transform:translate(-50%)}#gallery,#scene{position:fixed;inset:0}#scene{touch-action:none;cursor:grab;background:radial-gradient(at 50% 62%,#cecdc9 0%,#b6b6b1 32%,#91918e 76%)}#scene:active{cursor:grabbing}#scene canvas{width:100%;height:100%;display:block}#first-paint{pointer-events:none;background:radial-gradient(at 50% 62%,#d0ceca,#92938f 75%);place-items:center;display:grid;position:fixed;inset:0}#first-paint img{object-fit:contain;width:auto;max-width:78vw;height:57svh;box-shadow:0 0 0 10px #111,0 26px 40px #0005}.masthead{top:max(20px, env(safe-area-inset-top));z-index:3;position:fixed;left:24px}.masthead button{text-align:left}.masthead h1{letter-spacing:-1.1px;margin:0;font-size:30px;font-weight:700;line-height:1.05}.masthead span{margin-top:5px;font-size:14px;line-height:1.3;display:block}.compass{z-index:3;border-radius:50%;width:104px;height:104px;position:fixed;top:17px;right:23px}.compass svg{width:100%;height:100%;overflow:visible}.compass-ring,.compass-ticks{stroke:#fff9;stroke-width:1px;fill:none}.compass-glow{fill:#fff;filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 9px #fff)}#compass-dot{fill:var(--accent);transition:cx .3s,cy .3s}.compass text{fill:#fff;text-anchor:middle;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.compass-label{color:#72736f;letter-spacing:.5px;opacity:0;background:#fffffff0;border-radius:50%;align-content:center;font-size:10px;font-weight:700;line-height:1.25;transition:opacity .25s;display:grid;position:absolute;inset:17px}.compass:hover .compass-label,.compass:focus-visible .compass-label{opacity:1}.work-heading{text-align:center;pointer-events:none;width:70%;position:fixed;top:13%;left:15%}.work-heading h2{letter-spacing:-.7px;text-shadow:0 0 8px #fff9,0 0 18px #fff5;margin:0;font-size:clamp(24px,3.4vw,36px);font-weight:400}.arrow{z-index:2;opacity:.6;width:80px;height:84px;position:fixed;top:calc(50% - 42px)}.arrow:hover{opacity:1}.arrow-left{left:18px}.arrow-right{right:18px}.arrow svg{width:40px;height:40px}svg path{stroke:currentColor;stroke-width:1px;fill:none}.view-art{opacity:0;align-items:center;gap:12px;padding:0 12px;font-size:12px;transition:opacity .25s;display:flex;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}#gallery:hover .view-art,.view-art:focus-visible,.using-keyboard .view-art{opacity:.9}.view-art svg{width:16px;height:16px}.instructions{opacity:.93;pointer-events:none;justify-content:center;align-items:center;gap:12px;width:max-content;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:10.5%;left:50%;transform:translate(-50%)}.instructions.dismissed{opacity:0;transform:translate(-50%,8px)}.fly-keys{grid-template-columns:repeat(3,20px);gap:3px;display:grid}kbd{border:1px solid #fff;place-items:center;width:20px;height:20px;font-family:inherit;font-size:12px;font-weight:300;line-height:1;display:grid}.or{font-size:10px}.instruction-label{letter-spacing:.3px;font-size:18px;font-weight:300}.instruction-label small{text-align:center;letter-spacing:0;margin-top:3px;font-size:9px;display:block}.mouse-icon{border:1px solid #fff;border-radius:16px;width:27px;height:43px;margin-left:20px;position:relative}.mouse-icon:before{content:"";border-left:1px solid #fff;height:16px;position:absolute;top:0;left:12px}.mouse-icon:after{content:"";background:var(--accent);border-radius:5px;width:5px;height:7px;position:absolute;top:7px;left:5px}.touch-hint{display:none}.gallery-footer{bottom:max(9px, env(safe-area-inset-bottom));pointer-events:none;z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;left:24px;right:17px}.gallery-footer button,.gallery-footer a{pointer-events:auto}.gallery-footer small{width:max-content;font-size:10px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.count-slash{font-weight:300}.footer-actions{align-items:center;gap:5px;display:flex}#help-toggle{font-size:15px}#sound-toggle{place-items:center;display:grid;position:relative}.sound-bars{align-items:center;gap:2px;height:19px;display:flex}.sound-bars i{background:#fff;width:3px;height:12px;display:block}.sound-bars i:nth-child(2){height:18px}.sound-bars i:nth-child(3){height:21px}.sound-bars i:nth-child(4){height:15px}.sound-slash{background:#fff;width:25px;height:1px;position:absolute;transform:rotate(-45deg);box-shadow:0 1px #91918e}#sound-toggle[aria-pressed=true] .sound-slash{display:none}.close-button{z-index:6;width:78px;height:78px;position:fixed;bottom:10%;left:calc(50% - 39px)}.close-button span{background:#fff;width:62px;height:1px;position:absolute;top:38px;left:8px;transform:rotate(45deg)}.close-button span+span{transform:rotate(-45deg)}#overview{pointer-events:none;position:fixed;inset:0}#overview h2{text-align:center;white-space:nowrap;border-bottom:1px solid #ffffffa6;margin:0;padding-bottom:12px;font-size:clamp(20px,3.5vw,44px);font-weight:200;position:absolute;top:29%;left:50%;transform:translate(-50%)}.overview-work{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.overview-work img{outline-offset:-1px;outline:1px solid #ffffff1a;width:auto;height:clamp(88px,16vh,185px);box-shadow:0 0 0 5px #111,0 9px 20px #0005}.overview-work span{text-shadow:0 1px 5px #0009;font-size:12px}.overview-work:first-child{top:15%;left:50%}.overview-work:nth-child(2){top:56%;left:78%}.overview-work:nth-child(3){top:56%;left:22%}.overview-mode .work-heading,.overview-mode .instructions,.overview-mode .view-art,.overview-mode>.arrow,.overview-mode .touch-hint{display:none}dialog{color:#fff;opacity:0;transition:opacity .18s ease, display .18s allow-discrete, overlay .18s allow-discrete;border:none}dialog[open]{opacity:1}@starting-style{dialog[open]{opacity:0}}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#52534fa8}#art-view{background:radial-gradient(#b2b2ae,#90918e 75%);width:100%;max-width:none;height:100%;max-height:none;padding:0;position:fixed;inset:0;overflow:hidden}#art-view h2{text-align:center;width:70%;margin:0;font-size:24px;font-weight:400;position:absolute;top:3%;left:15%}#art-view figure{flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:0;display:flex;position:absolute;inset:11% 13% 21%}#detail-image{object-fit:contain;outline-offset:-1px;outline:1px solid #ffffff1a;width:auto;max-width:100%;height:auto;max-height:calc(100% - 28px);display:block;box-shadow:0 0 0 9px #111,0 22px 44px #0004}#art-view figcaption{margin-top:8px;font-size:12px}#art-view .close-button{bottom:5%}#art-inquiry{white-space:nowrap;padding:14px;font-size:11px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.text-dialog{background:#777873;width:min(600px,100vw - 32px);max-height:88svh;padding:56px;box-shadow:0 18px 70px #0003,0 3px 12px #0002}.text-dialog h2{letter-spacing:-1px;margin:0 0 10px;font-size:37px;font-weight:400}.text-dialog p{font-size:15px;line-height:1.7}.text-dialog .about-subtitle{margin:0 0 30px;font-size:13px}.text-dialog nav{gap:24px;margin:28px 0;display:flex}.text-dialog nav a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.text-dialog small{opacity:.85;font-size:11px}.small-close{font-size:30px;font-weight:200;position:absolute;top:10px;right:10px}.no-script{z-index:20;background:#91918e;padding:35px;position:fixed;inset:0;overflow:auto}.no-script img{max-width:100%;max-height:65vh}.fallback #first-paint{display:grid}.fallback .instructions,.fallback .touch-hint{display:none}.fallback .view-art{opacity:1}@media (width<=700px){.masthead{top:max(20px, env(safe-area-inset-top));left:20px}.masthead h1{font-size:25px}.masthead span{font-size:12px}.compass{width:81px;height:81px;top:14px;right:12px}.compass-label{font-size:9px;inset:13px}.work-heading{top:16%}.work-heading h2{font-size:24px}.instructions{display:none}.touch-hint{text-align:center;pointer-events:none;width:100%;font-size:11px;display:block;position:fixed;bottom:11.5%;left:0}.arrow{width:44px;height:60px;top:calc(50% - 30px)}.arrow svg{width:30px;height:30px}.arrow-left{left:4px}.arrow-right{right:4px}.view-art{opacity:.9;bottom:17%}.gallery-footer{left:16px;right:10px;bottom:max(8px, env(safe-area-inset-bottom))}.gallery-footer small{text-align:center;max-width:47%;font-size:8px}#help-toggle{display:none}.footer-actions{gap:0}.text-dialog{padding:44px 26px 30px}.text-dialog h2{font-size:32px}#overview h2{white-space:normal;width:80%;font-size:21px;top:33%}.overview-work:first-child{top:21%}.overview-work:nth-child(2){top:60%;left:75%}.overview-work:nth-child(3){top:60%;left:25%}.overview-work img{height:15svh}.overview-work span{font-size:11px}#return-gallery{bottom:9%}#art-view figure{inset:13% 13% 23%}#art-view h2{font-size:22px;top:5%}.compass:hover .compass-label{opacity:0}}@media (height<=550px) and (width>=701px){.instructions{display:none}.view-art{bottom:10%}.work-heading{top:8%}.work-heading h2,.masthead h1{font-size:24px}.compass{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#fff;--muted:#f0f0ef;--wall:#888987;--lit-wall:#b2b3b0;--panel:#636562;--accent:#ececeb;--gold:#b5955e;--gold-dark:#594329;--outline:#0000001a;--backdrop:#656663cc;--frame-shadow:0 0 0 1px #4a3822, 0 0 0 3px #c0a06a, 0 0 0 5px #6b5030, 0 0 0 6px #d0b27c, 0 3px 5px #0006, 0 16px 22px #0007, 0 28px 55px #0005;color:var(--ink);background:var(--wall);font-family:Trebuchet MS,sans-serif}body{color:var(--ink);background:var(--wall)}h1,h2{font-family:Georgia,Times New Roman,serif}body:not(.using-keyboard) :is(button,a,#scene,#first-paint):focus{outline:none}.using-keyboard :is(button,a):focus-visible{outline-color:var(--accent)}button:disabled{cursor:default}.using-keyboard :is(#scene,#first-paint):focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.fallback #first-paint{pointer-events:auto}.fallback #first-paint img{cursor:pointer}#scene,#first-paint,#art-view{background:radial-gradient(ellipse at 50% 45%, var(--lit-wall), var(--wall) 74%)}#first-paint img,#detail-image{box-shadow:var(--frame-shadow);outline-color:var(--outline)}#first-paint .empty-frame{width:min(40vh,68vw);height:48vh}.masthead{top:max(26px, env(safe-area-inset-top));left:32px}.masthead h1{letter-spacing:-.7px;font-size:32px;font-weight:400}.masthead span{color:var(--muted);margin-top:8px;font-size:12px}.gallery-toolbar{right:25px;top:max(20px, env(safe-area-inset-top));z-index:6;gap:12px;display:flex;position:fixed}.gallery-toolbar button{width:44px;height:44px;color:var(--ink);place-items:center;display:grid}.gallery-toolbar svg{fill:none;stroke:currentColor;stroke-width:1px;width:21px;height:21px}.work-heading{top:14%}.work-heading h2{letter-spacing:-.5px;text-shadow:0 0 8px #fff8,0 0 20px #fff4;font-size:clamp(24px,3vw,34px);font-weight:400}.work-heading p{color:var(--muted);margin:10px auto;font-size:12px;position:fixed;bottom:16.8%;left:0;right:0}.instructions{opacity:.78;color:var(--muted);gap:10px;bottom:9%}.instructions.dismissed{opacity:0}kbd,.mouse-icon,.mouse-icon:before{border-color:var(--muted)}.instruction-label{font-size:15px}.instruction-label small{font-size:9px}.mouse-icon{margin-left:15px}.gallery-footer{left:32px;right:27px;bottom:max(12px, env(safe-area-inset-bottom));color:var(--muted)}.gallery-footer small{font-size:9px;font-weight:400}.frame-count{min-height:44px;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:auto;cursor:default;align-items:center;font-size:11px;display:flex}.footer-actions{gap:15px}#sound-toggle{place-items:center;width:44px;height:44px;display:grid}.sound-bars{opacity:.5;gap:3px;height:20px}.sound-bars i{background:currentColor;width:2px;transition:height .3s;height:5px!important}#sound-toggle[aria-busy=true] .sound-bars{animation:.7s ease-in-out infinite alternate music-loading}@keyframes music-loading{0%{opacity:.35}to{opacity:1}}#sound-toggle[aria-pressed=true] .sound-bars{opacity:1}#sound-toggle[aria-pressed=true] .sound-bars i:first-child{height:9px!important}#sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){height:19px!important}#sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){height:13px!important}#sound-toggle[aria-pressed=true] .sound-bars i:nth-child(4){height:16px!important}#overview{z-index:5;background:radial-gradient(ellipse at 50% 45%, var(--lit-wall), var(--wall) 74%);pointer-events:auto;overscroll-behavior:contain;scrollbar-color:var(--muted) transparent;opacity:0;transition:opacity .18s ease, display .18s allow-discrete;inset:0;overflow:auto}#overview:not([hidden]){opacity:1}@starting-style{#overview:not([hidden]){opacity:0}}.overview-panel{max-width:860px;padding:max(80px, env(safe-area-inset-top)) 18px max(36px, env(safe-area-inset-bottom));margin:0 auto}.overview-mode :is(.masthead,.gallery-footer){display:none}#overview-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 60px;padding:8px 12px 24px;display:grid}.overview-work{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:44px;min-height:44px;padding:8px 0;scroll-margin-block:18px;display:flex;position:static;transform:none}#overview-works img,#overview-works .empty-frame{aspect-ratio:5/6;object-fit:contain;width:auto;max-width:100%;height:clamp(120px,18svh,185px);box-shadow:var(--frame-shadow);outline:1px solid var(--outline);outline-offset:-1px}.overview-work>span:last-child{color:var(--muted);text-shadow:none;text-wrap:pretty;font-variant-numeric:tabular-nums;font-size:11px}.overview-work[aria-current=true]>span:last-child{color:var(--ink);text-underline-offset:5px;text-decoration:underline}#scene{transition:opacity .25s}.overview-mode #scene{opacity:0;pointer-events:none}.empty-frame{aspect-ratio:5/6;box-shadow:var(--frame-shadow);background:radial-gradient(at 50% 20%,#a4a6a3,#787a77 75%);display:block}dialog{color:var(--ink)}dialog::backdrop{background:var(--backdrop)}#art-view h2{font-size:28px}.text-dialog{background:var(--panel);box-shadow:0 0 0 1px var(--outline), 0 28px 90px #0006, 0 5px 22px #0004}.text-dialog .about-subtitle,.text-dialog small{color:var(--muted)}.no-script{background:var(--wall);color:var(--ink)}@media (width<=700px){.masthead{top:22px;left:20px}.masthead h1{font-size:27px}.masthead span{margin-top:5px;font-size:10px}.gallery-toolbar{gap:3px;top:17px;right:13px}.gallery-toolbar svg{width:19px;height:19px}.work-heading{top:16%}.work-heading h2{font-size:25px}.work-heading p{max-width:210px;margin:9px auto;font-size:11px}.touch-hint{color:var(--muted);font-size:10px;bottom:10%}.gallery-footer{left:20px;right:17px;bottom:max(13px, env(safe-area-inset-bottom))}.gallery-footer small{display:none}.frame-count{font-size:10px}.overview-panel{padding:max(76px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom))}#overview-works{gap:30px 18px;padding:8px 8px 20px}.overview-work{gap:17px}#overview-works img,#overview-works .empty-frame{height:min(12svh,103px)}.overview-work>span:last-child{font-size:9px}#art-view h2{font-size:25px}}@media (height<=550px) and (width>=701px){.masthead h1{font-size:26px}.work-heading h2{font-size:25px}#overview-works{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}#overview-works img,#overview-works .empty-frame{height:100px}}.arrow{--travel:-40px;color:var(--ink);opacity:1;isolation:isolate;place-items:center;width:96px;height:96px;display:grid;top:calc(50% - 48px)}.arrow-right{--travel:40px}.arrow:before{content:"";opacity:0;z-index:-1;background:#f8f8f6;border-radius:50%;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .15s;position:absolute;inset:5px;transform:scale(.45)}.arrow svg{opacity:.8;grid-area:1/1;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .15s}.arrow svg.arrow-arriving{color:#656763;opacity:0;transform:translateX(var(--travel))}.arrow:is(:hover,.using-keyboard :focus-visible){opacity:1}.arrow:is(:hover,.using-keyboard :focus-visible):before{opacity:1;transform:scale(1)}.arrow:is(:hover,.using-keyboard :focus-visible) svg:not(.arrow-arriving){opacity:0;transform:translateX(calc(var(--travel) * -.35))}.arrow:is(:hover,.using-keyboard :focus-visible) svg.arrow-arriving{opacity:1;transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .15s;transform:translate(0)}.close-button{place-items:center;display:grid}.close-button span{background:var(--ink);transition:transform .45s cubic-bezier(.16,1,.3,1),background-color .2s;top:calc(50% - .5px);left:calc(50% - 31px);transform:rotate(45deg)}.close-button span+span{transition-delay:35ms;transform:rotate(-45deg)}.close-button:is(:hover,.using-keyboard :focus-visible){opacity:1}.close-button:is(:hover,.using-keyboard :focus-visible) span{background:var(--muted);transform:rotate(45deg)scaleX(1.2)}.close-button:is(:hover,.using-keyboard :focus-visible) span+span{transform:rotate(-45deg)scaleX(1.2)}.small-close{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}.small-close:hover{transform:rotate(90deg)}.gallery-toolbar button svg{transition:transform .3s,opacity .2s}.gallery-toolbar button:hover svg{transform:scale(1.12)}.overview-icon rect{transform-origin:12px 12px;fill:#0000;transition:x .4s cubic-bezier(.2,0,0,1),y .4s cubic-bezier(.2,0,0,1),width .4s cubic-bezier(.2,0,0,1),height .4s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.2,0,0,1),fill .3s}#overview-toggle[aria-pressed=true] rect{x:11.5px;fill:currentColor;width:1px;height:9px}#overview-toggle[aria-pressed=true] rect:nth-child(-n+2){y:3px}#overview-toggle[aria-pressed=true] rect:nth-child(n+3){y:12px}#overview-toggle[aria-pressed=true] rect:first-child,#overview-toggle[aria-pressed=true] rect:nth-child(4){transform:rotate(-45deg)}#overview-toggle[aria-pressed=true] rect:nth-child(2),#overview-toggle[aria-pressed=true] rect:nth-child(3){transform:rotate(45deg)}@media (width<=700px){.arrow{width:48px;height:64px;top:calc(50% - 32px)}.arrow:before{inset:10px 2px}.arrow svg{width:30px;height:30px}}