@font-face{font-family:Sunday Romantic Demo;src:url(/fonts/sunday-romantic-demo.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Young Serif;src:url(/fonts/young-serif.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:J Audio Cassette;src:url(/fonts/j-audio-cassette.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#dededb;--ink:#151817;--blue:#327bb3}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Young Serif,Georgia,serif}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}html[data-input=pointer] button:focus{outline:none}button,.cabinet{-webkit-tap-highlight-color:transparent}::selection{background:var(--blue);color:#fff}.stage{isolation:isolate;background:radial-gradient(at 12% 42%,#eeeeec 0%,#dededb 65%,#cdcecb 100%);width:100%;height:100dvh;min-height:360px;position:relative;overflow:clip}.intro{z-index:2;text-align:center;width:39%;position:absolute;top:22%;left:4.5%}.wordmark{width:100%;font-size:1rem;font-weight:400;line-height:1}.wordmark-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mark{width:100%;height:auto;display:block;overflow:visible}.mark-type{letter-spacing:-20px;fill:#252622;font-family:Sunday Romantic Demo,sans-serif;font-size:370px;font-style:normal;font-weight:400}.roles{justify-content:center;gap:16%;margin-top:clamp(22px,4.8vh,54px);font-family:J Audio Cassette,sans-serif;font-size:clamp(14px,1.3vw,24px);display:flex}.roles span{filter:blur(.045em)}.cabinet{--size:104svh;width:var(--size);height:calc(var(--size) * 1.12);right:min(0px, calc(57vw - var(--size)));top:calc(var(--size) * -.17);-webkit-user-select:none;user-select:none;touch-action:manipulation;position:absolute;container-type:inline-size}.object{left:calc(var(--x) * 0.1%);top:calc(var(--y) / 1120 * 100%);width:calc(var(--w) * 0.1%);height:calc(var(--h) / 1120 * 100%);pointer-events:none;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.object img{pointer-events:none;width:100%;height:100%;rotate:var(--rotate,0deg);transform:scaleX(var(--mirror));transform-origin:50% var(--pivot,85%);filter:drop-shadow(.35cqi .6cqi .5cqi #20231c99)drop-shadow(2.4cqi 3.6cqi 3.4cqi #20231c73);transition:translate .2s,scale .2s,filter .2s;display:block}.object.is-hovered{z-index:4}.object.is-hovered img{filter:drop-shadow(.35cqi .9cqi .8cqi #20231c80)drop-shadow(3.2cqi 5cqi 4.6cqi #20231c80);translate:0 -5px;scale:1.035}.object.is-pressed img{scale:.96}.object:focus-visible{z-index:4;outline-offset:3px;border-radius:5px}.object[data-object=cabinet].is-hovered{z-index:auto}.object[data-object=cabinet]:focus-visible{z-index:0}.object[data-object=cabinet] img{filter:drop-shadow(2.6cqi 3.8cqi 4.2cqi #20231c66)}.object[data-object=cabinet].is-hovered img{filter:drop-shadow(2px 3px 3px #327bb380);translate:none;scale:1}.has-hover{cursor:pointer}@media (aspect-ratio<=1){.intro{text-align:left;width:65%;top:8%;left:7%}.roles{justify-content:flex-start;gap:48px;margin-top:24px}.cabinet{--size:min(88vw, 64svh);top:auto;bottom:4%;right:0}}@media (width<=600px) and (orientation:portrait){.intro{width:86%;top:max(28px,6svh);left:7%}.roles{gap:40px;margin-top:23px;font-size:14px}.cabinet{--size:min(97vw, 62svh);bottom:4%}}@media (height<=500px) and (orientation:landscape){.intro{width:42%;top:19%}.roles{margin-top:24px;font-size:13px}}@media (hover:none) and (pointer:coarse){.stage{background:var(--paper)}.stage:after{content:"";z-index:1;background:linear-gradient(to bottom, transparent, var(--paper) 90%);pointer-events:none;height:min(16px,2svh);position:absolute;inset:auto 0 0}.intro{top:max(64px,8svh)}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.intro{left:max(64px,4.5%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.object.is-hovered img{translate:none;scale:1}}