@font-face{font-family:'Space Grotesk';font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400.woff2) format('woff2')}@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format('woff2')}

*{box-sizing:border-box}
html,body{margin:0;background:#06080c;color:#e0e2df}
body{font-family:'Space Grotesk',sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid #e8ae88;outline-offset:5px}
button:disabled{opacity:.5;cursor:default}
.scene{height:100svh;min-height:560px;position:relative;isolation:isolate;overflow:hidden}
.sky{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.masthead{position:absolute;inset:30px 38px auto;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:2}
.brand{display:flex;align-items:center;gap:12px}
.emblem{width:36px;height:36px;color:#d5dbda;flex-shrink:0}
.brand-type{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.brand-word{display:block;width:111px;height:auto;stroke-width:3.3;color:#e1e3dd}
.brand-labs{font:8px/1 'IBM Plex Mono',monospace;letter-spacing:4.7px;color:#a5afaf;padding-left:1px}
.contact{font:12px 'IBM Plex Mono',monospace;letter-spacing:.015em;padding:12px 0;color:#b4babb;min-height:44px;display:flex;align-items:center}
.home{color:#f4dfc4;text-decoration:underline;text-decoration-color:#666e71;text-underline-offset:4px;white-space:nowrap}.home:hover{text-decoration-color:currentColor}
.contact:hover{color:#fff}.contact .short{display:none}
.headword{position:absolute;top:27%;left:0;right:0;font-size:16px;line-height:1;margin:0;padding:0;display:flex;justify-content:center}
.hero-word{display:block;width:min(64vw,720px);height:auto;overflow:visible;color:#d8dfdc;filter:drop-shadow(0 0 26px #020405)}
.entry{position:absolute;left:24px;right:24px;top:79%;text-align:center}
.lexicon{font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.03em;color:#9fa6a7;display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 15px}
.lexicon .divider{width:16px;height:1px;background:#666e71}
.definition{font-size:17px;letter-spacing:-.15px;line-height:1.6;margin:0 auto;max-width:650px;text-wrap:balance;color:#cdd0cb}
.foot{position:absolute;left:40px;right:40px;bottom:26px;display:flex;justify-content:flex-end;align-items:center}
.quiet{font:12px 'IBM Plex Mono',monospace;letter-spacing:.015em;background:none;border:0;padding:10px 0;color:#989fa1;min-height:44px}
.quiet:hover{color:#f4dfc4}.motion:before{content:'Ⅱ';font-size:12px;padding-right:8px}.motion[aria-pressed=true]:before{content:'▷'}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){
 .masthead{inset:21px 23px auto}.emblem{width:31px;height:31px}.brand{gap:9px}.brand-word{width:95px}.brand-type{gap:5px}.brand-labs{font-size:7px;letter-spacing:4px}
 .contact .full{display:none}.contact .short{display:inline}
 .headword{top:29%}.hero-word{width:84vw;stroke-width:2.6}
 .entry{top:75%;left:27px;right:27px}.definition{font-size:15px;max-width:340px}.lexicon{font-size:11px;gap:15px}
 .foot{left:24px;right:24px;bottom:18px}
}
@media(max-height:700px){.entry{top:73%}.foot{bottom:12px}}
@media(max-width:700px) and (max-height:700px){.entry{top:66%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}