/* A manuscript beside a living theatre. The architecture is the ornament. */
.nl-section{--nl-ink:#080d15;--nl-pearl:#eee5d2;--nl-silver:#c1d6e8;--nl-gold:#e9c889;--nl-thread:var(--nl-silver);position:relative;isolation:isolate;padding:96px 0 32px;background:var(--nl-ink);border-color:#dac8a523;overflow:clip;scroll-margin-top:24px}
.nl-section[data-memory-mode=moment]{--nl-thread:var(--nl-gold)}
.nl-section [hidden]{display:none!important}
.nl-heading{width:min(1280px,90%);margin:0 auto;position:relative;z-index:1;text-align:center}
.nl-kicker{font:24px var(--serif);color:var(--nl-pearl);margin:0 0 20px}
.nl-kicker span{font:14px var(--body);color:#afa898;margin-left:16px;padding-left:16px;border-left:1px solid #b3a48c55}
.nl-heading h2{font:400 clamp(50px,5.6vw,80px)/.99 var(--serif);letter-spacing:-.025em;color:var(--nl-pearl);margin:0}
.nl-heading>p:last-child{color:#aeb6c3;font-size:17px;margin:24px 0 0}
.nl-experience{width:min(1360px,94%);margin:22px auto 0;display:grid;grid-template-columns:minmax(0,1.26fr) minmax(330px,.8fr);gap:clamp(24px,4vw,64px);align-items:center}
.nl-theatre-column{min-width:0}
.nl-stage{height:clamp(520px,49vw,710px);position:relative;min-width:0}
.nl-stage canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline:none;outline-offset:-7px}
.nl-stage canvas:focus-visible:not([data-pointer-focus]){outline:1px solid #c6d1df77}
#nl-loading{position:absolute;left:20%;right:20%;top:45%;text-align:center;font:17px var(--serif);color:#b7c6da;pointer-events:none}
.nl-stage-caption{position:absolute;bottom:8px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a5adba;gap:10px}
.nl-stage-caption>div{display:flex;gap:16px}
.nl-stage-caption button{background:none;border:0;color:#c6c5c1;padding:10px 0;font-size:12px;cursor:pointer}
.nl-stage-caption button:hover{color:#fff1d4}
.nl-houses{display:flex;justify-content:center;gap:clamp(4px,1.3vw,20px);padding:8px 10px 12px}
.nl-houses button{border:0;border-bottom:1px solid transparent;background:none;color:#8b949f;min-width:46px;padding:4px 1px 8px;cursor:pointer;transition:color .3s,border-color .3s}
.nl-houses span{display:block;font:25px 'Apple Symbols','Segoe UI Symbol',serif;line-height:1.2}
.nl-houses small{display:block;font:11px var(--body);margin-top:5px}
.nl-houses button.has-memory,.nl-houses button:hover,.nl-houses button[aria-pressed=true]{color:var(--house);text-shadow:0 0 13px var(--house)}
.nl-houses button[aria-pressed=true]{border-color:var(--house)}
.nl-readout{display:flex;gap:17px;align-items:flex-start;max-width:420px;min-height:116px;margin:8px auto 0;padding:14px 18px 0;border-top:1px solid #c1d6e821;color:var(--house,var(--nl-pearl))}
.nl-readout>span{font:27px 'Apple Symbols','Segoe UI Symbol',serif;line-height:1.4;text-shadow:0 0 17px #d9c9a766}
.nl-readout h3{font:24px/1.2 var(--serif);margin:0 0 7px;color:inherit}
.nl-readout p{font:14px/1.5 var(--body);color:#b5bdc9;margin:0}
.nl-manuscript{min-width:0;padding:22px 0 16px;max-width:470px}
.nl-invitation{font:19px var(--serif);color:#d0cabf;margin:0 0 17px}
.nl-samples{display:flex;gap:22px;align-items:stretch;margin-bottom:30px}
.nl-samples button{font:14px/1.3 var(--body);border:0;border-bottom:1px solid #b2b4bf33;padding:0 0 10px;text-align:left;background:transparent;color:#929dab;cursor:pointer}
.nl-samples button[aria-pressed=true]{color:var(--nl-pearl);border-color:var(--nl-thread)}
.nl-page{position:relative;padding-left:23px;border-left:1px solid #9dafc533}
.nl-kind{font-size:11px;color:var(--nl-thread);margin:0 0 12px}
.nl-page h3{font:400 33px/1.05 var(--serif);color:var(--nl-pearl);margin:0 0 20px;letter-spacing:-.01em}
.nl-paragraph{display:block;position:relative;text-align:left;width:100%;padding:0 0 17px;margin:0 0 16px;border:0;background:none;color:#cad0d8;cursor:pointer}
.nl-paragraph:last-child{margin-bottom:0;padding-bottom:0}
.nl-words,.nl-static-sample{display:block;font:400 23px/1.32 var(--serif);text-wrap:pretty;transition:color .6s,text-shadow .6s}
.nl-destination{display:block;color:#9ca7b7;font:11px/1.4 var(--body);margin-top:10px;transition:color .5s}
.nl-paragraph::before{content:'';position:absolute;width:4px;height:4px;left:-26px;top:12px;border-radius:50%;background:#66717f;transition:background .5s,box-shadow .5s}
.nl-paragraph:hover .nl-words,.nl-paragraph[aria-pressed=true] .nl-words{color:var(--nl-pearl)}
.nl-paragraph.is-receiving .nl-words{color:var(--nl-thread);text-shadow:0 0 20px color-mix(in srgb,var(--nl-thread) 35%,transparent)}
.nl-paragraph.is-kept .nl-destination{color:var(--house)}
.nl-paragraph.is-kept::before{background:var(--nl-thread);box-shadow:0 0 9px var(--nl-thread)}
.nl-paragraph.is-receiving::before{background:var(--nl-thread);box-shadow:0 0 14px 4px var(--nl-thread)}
.nl-guide{font-size:12px;line-height:1.5;color:#9ca7b7;max-width:40ch;margin:25px 0 16px}
.nl-actions{display:flex;gap:16px;align-items:center}
.nl-place{position:relative;min-height:49px;padding:11px 30px;border:1px solid #bea87a88;color:#efe1c5;background:linear-gradient(105deg,#dcc49412,#cdb58a06);border-radius:3px;font:17px var(--serif);cursor:pointer;box-shadow:inset 0 0 22px #ead4a008;transition:box-shadow .3s,border-color .3s}
.nl-place::before{content:'✧';margin-right:12px;color:var(--nl-thread);text-shadow:0 0 12px var(--nl-thread)}
.nl-place:hover{border-color:#f1d9a9;box-shadow:0 0 25px #ccb17416,inset 0 0 20px #ead4a00c}
.nl-place:disabled{cursor:default;opacity:.6}
#nl-skip{font-size:12px;padding:12px 0;color:#b9c3d3;border:0;background:none;cursor:pointer}
.nl-status{font-size:12px;color:var(--nl-thread);min-height:36px;margin:10px 0 0;line-height:1.5}
.nl-disclaimer{font:11px/1.55 var(--body);color:#939daf;max-width:43ch;margin:0}
.nl-travelling-light{position:absolute;z-index:10;width:7px;height:7px;border-radius:50%;background:var(--nl-thread);box-shadow:0 0 8px 3px var(--nl-thread),0 0 38px 12px color-mix(in srgb,var(--nl-thread) 35%,transparent);pointer-events:none}
.nl-delivering .nl-stage canvas{pointer-events:none}
.nl-delivering .nl-paragraph{cursor:default}
.nl-discovery{text-align:center;position:relative;width:min(880px,90%);margin:56px auto 20px;padding:40px 16px 50px;border-top:1px solid #b9a67933;background:radial-gradient(ellipse at 50% 25%,#b9a4710b,transparent 65%);animation:nl-awaken 1.2s ease both}
.nl-discovery-star{font:33px var(--serif);color:#d4c297;display:block;text-shadow:0 0 24px #dec89c55;margin-bottom:20px}
#nl-reflection{font:17px var(--serif);color:#a9b7cb;margin:0 0 16px}
.nl-discovery h3{font:400 clamp(38px,4vw,56px)/1.03 var(--serif);color:var(--nl-pearl);margin:0 0 20px}
.nl-discovery>p:not(#nl-reflection){font-size:15px;color:#aab5c6;line-height:1.7}
.nl-app-link{display:inline-flex;align-items:center;gap:18px;font:18px var(--serif);padding:16px 0 8px;border-bottom:1px solid #d5ba7955;color:#ead6af;margin-top:15px}
.nl-app-link:hover{border-color:#ead6af}
.nl-colophon{margin:34px auto 0;text-align:center;font:12px/1.6 var(--body);color:#8793a5;padding:0 20px}
.nl-colophon span{margin-left:12px;color:#aaa997}
.nl-section button:focus-visible,.nl-section a:focus-visible{outline:1px solid var(--nl-thread);outline-offset:5px}
@keyframes nl-awaken{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.nl-experience{gap:75px}.nl-manuscript{max-width:460px}.nl-stage{height:720px}}
@media(max-width:950px){.nl-experience{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:12px;width:96%}.nl-stage{height:510px}.nl-samples{gap:14px}.nl-page{padding-left:18px}.nl-paragraph::before{left:-21px}.nl-words{font-size:21px}.nl-manuscript{padding-right:12px}.nl-houses{gap:0}.nl-houses button{min-width:42px}}
@media(max-width:680px){.nl-section{padding-top:54px}.nl-heading h2{font-size:51px}.nl-heading>p:last-child{font-size:15px;margin-top:18px}.nl-kicker{font-size:22px;margin-bottom:17px}.nl-kicker span{font-size:12px;margin-left:10px;padding-left:10px}.nl-experience{display:block;width:100%;margin-top:12px}.nl-theatre-column{position:relative}.nl-stage{height:390px;max-width:470px;margin:0 auto}.nl-stage-caption{bottom:0;left:7%;right:7%;font-size:10px}.nl-stage-caption button{font-size:11px}.nl-stage-caption>div{gap:13px}.nl-houses{padding:3px 20px 10px;gap:7px}.nl-houses button{min-width:37px}.nl-houses small{font-size:10px}.nl-houses span{font-size:22px}.nl-readout{margin:6px 25px 0;min-height:108px;padding-top:16px;max-width:none}.nl-readout h3{font-size:22px}.nl-readout p{font-size:13px}.nl-manuscript{max-width:470px;margin:22px auto 0;padding:0 27px}.nl-invitation{font-size:20px}.nl-samples{gap:23px;margin-bottom:26px}.nl-samples button{font-size:13px}.nl-page{padding-left:20px}.nl-page h3{font-size:32px}.nl-words{font-size:23px;line-height:1.35}.nl-paragraph::before{left:-23px}.nl-paragraph{margin-bottom:15px;padding-bottom:12px}.nl-guide{margin-top:22px}.nl-place{min-height:50px;font-size:19px}.nl-disclaimer{font-size:11px}.nl-colophon{margin-top:35px;font-size:11px}.nl-colophon span{display:block;margin:3px 0 0}.nl-discovery{margin-top:32px;padding-top:30px}.nl-delivering .nl-theatre-column{position:sticky;top:-50px;z-index:5;background:#080d15;box-shadow:0 18px 35px #080d15}.nl-delivering .nl-readout,.nl-delivering .nl-houses{display:none}.nl-delivering .nl-stage{height:300px}.nl-delivering .nl-stage-caption{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.nl-section *{animation:none!important;transition:none!important}}
.motion-paused .nl-section *{animation-play-state:paused!important}

@media(max-width:680px){.nl-delivering .nl-manuscript{margin-top:8px}.nl-delivering .nl-paragraph{display:none}.nl-delivering .nl-paragraph.is-receiving{display:block;min-height:145px}.nl-delivering .nl-page h3{font-size:27px;margin-bottom:16px}.nl-delivering .nl-samples{margin-bottom:18px}.nl-delivering .nl-invitation,.nl-delivering .nl-guide{display:none}.nl-delivering .nl-actions{margin-top:20px}.nl-delivering .nl-disclaimer{display:none}}

.nl-readout #nl-room-sky{font-size:11px;color:#98a7bb;margin:0 0 9px}

@media(max-width:680px){.nl-returning .nl-page::after{content:'Three rooms. One light.';display:block;font:29px/1.3 var(--serif);color:var(--nl-pearl);padding:20px 0 32px}.nl-returning .nl-page h3,.nl-returning .nl-kind{display:none}}