@font-face{font-family:Editorial;src:url('assets/fonts/cormorant.ttf') format('truetype');font-display:swap}@font-face{font-family:Interface;src:url('assets/fonts/manrope.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#000;color:#f7f3e9}body{font-family:Interface,Arial,sans-serif}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#whiteout{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none}header,footer{position:fixed;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:3}header{top:32px}footer{bottom:32px}#home{font:25.6px Editorial,Georgia,serif;letter-spacing:-.025em;text-decoration:none;color:inherit;text-shadow:0 1px 12px #0008}button{font:8px Interface,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:inherit;border:0;border-bottom:1px solid #ffffff60;background:transparent;border-radius:0;min-height:44px;padding:12px 2px;cursor:pointer;transition:color .25s,border-color .25s,background .25s}button:hover{color:#fff;border-color:#fff}button:focus-visible,a:focus-visible{outline:1px solid #f4e6c3;outline-offset:8px}#motion{padding:10px 14px;border:1px solid #ffffff35;background:#15211f25;backdrop-filter:blur(10px);font-size:7.2px}#line{position:fixed;left:8%;right:8%;top:17%;margin:0;text-align:center;font:400 clamp(20px,2.24vw,30.4px)/1.25 Editorial,Georgia,serif;letter-spacing:.01em;color:#fffef5;text-shadow:0 2px 18px #0009,0 1px 3px #0005;pointer-events:none}#count{font:7.2px Interface,Arial,sans-serif;letter-spacing:.22em;margin-left:auto;text-shadow:0 1px 8px #0009;opacity:.7}.flight-controls{display:flex;align-items:center;gap:22px}#fly{touch-action:none;user-select:none;min-width:145px;text-shadow:0 1px 8px #0009}#fly[aria-pressed=true]{border-color:#f1e0b8;color:#f1e0b8}#fly:disabled{opacity:.3}#flight-hint{font-size:7.2px;letter-spacing:.06em;opacity:.65;text-shadow:0 1px 8px #0009}#progress{position:fixed;bottom:0;left:0;width:100%;height:1px;background:#eee6d0;transform-origin:left;transform:scaleX(0);z-index:4;opacity:.5}#enter-portal{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);padding:16px 28px;font-size:8px;background:#0d262777;border:1px solid #c4e6d580;backdrop-filter:blur(12px);box-shadow:0 0 32px #b4ead00d}#enter-portal:hover{background:#294b49bb}#restart{margin-left:auto}
#begin{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:190px;border:0;background:none;padding:0;border-radius:50%;cursor:pointer}#begin:hover{background:radial-gradient(ellipse,#fff4df06,transparent 65%)}#begin:disabled{cursor:wait}body:not(.intro) #begin{display:none}body.intro header,body.intro footer,body.intro #line,body.intro #progress,body.intro #whiteout{visibility:hidden;pointer-events:none}body.entering #world{animation:reveal 1.4s ease both}body.entering header,body.entering footer{animation:reveal 1.6s ease both}@keyframes reveal{from{opacity:0}to{opacity:1}}
#loading{position:fixed;inset:0;z-index:5;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading>span,#load-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}progress{width:42px;height:1px;accent-color:#d3cbb9;opacity:.4}#error{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:#080909;z-index:9;text-align:center;font:19.2px Editorial,Georgia,serif}[hidden],#loading[hidden],#error[hidden]{display:none!important}
@media(max-width:600px){header{top:22px}footer{bottom:24px}#home{font-size:21.6px}#motion{font-size:6.4px;padding:8px}#line{top:18%;font-size:22.4px}.flight-controls{align-items:flex-start;flex-direction:column;gap:5px}#flight-hint{font-size:6.4px}#count{font-size:6.4px}#begin{width:140px;height:170px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#fly{font-size:8.8px}#flight-hint{font-size:8px}#motion{font-size:8px}#count{font-size:8px}@media(max-width:600px){#fly{font-size:8px}#flight-hint{font-size:7.2px}#motion{font-size:7.2px}}
#intro-message{display:none;position:fixed;z-index:7;left:8%;right:8%;top:calc(50% - 145px);margin:0;text-align:center;color:#e9e4da;font:400 clamp(16px,1.76vw,23.2px)/1.4 Editorial,Georgia,serif;letter-spacing:.01em;pointer-events:none}body.intro #intro-message{display:block}@media(max-width:600px){#intro-message{top:calc(50% - 155px);left:12%;right:12%}}

body.entering #world{animation:none}

#office-start{position:fixed;bottom:13%;left:50%;transform:translateX(-50%);padding:15px 25px;border:1px solid #b8c4b65c;border-radius:2px;background:#111813c9;color:#ebe9df;font:400 9.6px Manrope,sans-serif;letter-spacing:.07em;cursor:pointer;backdrop-filter:blur(12px)}#office-start:hover{background:#283329}#office-start:focus-visible{outline:2px solid #e9e4da;outline-offset:5px}body.office #line{color:#e9e4da}

#office-hint{position:fixed;bottom:34px;left:10%;right:10%;text-align:center;font-size:8px;letter-spacing:.09em;color:#e1e3d5b8;pointer-events:none}body.office #world{cursor:crosshair}

body.office #world{cursor:grab;touch-action:none}body.office #world.looking{cursor:grabbing}

#drawer-cursor{position:fixed;z-index:20;pointer-events:none;padding:24px 0 0 18px;font-size:8.8px;letter-spacing:.04em;color:#ffe9ad;text-shadow:0 1px 5px #000}#drawer-cursor:before{content:"";position:absolute;left:-10px;top:-10px;width:20px;height:20px;border:1px solid #ffe7a0;border-radius:50%;background:#ffe2a044;box-shadow:0 0 18px #ffd16ccc}body.office #world.drawer-hover{cursor:none}

@font-face{font-family:Wavehaus;src:url('./assets/fonts/Wavehaus-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
html body,body button,body a,body p,body span,body #home,body #line,body #intro-message,body #office-start,body #drawer-cursor{font-family:Wavehaus,Arial,sans-serif;font-weight:300}
body #line{font-size:clamp(16px,2vw,25.6px);line-height:1.45;left:12%;right:12%}
#dedication{position:fixed;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:min(740px,82vw);margin:0;font-size:clamp(16px,2vw,24.8px);line-height:1.65;text-align:center;color:#f3eee3;pointer-events:none}
/* Quiet translucent panels keep copy readable against both environments. */
body #line{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:84vw;padding:10px 20px;background:rgba(65,67,69,.48);border-radius:3px;backdrop-filter:blur(4px)}
body #line:empty{display:none}
#intro-message,#dedication{padding:14px 22px;background:rgba(65,67,69,.48);border-radius:3px;backdrop-filter:blur(4px)}
#home,#count,#flight-hint,#office-hint,button:not(#begin),#drawer-cursor{background-color:rgba(65,67,69,.48);border-radius:3px;backdrop-filter:blur(4px)}
#home{padding:6px 12px}#count,#flight-hint{padding:8px 10px}#office-hint{padding:10px 14px;width:max-content;max-width:85vw;left:50%;right:auto;transform:translateX(-50%)}
#drawer-cursor{padding:8px 12px;margin:18px 0 0 18px}

body #intro-message{font-size:clamp(20px,2.2vw,29px);background:transparent;backdrop-filter:none;padding:0}
body #home{background:transparent;backdrop-filter:none;padding:0}