:root{color-scheme:dark;--paper:#e8e3d8;--muted:#a09e98;--line:#ffffff25;--sans:"Manrope",sans-serif;--serif:"Cormorant Garamond",Georgia,serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#020305;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none}body{font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}#space{display:block;width:100%;height:100dvh;opacity:0;transition:opacity 1.8s}body.loaded #space{opacity:1}#veil{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#020305eb 0%,#0203059e 24%,#02030512 54%,transparent 76%),linear-gradient(0deg,#020305c7,transparent 22%,transparent 85%,#02030538)}header,footer{position:fixed;left:6.3%;right:5.2%;display:flex;justify-content:space-between;align-items:center;z-index:4}header{top:max(40px,env(safe-area-inset-top));font-size:9px;letter-spacing:.18em;color:#b2b2ac}header>span:first-child{font:italic 25px var(--serif);letter-spacing:-.8px;color:var(--paper)}#chapter{font-size:9px;letter-spacing:.24em;opacity:.6}footer{bottom:max(61px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.18em;color:#858d92}#coordinates{display:flex;gap:15px;align-items:center}#coordinates:before{content:"";width:30px;height:1px;background:#adada365}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:none;padding:0}button:focus-visible{outline:1px solid #e8e3d87a;outline-offset:8px}#sound{width:36px;height:36px;display:grid;place-items:center;opacity:.65}#sound svg{width:17px;stroke:currentColor;fill:none;stroke-width:1.2}#sound[data-state=unavailable]{opacity:.25}#fullscreen{position:absolute;right:-4px;top:44px;width:36px;height:36px;opacity:.5;font-size:23px;font-weight:200}#overlay{position:fixed;top:34%;left:8.3%;width:min(34%,460px);pointer-events:none;z-index:2;transition:opacity 1s,transform 1s}#eyebrow{font:9px var(--mono);letter-spacing:.2em;color:#b0a791;margin:0 0 25px;text-transform:uppercase;opacity:.7}h1{font:400 clamp(52px,5.6vw,88px)/.97 var(--serif);letter-spacing:-.04em;margin:0;color:var(--paper);text-wrap:balance}#subtitle{font-size:11px;line-height:1.9;letter-spacing:.03em;color:#b6b5b0;margin-top:27px;max-width:300px}body[data-stop=touch] #overlay{top:31%;width:35%}body[data-stop=touch] h1{font-size:clamp(78px,8vw,128px)}#touch{position:fixed;left:8.3%;bottom:20%;width:34%;display:flex;align-items:center;gap:18px;z-index:3;transition:opacity 1s}#touch>p{position:absolute;left:88px;top:0;font-size:11px;line-height:1.5;color:#c1bfb5;margin:8px 0}#touch small{font-size:10px;line-height:1.7;color:#777e83;max-width:230px;margin-top:23px;letter-spacing:.01em}#finger{position:relative;flex:0 0 66px;width:66px;height:66px;padding:0}#finger svg{width:100%;height:100%;transform:rotate(-90deg)}circle{fill:none;stroke-width:.75}.track{stroke:#bcbcaf66;stroke-dasharray:1 5}#progress{stroke:#ede3c9;stroke-width:1.1;stroke-dasharray:270.2;stroke-dashoffset:270.2}#finger span{position:absolute;inset:0;display:grid;place-items:center;font:24px var(--serif);color:#ddd9c9}#finger:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff8dc;filter:blur(16px);opacity:.12}#next{position:fixed;bottom:15%;left:8.3%;text-align:left;font:italic 24px var(--serif);letter-spacing:.005em;color:#e3decd;z-index:4;opacity:0;transition:opacity 1.6s;pointer-events:none}#next.ready{opacity:.8;pointer-events:auto}#next:hover{opacity:1}#code{position:fixed;top:55%;left:8.3%;width:min(320px,28%);height:20%;overflow:hidden;white-space:pre-wrap;padding:18px 0;font:9px/1.8 var(--mono);color:#a4aaa9;border-top:1px solid #b7b9ae25;z-index:2;display:none;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 88%,transparent)}#code .keyword{color:#c3b5a1}#code .string{color:#9eafab}body[data-stop=bouquet] #overlay{top:24%}body[data-stop=bouquet] h1{font-size:clamp(48px,4.5vw,72px)}#caption{position:fixed;top:73%;left:48%;width:36%;text-align:center;font:italic 20px var(--serif);color:#c5bdd0;pointer-events:none}#credits{position:fixed;left:6.3%;right:5.2%;bottom:18px;z-index:4;display:flex;gap:18px;align-items:center;font-size:9px;line-height:1.5;color:#7f8589;letter-spacing:.015em}#credits a{color:inherit;text-decoration:none}#credits a:hover{color:#deded4}#credits small{font:inherit;color:#60686e}#fps{position:fixed;top:84px;left:6.3%;font:10px var(--mono);color:#b2b2a6;z-index:5}@media(min-width:1800px){#overlay{max-width:540px}#touch{bottom:23%}}@media(max-width:800px),(max-aspect-ratio:1/1){#veil{background:linear-gradient(0deg,#020305d9,transparent 30%,transparent 65%,#0203058f),radial-gradient(ellipse at 50% 50%,transparent 20%,#0203055c)}header{top:max(26px,env(safe-area-inset-top));left:7%;right:7%}header>span:first-child{font-size:22px}#chapter{font-size:8px}#fullscreen{display:none}footer{left:7%;right:7%;bottom:65px;font-size:8px}#overlay,body[data-stop=touch] #overlay{top:15%;left:8%;width:84%;text-align:center}#eyebrow{font-size:8px;margin-bottom:17px}h1,body[data-stop=bouquet] h1{font-size:48px}body[data-stop=touch] h1{font-size:76px}#subtitle{font-size:10px;margin:16px auto 0;max-width:260px}#touch{left:15%;bottom:17%;width:70%;justify-content:center;gap:0;flex-direction:column}#touch>p{position:static;order:1;font-size:11px;margin:16px 0 0}#touch small{order:2;margin-top:8px;font-size:9px;text-align:center}#finger{width:74px;height:74px;flex-basis:74px}#next{bottom:15%;left:0;width:100%;text-align:center;font-size:23px}#code{top:auto;bottom:20%;left:14%;width:72%;height:16%;font-size:8px;padding:10px 0}body[data-stop=bouquet] #overlay{top:12%}body[data-stop=bouquet] #next{bottom:12%}#caption{top:65%;left:12%;width:76%}#credits{left:7%;right:7%;bottom:15px;display:block;font-size:7px;line-height:1.65}#credits a{display:block}#credits small{display:none}}@media(prefers-reduced-motion:reduce){*{transition-duration:.3s!important}}#eyebrow:empty{display:none}body[data-stop=touch] #overlay{top:36%}#coordinates{display:none}footer{justify-content:flex-end}@media(max-width:800px),(max-aspect-ratio:1/1){body[data-stop=touch] #overlay{top:15%}}body[data-mode=map] #overlay{top:34%;width:24%;left:6.3%}body[data-mode=map] h1{font-size:clamp(64px,6vw,100px)}body[data-mode=map] #subtitle{max-width:230px}body[data-mode=map] #eyebrow{display:none}body[data-mode=map] #veil{background:linear-gradient(90deg,#020305bb,transparent 37%),linear-gradient(0deg,#020305b0,transparent 18%)}body[data-mode=map] #next{display:none}body[data-mode=map] #touch{display:none!important}#destinations{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity 1.1s}#destinations.shown{opacity:1}.destination{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);display:flex;gap:10px;align-items:baseline;white-space:nowrap;color:#d9d6cc;padding:15px 10px 19px;line-height:1;transition:color .3s,opacity .5s;text-shadow:0 2px 20px #000}.destination:after{content:"";position:absolute;bottom:4px;left:50%;height:12px;width:1px;background:#d9d6cc66}.destination-number{font:8px var(--mono);letter-spacing:.05em;color:#a7adb0}.destination-name{font:400 25px var(--serif)}.destination-arrow{font:14px var(--sans);opacity:.3;transition:opacity .3s}.destination:hover{color:#fff9eb}.destination:hover .destination-arrow{opacity:1}.destination.visited .destination-number{color:#e5cdaa}.destination[hidden]{display:none}#back{position:fixed;top:112px;left:6.3%;z-index:5;font:10px var(--sans);letter-spacing:.03em;color:#b1b1a8;padding:8px 0;transition:opacity .5s}#back:hover{color:#fff6de}#back[hidden],#map-help[hidden],#begin[hidden]{display:none}#map-help{position:fixed;bottom:15%;left:6.3%;z-index:3;font:9px/1.8 var(--sans);color:#8b9499;letter-spacing:.01em;max-width:240px}#begin{position:fixed;bottom:10.5%;left:6.3%;z-index:4;font:italic 20px var(--serif);color:#bcb9ad}#flight-label{position:fixed;bottom:13%;left:0;width:100%;text-align:center;font:italic 25px var(--serif);color:#c8c5b9;opacity:0;z-index:3;pointer-events:none;transition:opacity .6s}body.flying #flight-label{opacity:.8}body.flying #back{opacity:.3}body.flying #overlay{opacity:0!important}body[data-mode=touch] #touch{display:flex!important}body[data-mode=touch] #next{display:none}#next:disabled{pointer-events:none;opacity:.25}@media(max-width:800px),(max-aspect-ratio:1/1){body[data-mode=map] #overlay{top:12%;left:8%;width:84%;text-align:center}body[data-mode=map] h1{font-size:62px}body[data-mode=map] #subtitle{margin-top:10px}.destination{gap:6px;padding:12px 5px 15px}.destination-name{font-size:19px}.destination-number{font-size:7px}.destination-arrow{font-size:11px}.destination:after{height:9px}#map-help{bottom:16%;left:10%;width:80%;max-width:none;text-align:center;font-size:8px}#begin{bottom:12%;left:10%;width:80%;text-align:center;font-size:19px}#back{top:80px;left:7%;font-size:9px}body[data-mode=stop] #overlay{top:17%}body[data-stop=bouquet] #overlay{top:14%}body[data-mode=touch] #overlay{top:19%}#flight-label{font-size:23px}}#scene-help{position:fixed;bottom:12%;right:6%;z-index:3;font:9px var(--sans);color:#929a9e;pointer-events:none}#scene-help[hidden]{display:none}body[data-stop=bouquet] #code{font-size:10px;height:25%;width:340px}@media(max-width:800px),(max-aspect-ratio:1/1){#scene-help{right:8%;left:8%;bottom:8%;font-size:8px;text-align:center}body[data-stop=bouquet] #subtitle{display:none}body[data-stop=bouquet] #code{font-size:8px;width:72%;height:15%;bottom:19%}body[data-stop=bouquet] #scene-help{bottom:7.5%}}#flash{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),#fffaf2 0,#ffd8c4 8%,#ff8a6a66 24%,#ff6a5a14 48%,transparent 72%)}#blackout{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:0;background:#020305}