@import url('/shared/menu-ui.css');
@import url('/looming-ui.css');
@import url('/menu-correction.css');
@import url('/menu-audio.css');
@import url('/menu-items.css');
@import url('/menu-utilities.css');
@import url('/menu-composition-v2.css');
@font-face{font-family:'Umbras DIN';src:url('/fonts/urw-din-regular.otf') format('opentype');font-display:swap;font-weight:400}
:root{font-family:'Umbras DIN','Segoe UI',Arial,sans-serif;font-synthesis:none;--paper:#f5f4ef;--ink:#090909;--muted:#464642;--rule:#0909094d;--face:#f5f4efd9;--panel:#f5f4eff5;--shadow:#000;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--motion-fast:180ms;--motion-blink:360ms;--ease:cubic-bezier(.16,1,.3,1);--cut:36px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);isolation:isolate;-webkit-font-smoothing:antialiased}body[data-theme=dark]{--paper:#090909;--ink:#f5f4ef;--muted:#c6c5be;--rule:#f5f4ef68;--face:#090909cb;--panel:#090909f5;--shadow:#000;color-scheme:dark}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}button{border:0;background:none;border-radius:0}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-layer{position:fixed;inset:0;z-index:-4;background:var(--paper) url('/scene-room.png') 60% center/cover no-repeat;pointer-events:none}.contrast-layer{position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(110deg,#0000 42%,#0002 100%);mix-blend-mode:multiply}.readability-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#f5f4efef 0%,#f5f4efd9 29%,#f5f4ef7a 43%,#f5f4ef00 63%)}body[data-theme=dark] .scene-layer{background-image:url('/scene-room-dark.png')}body[data-theme=dark] .readability-layer{background:linear-gradient(90deg,#090909f5 0%,#090909de 29%,#09090973 48%,#09090908 100%)}body[data-page=true] .readability-layer{background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 70%,transparent) 70%,transparent)}
.utility{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:24px 5.25vw;gap:24px;z-index:2}.small-brand{display:flex;align-items:center;min-height:44px;width:122px;visibility:hidden}.small-brand .wordmark{width:100%;height:auto}.theme-control{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:86px;min-height:44px;padding:0 12px 0 0;font-size:14px;letter-spacing:.02em;background:none;border:0}.theme-frame{position:absolute;inset:0;width:100%;height:100%;fill:var(--face);stroke:var(--ink);stroke-width:1;pointer-events:none}.theme-label{position:relative}.primary-row{padding-bottom:24px}body[data-page=true] .small-brand{visibility:visible}
#app{min-height:100svh;padding:clamp(125px,18.5vh,220px) 5.25vw 34px;display:flex;flex-direction:column}.home{width:min(34vw,540px);min-width:420px}.brand{margin:0;width:100%;line-height:0}.wordmark{display:block;width:100%;height:auto;overflow:visible;fill:var(--ink)}.logo-cast{opacity:1;transform:none;pointer-events:none}.logo-projection{fill:var(--ink);opacity:.16}.logo-contact{fill:var(--ink);opacity:.42}.small-brand .logo-projection{opacity:.1}.logo-face{fill:var(--ink)}.brand-rule{width:91%;height:1px;background:var(--ink);opacity:.5;margin:24px 0 34px}.menu-stack{display:grid;gap:21px;width:100%;padding-right:4px}.menu-row{position:relative}.menu-action{display:block;position:relative;isolation:isolate;min-height:78px;height:clamp(76px,8.4vh,90px);outline:none;font-size:clamp(28px,2.65vw,43px);line-height:1;transition:transform var(--motion-fast) var(--ease);-webkit-tap-highlight-color:transparent}.menu-action.primary{height:clamp(84px,9vh,100px);color:var(--paper)}.button-frame,.button-shadow,.button-contact{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.button-frame path{fill:var(--face);stroke:var(--ink);stroke-width:1}.primary .button-frame path{fill:var(--ink);stroke:var(--ink)}.button-shadow{z-index:-1;fill:var(--shadow);opacity:0;transform:translate(0,0);transition:opacity var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease)}.button-contact{z-index:-1;fill:var(--ink);opacity:.78}.shadow-edge{fill:none;stroke:var(--paper);stroke-width:.75;stroke-opacity:.68}.button-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8.6% 0 27px;gap:20px}.primary .button-content{padding-right:8%}.eye{width:66px;height:32px;flex:none;overflow:visible}.eye-white{fill:var(--paper)}.eye-pupil{fill:var(--ink)}.eye-open{transform-origin:42px 18px}.eye-closed{fill:none;stroke:var(--paper);stroke-width:2;opacity:0}.has-blink .eye-open{animation:blink var(--motion-blink) var(--ease) 1}.has-blink .eye-closed{animation:lid var(--motion-blink) var(--ease) 1}.play-status{position:relative;z-index:2;display:block;text-align:right;background:var(--paper);width:max-content;max-width:100%;padding:0 4px;font-size:12px;line-height:1.4;color:var(--muted);margin:8px 5% -2px auto;letter-spacing:.015em}.menu-action:focus-visible,.menu-action.is-focus{outline:2px solid var(--ink);outline-offset:7px}.menu-action:focus-visible .button-shadow,.menu-action.is-focus .button-shadow,.menu-action.is-hover .button-shadow{opacity:.95;transform:translate(8px,10px)}.menu-action:focus-visible.secondary,.menu-action.is-focus.secondary,.menu-action.is-hover.secondary{color:var(--paper)}.menu-action:focus-visible.secondary .button-frame path,.menu-action.is-focus.secondary .button-frame path,.menu-action.is-hover.secondary .button-frame path{fill:var(--ink)}.menu-action:active,.menu-action.is-pressed{transform:translate(6px,7px)}.menu-action:active .button-shadow,.menu-action.is-pressed .button-shadow{opacity:.95;transform:translate(3px,4px)}
.content-page{width:min(970px,100%);margin-top:-50px}.back-control{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:10px 16px 10px 0;margin-bottom:24px;font-size:17px}.back-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.panel-surface{position:relative;isolation:isolate;background:none}.panel-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:var(--panel);z-index:-1;stroke:var(--ink);stroke-width:1}.panel-body{position:relative;padding:40px}.page-heading{margin-bottom:36px}.eyebrow{margin:0 0 14px;font-size:12px;line-height:1.3;letter-spacing:.04em;color:var(--muted)}h2{font-weight:400;font-size:clamp(34px,3.4vw,52px);line-height:1.08;margin:0;letter-spacing:-.015em}h2:focus{outline:none}h3{font-size:23px;line-height:1.25;font-weight:400;margin:0}p{font-size:17px;line-height:1.6;margin:0 0 18px;max-width:64ch}p:last-child{margin-bottom:0}.note{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;border-top:1px solid var(--rule);padding:26px 0}.note:last-child{padding-bottom:0}.note:last-child p{color:var(--muted)}.video-frame{margin:0;background:#080808;color:#f5f4ef}.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080808}.video-frame figcaption{padding:12px 16px;font-size:13px;border-top:1px solid #ffffff40;color:#dddcd4}.video-fallback{padding:18px;font-size:16px}.video-fallback a{text-decoration:underline;text-underline-offset:4px}.diary-caption{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;margin-top:26px}.diary-caption p{font-size:16px;color:var(--muted)}.patrons-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;border-top:1px solid var(--rule);padding-top:26px}.patrons-layout h3{margin-bottom:24px}.patrons-layout p{color:var(--muted)}.empty,.credits{font-size:22px;line-height:1.4}.credits{padding:0;list-style:none;margin:0}.credits a,.text-link{text-decoration:underline;text-underline-offset:5px}.key-hint{margin-top:auto;padding-top:64px;font-size:15px;line-height:1.4;display:flex;gap:22px}.key-hint>span{display:flex;align-items:center;gap:11px}kbd{font:inherit;border:1px solid var(--rule);padding:3px 7px;min-width:42px;text-align:center;background:var(--face)}
@keyframes blink{0%,24%,100%{transform:scaleY(1)}46%,56%{transform:scaleY(.045)}}@keyframes lid{0%,25%,75%,100%{opacity:0}45%,57%{opacity:1}}
@media(hover:hover) and (pointer:fine){.menu-action:hover .button-shadow{opacity:.95;transform:translate(8px,10px)}.menu-action:hover.secondary{color:var(--paper)}.menu-action:hover.secondary .button-frame path{fill:var(--ink)}.back-control:hover{opacity:.66}.theme-control:hover{color:var(--paper)}.theme-control:hover .theme-frame{fill:var(--ink)}}
@media(max-width:760px){.utility{padding:18px 24px}.scene-layer{background-position:62% center}.readability-layer{background:linear-gradient(90deg,#f5f4eff5,#f5f4efcc 70%,#f5f4ef8c)}body[data-theme=dark] .readability-layer{background:linear-gradient(90deg,#090909f5,#090909d4 75%,#09090990)}#app{padding:145px 24px 26px}.home{width:100%;min-width:0;max-width:510px}.brand-rule{margin:22px 0 30px;width:90%}.menu-stack{gap:20px;padding-right:8px}.menu-action{height:68px;min-height:68px;font-size:30px}.menu-action.primary{height:78px}.button-content{padding-left:22px}.eye{width:53px;height:27px}.play-status{font-size:12px;margin-top:7px}.logo-cast{transform:none}.content-page{margin-top:-36px}.panel-body{padding:30px 24px}.page-heading{margin-bottom:30px}.note{grid-template-columns:1fr;gap:16px;padding:24px 0}.note h3{font-size:21px}p{font-size:16px}.diary-caption{grid-template-columns:1fr;gap:14px}.patrons-layout{grid-template-columns:1fr;gap:36px}.patrons-layout h3{margin-bottom:17px}.key-hint{padding-top:56px;font-size:14px}.small-brand{width:104px}}
@media(max-height:650px) and (min-width:761px){#app{padding-top:90px}.home{width:400px;min-width:0}.brand-rule{margin:15px 0 20px}.menu-stack{gap:12px}.menu-action{height:58px;min-height:58px;font-size:28px}.menu-action.primary{height:65px}.key-hint{padding-top:35px}.content-page{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.system-page .readability-layer{background:var(--paper);opacity:.93}.system-header{padding:24px 5.25vw;display:flex;justify-content:space-between;align-items:center}.system-shell{max-width:1180px;padding:30px 5.25vw 90px;margin:auto}.system-shell h1{font-size:60px;font-weight:400;margin:0 0 18px;letter-spacing:-.03em}.system-intro{color:var(--muted);font-size:20px}.system-shell>section{margin-top:64px}.system-shell h2{font-size:36px;margin-bottom:28px}.system-shell h3{font-size:18px;margin-bottom:20px}.system-shell p{color:var(--muted);margin-top:24px}.layer-list{font-size:17px;line-height:1.7;padding-left:22px}.scene-samples,.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.scene-samples figure{margin:0}.scene-samples img{display:block;width:100%;height:auto}.scene-samples figcaption{margin-top:12px;font-size:14px}.scene-processed{filter:none}.system-wordmark{width:min(620px,100%);padding-bottom:100px}.state-grid{row-gap:42px}.state-grid .menu-action{font-size:28px;height:80px}.secondary-sample{max-width:520px;display:grid;gap:24px;margin-bottom:48px}.system-shell table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.system-shell th,.system-shell td{text-align:left;padding:15px 20px 15px 0;border-top:1px solid var(--rule);vertical-align:top}.system-shell td:first-child{width:24%}.system-shell th{font-weight:400;color:var(--muted)}
@media(max-width:760px){.system-header{padding:20px 24px}.system-shell{padding:30px 24px 70px}.system-shell h1{font-size:44px}.scene-samples,.state-grid{grid-template-columns:1fr}.system-shell>section{margin-top:48px}.system-shell td:first-child{width:32%}}

@font-face{font-family:'Umbras DIN';src:url('/fonts/urw-din-bold.otf') format('opentype');font-display:swap;font-weight:700;font-style:normal}