:root{color:#d5d5d1;background:#080b0d}body{background:#080b0d}header{z-index:12;top:30px}.identity{font-size:21px;font-weight:500;letter-spacing:-.6px}.identity span{color:#b3b7b7}.edition{color:#c3c9c9}.quiet{color:#dcded9;background:#0e1316a8;border-color:#b3c0c02b;border-radius:3px}.quiet small{color:#b9c0bd}.identity span{display:none}body:not(.entered) #ceiling-toggle{visibility:hidden}#threshold{position:fixed;inset:0;z-index:8;overflow:hidden;background:#111719;touch-action:none}#threshold[hidden]{display:none}#threshold>canvas{position:absolute;inset:0;width:100%;height:100%}.entry-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#d4d9d51b 1px,transparent 1px),linear-gradient(to bottom,#d4d9d51b 1px,transparent 1px);background-size:16.6667vw 25vh;opacity:.6;transition:opacity 1s,transform 2.4s}.entry-grid:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03090c30,transparent 55%,#03090c10)}#intro{position:absolute;inset:0;max-width:none;pointer-events:none;transition:none}#intro .eyebrow{position:absolute;left:5%;top:18%;color:#d0d3d0;font-size:12px;letter-spacing:.2em;animation:none}#intro h1{position:absolute;left:15.8%;top:23.5%;margin:0;font-size:clamp(120px,20.8vw,340px);font-weight:580;line-height:.77;letter-spacing:-.078em;color:#d3d7d1;animation:none;transition:filter 1.2s,opacity 1.1s;mix-blend-mode:screen}#intro h1 .name-line{display:block;overflow:hidden;padding:.01em .12em .1em 0;background:none;color:inherit}#intro h1 .name-line:last-child{margin-left:15vw}#intro h1 b{font:inherit;display:inline-block;transition:transform 1.8s cubic-bezier(.76,0,.24,1),opacity 1.2s;will-change:transform}#intro .intro-sub{position:absolute;left:5%;bottom:9%;margin:0;font-size:14px;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#d2d6d3;animation:none}#intro .intro-sub small{font-size:12px;color:#bcc3c0;opacity:.8}#enter{position:absolute;right:5%;bottom:10%;padding:16px 0;min-width:165px;display:block;border:0;border-top:1px solid #dce2da70;border-radius:0;background:none;text-align:left;box-shadow:none;color:#e1e3de;pointer-events:auto;font-size:17px;animation:none!important}#enter:disabled{opacity:.45}#enter:hover{transform:none;background:none;border-color:#fff}#enter small{margin-top:6px;opacity:.7}#intro .scroll-cue{position:absolute;right:5%;bottom:5.4%;color:#bbc4c2;margin:0;font-size:12px}.entry-note{position:absolute;left:5%;top:calc(18% + 27px);font-size:12px;color:#b7bfbc;pointer-events:none;letter-spacing:.06em;transition:opacity .5s}.touched .entry-note{opacity:0}.entry-index{position:absolute;right:5%;top:18%;font-size:12px;letter-spacing:.1em;color:#c6cecb}.crossing{background:transparent!important;pointer-events:none}.crossing .entry-grid{opacity:0;transform:scale(1.3)}.crossing #intro h1 b{transform:translateY(-115%);opacity:0}.crossing #intro .name-line:last-child b{transform:translateY(115%);transition-delay:.09s}.crossing #intro .eyebrow,.crossing #intro .intro-sub,.crossing #enter,.crossing .scroll-cue,.crossing .entry-note,.crossing .entry-index{opacity:0;transition:opacity .45s}.entered #intro{opacity:1;transform:none;filter:none}#loading{z-index:14;bottom:25px;left:5%;color:#bfc9c6;background:#0b101455;padding:8px 12px;font-size:12px}#loading.hidden{display:none}#light-invitation{position:fixed;z-index:4;right:5%;top:115px;text-align:right;max-width:250px;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s;pointer-events:none}#light-invitation strong{display:block;font-size:24px;font-weight:400;letter-spacing:-.6px}#light-invitation small{margin-top:8px;color:#b6bfbc;opacity:.8}.entered:not(.travelling):not(.lit) #light-invitation{opacity:1;transform:none}#nav{background:#0c1013d4;border:1px solid #79858b3a;border-radius:4px;box-shadow:0 15px 40px #0005;padding:5px}#nav button{color:#bbc2c1;border-radius:2px}#nav button:hover,#nav button.active{background:#ced6cd;color:#161d20}#tooltip{background:#11181beb;color:#e0e5e0;border-color:#ffffff26;border-radius:4px}#journey{background:#10181bb8;color:#d2dbd7;border:1px solid #a5b2b32b;border-radius:3px}footer{color:#9da7a5}#hint small,.controls-hint small{opacity:.7}body:not(.entered) footer{visibility:hidden}#toast{border-radius:4px;border:1px solid #fff2;background:#131c20}dialog::backdrop{background:#020507a8;backdrop-filter:blur(10px)}.viewing #light-invitation{display:none}.portrait-failed{background:#172023}body:not(.entered) #journey{display:none}
@media(max-width:700px){header{top:23px;left:24px;right:24px}.identity{font-size:20px}.quiet{padding:9px 12px}.quiet small{display:none}.entry-grid{background-size:25vw 20vh}#intro{inset:0;max-width:none}#intro .eyebrow{left:7%;top:18%;font-size:12px}#intro h1{left:5.5%;top:34%;font-size:39vw;line-height:.82}#intro h1 .name-line:last-child{margin-left:12vw}#intro .intro-sub{left:7%;bottom:22%;font-size:13px}#intro .intro-sub small{font-size:12px}#enter{left:7%;right:7%;bottom:10%;min-width:0;font-size:16px;padding:13px 0}#intro .scroll-cue{left:7%;right:auto;bottom:5.5%}.entry-note{left:7%;top:calc(18% + 24px);font-size:12px}.entry-index{right:7%;top:23%;font-size:12px}#loading{bottom:4px;left:5%;font-size:12px;padding:4px 6px}#light-invitation{right:7%;top:93px}#light-invitation strong{font-size:21px}#nav{max-width:calc(100% - 24px);bottom:24px;border-radius:4px}#nav button{font-size:12px}#nav button small{font-size:12px}.entered footer{bottom:8px}#reset{font-size:12px}#intro h1 .name-line{padding-right:.14em}}
@media(prefers-reduced-motion:reduce){.crossing #intro h1 b{transform:none;opacity:0}.entry-grid{transition:none}}