@font-face{font-family:Roundo;src:url(/vendor/fonts/roundo-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roundo;src:url(/vendor/fonts/roundo-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:RX100;src:url(/vendor/fonts/rx100.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roundo fallback;src:local(Arial);size-adjust:103%;ascent-override:92%;descent-override:22%;line-gap-override:9%}@font-face{font-family:RX100 fallback;src:local(Arial);size-adjust:85%;ascent-override:97%;descent-override:26%;line-gap-override:9%}:root{--ground:#4a95e1;--ink:#2b1440;--accent:#ee6008;--green:#7ec32b;--grape:#8a35a8;--cream:#f4efe2;--cream-2:color-mix(in oklch,var(--cream),var(--ink)8%);--cream-3:color-mix(in oklch,var(--cream),var(--ink)20%);--ink-2:color-mix(in oklch,var(--ink),var(--cream)40%);--green-dk:color-mix(in oklch,var(--green),var(--ink)36%);--grape-dk:color-mix(in oklch,var(--grape),var(--ink)40%);--accent-dk:color-mix(in oklch,var(--accent),var(--ink)34%);--scrim:oklch(from var(--ink)l c h/.6);--t-hero:clamp(30px,4.4vw,58px);--t-head:clamp(19px,1.9vw,26px);--t-body:clamp(14px,1vw,17px);--t-label:13px;--t-micro:11px;--display:"Roundo","Roundo fallback",system-ui,sans-serif;--read:"RX100","RX100 fallback",ui-monospace,monospace;--pad:16px;--radius:20px;--radius-inner:max(0px,calc(var(--radius) - var(--pad)));--lift-1:0 4px 0 0 oklch(from var(--ink)l c h/.26),0 9px 18px -6px oklch(from var(--ink)l c h/.3),inset -4px -6px 12px 0 oklch(from var(--ink)l c h/.14),inset 4px 6px 12px 0 #ffffff8c;--lift-2:0 10px 0 0 oklch(from var(--ink)l c h/.32),0 26px 54px -12px oklch(from var(--ink)l c h/.5),inset -6px -9px 18px 0 oklch(from var(--ink)l c h/.16),inset 7px 9px 18px 0 #fff9;--lift-in:inset 5px 7px 14px 0 oklch(from var(--ink)l c h/.3),inset -4px -5px 12px 0 #ffffff59;--lift-key:0 6px 0 0 var(--key-shade,var(--green-dk)),0 10px 15px -5px oklch(from var(--ink)l c h/.42),inset -4px -6px 10px 0 oklch(from var(--ink)l c h/.22),inset 5px 6px 10px 0 #fff6;--lift-key-down:0 1px 0 0 var(--key-shade,var(--green-dk)),0 3px 7px -3px oklch(from var(--ink)l c h/.38),inset -4px -6px 10px 0 oklch(from var(--ink)l c h/.24),inset 5px 6px 10px 0 #ffffff4d;--bevel-bar:inset 0 4px 8px 0 #fff6,inset 0 -5px 10px 0 oklch(from var(--ink)l c h/.18);--bevel-dot:inset 2px 3px 4px 0 #ffffffb3,inset -2px -3px 4px 0 oklch(from var(--ink)l c h/.35);--bevel-well:inset 0 5px 10px 0 oklch(from var(--ink)l c h/.2);--lift-none:none;--z-desk:0;--z-page:10;--z-tv:20;--z-chrome:30;--z-overlay:40;--z-gate:50;--ease:cubic-bezier(.2,.9,.25,1);--dur:.2s;--margin:clamp(12px,2.2vw,30px)}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--ground)url(/assets/room.webp) center/cover no-repeat fixed;min-height:100%;color:var(--ink);font-family:var(--display);font-weight:500;font-size:var(--t-body);font-synthesis:none;-webkit-text-size-adjust:100%;margin:0}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}img{max-width:100%;display:block}button,a.key,input{font:inherit;color:inherit;background:0 0;border:0}button,a.key{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.desk{z-index:var(--z-desk);background:radial-gradient(130% 100% at 50% 30%,transparent 42%,oklch(from var(--ink)l c h/.46)100%);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.wrap{z-index:var(--z-page);min-height:100dvh;padding:var(--margin);display:flex;position:relative}.win{background:var(--cream);border-radius:var(--radius);width:min(100%,1040px);box-shadow:var(--lift-2);margin:auto;overflow:hidden}.win__bar{padding:calc(var(--pad)*.55)calc(var(--pad)*.75);background:var(--green);color:var(--ink);box-shadow:var(--bevel-bar);align-items:center;gap:10px;display:flex}.win__icon{border-radius:50%;flex:none;width:20px;height:20px}.win__title{font-family:var(--read);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;flex:1}.win__dots{gap:6px;display:flex}.win__dots i{background:var(--cream);width:14px;height:14px;box-shadow:var(--bevel-dot);border-radius:50%}.win__dots i.is-hot{background:var(--grape)}.win__grid{gap:var(--pad);padding:var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.col{gap:var(--pad);align-content:start;min-width:0;display:grid}.tv{padding:calc(var(--pad)*.6);border-radius:var(--radius);background:var(--cream-2);box-shadow:var(--lift-in);position:relative}.tv__osd,.tv__bars{top:calc(var(--pad)*1.1);z-index:var(--z-tv);font-family:var(--read);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;position:absolute}.tv__osd{left:calc(var(--pad)*1.1);color:var(--cream)}.tv__bars{right:calc(var(--pad)*1.1);gap:3px;display:flex}.tv__bars i{border-radius:999px;width:12px;height:12px}.tv__bars i:first-child{background:var(--accent)}.tv__bars i:nth-child(2){background:var(--green)}.tv__bars i:nth-child(3){background:var(--grape)}.tv__bars i:nth-child(4){background:var(--cream)}.tv__screen{aspect-ratio:1;border-radius:var(--radius-inner);background:var(--ground)url(/assets/room.webp) 50% 64%/cover no-repeat;position:relative;overflow:hidden}.tv__screen:after{content:"";z-index:var(--z-tv);pointer-events:none;background:repeating-linear-gradient(oklch(from var(--ink)l c h/.16)0 1px,transparent 1px 4px);position:absolute;top:0;bottom:0;left:0;right:0}.tv__v{object-fit:cover;transform-origin:50% 100%;width:100%;height:100%;transition:transform .26s var(--ease),filter .26s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.tv__strip{margin-top:calc(var(--pad)*.55);padding:calc(var(--pad)*.35)calc(var(--pad)*.6);background:var(--green);box-shadow:var(--lift-1);font-family:var(--read);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;display:flex;overflow:hidden}.tv__vu{flex:none;align-items:flex-end;gap:3px;height:14px;display:flex}.tv__vu i{background:var(--green-dk);border-radius:999px;width:4px;height:4px;transition:height 90ms linear,background 90ms linear}.tv__vu i.on{background:var(--accent)}.tv__now{text-overflow:ellipsis;overflow:hidden}.big{border-radius:var(--radius);background:var(--grape);min-height:84px;color:var(--cream);font-family:var(--display);font-weight:700;font-size:var(--t-head);letter-spacing:.1em;text-transform:uppercase;--key-shade:var(--grape-dk);box-shadow:var(--lift-key);transition:box-shadow var(--dur)var(--ease),transform var(--dur)var(--ease);place-items:center;display:grid;position:relative}.big:hover{transform:translateY(-2px)}.big:active{box-shadow:var(--lift-key-down);transform:translateY(5px)}.peek{min-width:0;padding:calc(var(--pad)*.7);border-radius:var(--radius);background:var(--cream-2);box-shadow:var(--lift-in)}.peek__view{min-width:0;margin-top:calc(var(--pad)*.45);overflow:hidden}.peek__track{gap:8px;width:max-content;animation:26s linear infinite roll;display:flex}.peek__track img{object-fit:cover;border-radius:var(--radius-inner);width:84px;height:84px;box-shadow:var(--lift-1);cursor:pointer}@keyframes roll{to{transform:translate(-50%)}}.crumb{font-family:var(--read);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}.crumb:before{content:"> "}.wordmark{width:100%;height:auto;margin:0}.tag{font-family:var(--display);font-weight:700;font-size:var(--t-head);letter-spacing:-.015em;text-align:center;color:var(--grape);margin:0;line-height:1.05}.panel{padding:var(--pad);border-radius:var(--radius);background:var(--cream-2);box-shadow:var(--lift-in)}.label{margin:0 0 calc(var(--pad)*.5);font-family:var(--read);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:400}.label:before{content:"> "}.prose{margin:0 0 calc(var(--pad)*.6);max-width:54ch;color:var(--ink-2);line-height:1.5}.ca{margin:0 0 calc(var(--pad)*.6);font-family:var(--read);font-size:var(--t-label);font-variant-numeric:tabular-nums;word-break:break-all;color:var(--ink);line-height:1.45}.keys{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.key{border-radius:var(--radius-inner);background:var(--green);min-height:50px;color:var(--ink);font-family:var(--display);font-weight:700;font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;--key-shade:var(--green-dk);box-shadow:var(--lift-key);transition:box-shadow var(--dur)var(--ease),transform var(--dur)var(--ease);justify-content:center;align-items:center;gap:9px;padding:0 16px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.key:hover{transform:translateY(-2px)}.key:active,.key.is-down{box-shadow:var(--lift-key-down);transform:translateY(5px)}.key[aria-disabled=true]{opacity:.42;pointer-events:none}.key .mark{flex:none;width:18px;height:18px}.key__cap{position:relative}.key--copy{background:var(--grape);width:100%;color:var(--cream);--key-shade:var(--grape-dk)}.key--gate{background:var(--accent);color:var(--cream);--key-shade:var(--accent-dk);min-height:72px;font-size:var(--t-head);border-radius:var(--radius);padding:0 38px}.win__strip{padding:calc(var(--pad)*.5)calc(var(--pad)*.75);background:var(--green);box-shadow:var(--bevel-well);font-family:var(--read);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);overflow:hidden}.marquee{white-space:nowrap;min-width:0;display:block;overflow:hidden}.marquee__t{padding-left:100%;animation:22s linear infinite mq;display:inline-block}@keyframes mq{to{transform:translate(-100%)}}.vol{left:var(--margin);bottom:var(--margin);z-index:var(--z-chrome);padding:calc(var(--pad)*.5)calc(var(--pad)*.7);background:var(--cream);box-shadow:var(--lift-2);border-radius:999px;align-items:center;gap:10px;display:flex;position:fixed}.vol__mute{background:var(--accent);color:var(--cream);font-family:var(--read);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;--key-shade:var(--accent-dk);box-shadow:var(--lift-key);border-radius:999px;padding:6px 12px}.vol__mute[aria-pressed=false]{background:var(--cream-3);color:var(--ink-2);--key-shade:var(--cream-3)}.vol__lab{font-family:var(--read);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.vol__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border-radius:999px;width:92px}.vol__slider:focus{outline:3px solid var(--accent);outline-offset:4px}.vol__slider::-webkit-slider-runnable-track{background:var(--cream-2);height:10px;box-shadow:var(--lift-in);border-radius:999px}.vol__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--grape);width:18px;height:18px;box-shadow:var(--lift-key);--key-shade:var(--grape-dk);border-radius:50%;margin-top:-4px}.vol__slider::-moz-range-track{background:var(--cream-2);height:10px;box-shadow:var(--lift-in);border-radius:999px}.vol__slider::-moz-range-thumb{background:var(--grape);width:18px;height:18px;box-shadow:var(--lift-key);--key-shade:var(--grape-dk);border:0;border-radius:50%}.dir{border-radius:var(--radius);background:var(--cream);width:min(94vw,880px);max-height:88dvh;box-shadow:var(--lift-2);z-index:var(--z-overlay);border:0;padding:0;overflow:hidden}.dir::backdrop{background:var(--scrim)}.dir__x{border-radius:calc(var(--radius)/3);background:var(--grape);width:30px;height:26px;color:var(--cream);font-family:var(--read);font-size:var(--t-micro);--key-shade:var(--grape-dk);box-shadow:var(--lift-key)}.dir__x:active{box-shadow:var(--lift-key-down);transform:translateY(4px)}.dir__grid{gap:var(--pad);padding:var(--pad);overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-height:calc(88dvh - 60px);display:grid;overflow:auto}.dir figure{padding:calc(var(--pad)*.45);border-radius:var(--radius);background:var(--cream-2);box-shadow:var(--lift-1);margin:0}.dir figure img{border-radius:var(--radius-inner);width:100%;height:auto}.dir figcaption{font-family:var(--read);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:8px 4px 2px}.gate{z-index:var(--z-gate);background:var(--ground)url(/assets/room.webp) center/cover no-repeat;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.gate:before{content:"";-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:oklch(from var(--ink)l c h/.3);position:absolute;top:0;bottom:0;left:0;right:0}.gate__inner{padding:var(--margin);justify-items:center;gap:max(18px,min(4vh,44px));transition:transform .8s cubic-bezier(.3,0,.2,1),opacity .8s linear;display:grid;position:relative}.gate__mark{width:min(74vw,520px);height:auto}.gate.is-out{pointer-events:none;opacity:0;transition:opacity .6s linear .2s}.gate.is-out .gate__inner{opacity:0;transform:translate(-130vw)rotate(-22deg)}.noscript{z-index:var(--z-overlay);padding:var(--pad);background:var(--cream);text-align:center;margin:0;position:fixed;bottom:0;left:0;right:0}@media (max-width:880px){:root{--radius:16px;--pad:13px}body{background-position:64% 0;background-attachment:scroll}.win__grid{flex-direction:column;align-items:stretch;display:flex}.col{display:contents}.crumb{order:1}.wordmark{order:2}.tag{order:3}.tv{order:4}.big{order:5}.panel{order:6}.panel--ca{order:7}.keys{order:8}.peek{order:9}.peek__track img{width:72px;height:72px}.dir__grid{grid-template-columns:minmax(0,1fr)}.big{min-height:68px}.vol{left:var(--margin);right:var(--margin);justify-content:center}.wrap{padding-bottom:calc(var(--margin)*2 + 52px)}}@media (prefers-reduced-motion:reduce){.tv__f{animation:none}.marquee__t{padding-left:0;animation:none}.peek__track{animation:none}.gate__inner,.gate.is-out{transition-duration:1ms}}