.lcd{--u:clamp(.8px, min(100vw / 1920, 100svh / 1080), 1.3px);--gutter:calc(183.75 * var(--u));--pad-x:var(--gutter);font-family:var(--font-sans);--tracking:normal;--tracking-display:-.04em;--lh-text:1.6;--w-light:400;--t-display:46;--t-lead:25;--t-body:18;--t-small:15;--t-micro:12;color:var(--ink);background:var(--surface);flex-direction:column;min-height:100svh;display:flex}.lcd :where(h1,h2,p,ul,ol){margin:0}.lcd :where(ul,ol){padding:0;list-style:none}.lcd a{color:inherit;text-decoration:none}@view-transition{navigation:auto}.lcd-header{padding:calc(63 * var(--u)) var(--pad-x) 0;flex:none}.lcd-mark{text-transform:uppercase;white-space:nowrap;font-size:calc(16 * var(--u));font-weight:var(--w-medium);line-height:var(--lh-text);letter-spacing:var(--tracking-mark);font-variation-settings:"wdth" var(--wdth-mark);view-transition-name:lcd-mark;display:block}.lcd-intro{padding-inline:var(--pad-x);text-align:center;flex:1;grid-template-rows:1fr auto 1fr;justify-items:center;display:grid;container-type:inline-size}.lcd-statement{grid-row:2;align-self:center}.lcd-enter{opacity:0;animation:.7s both lcd-cue-in}@keyframes lcd-cue-in{0%{opacity:0}to{opacity:1}}.lcd-statement{text-transform:uppercase;font-size:min(calc(var(--t-display) * var(--u)), 6.2cqw);letter-spacing:var(--tracking-display);font-variation-settings:"wdth" var(--wdth-display);view-transition-name:lcd-statement;font-weight:600;line-height:1.05}.lcd-line{display:block}.lcd-word{vertical-align:top;white-space:nowrap;max-width:0;margin-block:-.14em;padding-block:.14em;animation:.62s cubic-bezier(.33,1,.68,1) both lcd-word-in;display:inline-block;overflow:hidden}.lcd-word>span{animation:.76s cubic-bezier(.33,1,.68,1) both lcd-word-ink;animation-delay:inherit;display:inline-block}@keyframes lcd-word-in{to{max-width:16em}}@keyframes lcd-word-ink{0%{opacity:0}to{opacity:1}}.lcd-enter{margin-bottom:calc(63 * var(--u));align-self:end;align-items:center;gap:calc(10 * var(--u));padding-block:calc(14 * var(--u));font-family:var(--font-mono);font-size:calc(var(--t-micro) * var(--u));font-weight:var(--w-light);line-height:var(--lh-text);text-transform:uppercase;color:var(--ink-muted);grid-row:3;transition:color .15s;display:inline-flex}.lcd-enter:hover{color:var(--ink)}.lcd-enter span{animation:3.2s ease-in-out infinite lcd-nudge;display:inline-block}@keyframes lcd-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(calc(4 * var(--u)))}}.lcd-index{padding-inline:var(--pad-x);flex:1;grid-template-rows:1fr auto 1fr;place-items:center;display:grid}.lcd-doors{gap:calc(64 * var(--u));grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:100%;display:grid}.lcd-door{text-align:center;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.2,0,0,1);display:flex}.lcd-door:hover,.lcd-door:focus-visible{transform:translateY(calc(-10 * var(--u)));outline:none}.lcd-fig{margin-bottom:calc(22 * var(--u));justify-content:center;display:flex}.lcd-fig img{width:calc(150 * var(--u));max-width:100%;height:auto}.lcd-door-name{font-size:calc(16 * var(--u));font-weight:var(--w-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase;font-variation-settings:"wdth" var(--wdth-mark);margin:0;line-height:1.2}.lcd-door-role{margin-top:calc(9 * var(--u));max-width:none;font-size:calc(var(--t-small) * var(--u));font-weight:var(--w-light);line-height:var(--lh-text);color:var(--ink-muted)}.lcd-door-state{margin-top:calc(9 * var(--u));font-size:calc(var(--t-micro) * var(--u));font-weight:var(--w-light);line-height:var(--lh-text);letter-spacing:normal;color:var(--ink-muted)}.lcd-back{margin-bottom:calc(63 * var(--u));font-family:var(--font-mono);font-size:calc(var(--t-micro) * var(--u));font-weight:var(--w-light);text-transform:uppercase;color:var(--ink-muted);grid-row:3;align-self:end;transition:color .15s}.lcd-back:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){.lcd-word,.lcd-word>span{opacity:1;max-width:none;animation:none}.lcd-enter,.lcd-enter span{opacity:1;animation:none}.lcd-door{transition:none}@view-transition{navigation:none}}@media (max-width:760px){.lcd{--pad-x:32px;--t-display:36;--t-lead:23;--t-body:18;--t-small:15;--t-micro:12}.lcd-header{padding-top:40px}.lcd-doors{grid-template-columns:minmax(0,1fr);gap:48px}.lcd-fig{margin-bottom:20px}.lcd-fig img{width:150px}.lcd-index{flex-direction:column;padding:32px 32px 48px;display:flex}.lcd-back{align-self:center;margin:40px 0 0}}