:root{--creme: #ede3d3;--noir-doux: #1c1a17;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--noir-doux);overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif}#app{position:relative;width:100vw;height:100vh;height:100dvh}#scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#scene.is-dragging{cursor:grabbing}#hud{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:22px 0 26px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}#landscape-nav{display:flex;align-items:flex-end;gap:38px;pointer-events:auto}.landscape-nav__item{position:relative;width:26px;height:23px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 0 2px rgba(0,0,0,.35));opacity:.5}.landscape-nav__item:before{content:"";position:absolute;left:50%;bottom:0;width:1px;height:100%;transform:translate(-50%);background:#ffffffbf;transition:width .22s ease,background .22s ease,box-shadow .22s ease}.landscape-nav__item:hover:before,.landscape-nav__item:focus-visible:before{width:100%;background:transparent;box-shadow:inset 1px 0 #ffffffd9,inset -1px 0 #ffffffd9,inset 0 2px #fff}.landscape-nav__item.is-active:before{width:100%;background:#fff;box-shadow:none}.landscape-nav__item:focus-visible{outline:none}#intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--noir-doux);color:var(--creme);text-align:center;transition:opacity .5s ease}#intro.is-hidden{opacity:0;pointer-events:none}#intro h1{margin:0;font-weight:300;font-size:2.4rem;letter-spacing:.08em}#intro p{margin:0;font-weight:300;opacity:.75}#intro .instructions{font-size:.8rem;opacity:.55}#enter-btn{margin-top:10px;padding:10px 28px;background:transparent;border:1px solid rgba(237,227,211,.5);color:var(--creme);font-size:.8rem;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,color .2s ease}#enter-btn:hover{background:var(--creme);color:var(--noir-doux)}#gallery-link{position:absolute;top:24px;right:28px;z-index:5;display:flex;align-items:center;justify-content:center;color:var(--creme);font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1;text-decoration:none;opacity:.85;transition:opacity .2s ease}#gallery-link:hover{opacity:1}.contact-links{position:fixed;right:28px;bottom:24px;z-index:5;display:flex;gap:22px}.site-nav a,.contact-links a{color:var(--creme);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;opacity:.75;transition:opacity .2s ease}.site-nav a:hover,.contact-links a:hover,.site-nav a:focus-visible,.contact-links a:focus-visible{opacity:1}.site-nav a,.contact-links a,#gallery-link{text-shadow:0 1px 6px rgba(0,0,0,.35)}.site-nav{position:fixed;top:24px;left:28px;z-index:5}#controls-hint{position:absolute;left:0;right:0;bottom:78px;margin:0;text-align:center;color:var(--creme);font-size:12px;font-weight:300;letter-spacing:.04em;text-shadow:0 1px 6px rgba(0,0,0,.45);opacity:.85;pointer-events:none;transition:opacity 1.2s ease}#controls-hint.is-hidden{opacity:0}.hint-touch{display:none}@media (hover: none) and (pointer: coarse){.hint-desktop{display:none}.hint-touch{display:inline}}@media (max-width: 640px){#hud{padding-bottom:58px}#landscape-nav{gap:30px}.landscape-nav__item{width:30px}#controls-hint{bottom:112px;padding:0 24px;font-size:11px}}.site-nav a,#gallery-link{transition:color .4s ease,text-shadow .4s ease,opacity .2s ease}body.tl-on-light .site-nav a,body.tr-on-light #gallery-link{color:#111;text-shadow:none}