*{box-sizing:border-box}html{background:#132b34}body{margin:0;color:#f6eee0;font:14px Arial,sans-serif;height:360vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ffe1a4;outline-offset:4px}.viewport{position:fixed;inset:0;overflow:hidden}.city{position:absolute;inset:-14% -5%;background:linear-gradient(#162b4330,#1c273d10),url('assets/yerevan.jpg') center/cover;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a202be0 0%,#122b397a 34%,transparent 62%),linear-gradient(0deg,#102630d9,transparent 22%)}.building{position:absolute;top:0;left:46%;width:49%;max-width:700px;will-change:transform;filter:drop-shadow(0 18px 15px #081b2c88)}.building>img{display:block;width:100%;height:auto;position:relative}.building .lit{position:absolute;inset:0;filter:brightness(1.35) saturate(1.13);opacity:0;transition:opacity .28s;pointer-events:none}.building .lit.on{opacity:1}svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}svg a{cursor:pointer;outline:none}svg path{fill:transparent;stroke:transparent;stroke-width:2;transition:stroke .2s,fill .2s}svg a:hover path,svg a:focus path,svg a.active path{stroke:#ffe2a2c4;fill:#ffd7990c}svg text{pointer-events:none;fill:#fff2d5;font-family:Georgia,serif;font-size:15px;paint-order:stroke;stroke:#291e16;stroke-width:2px}.ground{position:absolute;z-index:-1;top:98.5%;left:-100%;width:300%;height:280px;background:radial-gradient(ellipse at 50% 0,#e9cc9a70,transparent 46%),linear-gradient(#897661,#524a41);transform:perspective(400px) rotateX(45deg);transform-origin:top;mask-image:linear-gradient(black,transparent)}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;background:linear-gradient(#0c202ba8,transparent);z-index:3}.brand{font:26px Georgia;color:#efdfbd;text-decoration:none}.brand small{display:block;font:9px Arial;letter-spacing:5px;margin-top:5px}.edition{font-size:9px;letter-spacing:2px}.intro{position:fixed;top:24%;left:5%;width:33%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#dfc492}h1{font:clamp(32px,5vw,76px)/1.02 Georgia;margin:20px 0}p{line-height:1.8;color:#d9dedc}.scroll-hint{font-size:10px;color:#d4c7ad;margin-top:30px}nav{position:fixed;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:4}nav button{width:32px;height:30px;border:1px solid #f3ddad44;border-radius:30px;color:#e4ddcd;background:#102632b8;font-size:9px;backdrop-filter:blur(10px)}nav button.active{background:#e1c693;color:#112831}.selection{position:fixed;left:5%;bottom:12%;width:33%;z-index:4}h2{font:clamp(22px,3vw,39px) Georgia;margin:12px 0}.selection p{font-size:12px}.selection button{display:block;border:1px solid #bba783;background:#ead8b2;color:#102732;padding:13px 16px;border-radius:3px;max-width:100%;font-size:11px}.selection button span{margin-left:12px}.selection .quiet{margin-top:10px;background:transparent;color:#e4d7be;border-color:#c7b48a44}footer{position:fixed;inset:auto 0 0;display:flex;justify-content:space-between;padding:17px 4vw calc(17px + env(safe-area-inset-bottom));font-size:8px;letter-spacing:1px;color:#c7c8bc;background:linear-gradient(transparent,#122630)}dialog{padding:0;border:0;background:#112732;color:#f8eddb;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden}dialog::backdrop{background:#10232c}dialog>img{width:100%;height:100%;object-fit:cover}.room-copy{position:absolute;bottom:0;left:0;right:0;padding:12vh 7vw 6vh;background:linear-gradient(transparent,#071b28ed)}.room-copy h2{font-size:46px}.room-copy small{display:block;color:#c8bca7;font-size:10px}.room-copy button{margin-top:22px;border:1px solid #d3bc8d;background:#e5cf9f;padding:12px 22px;border-radius:3px;color:#10232c}.close{position:absolute;right:22px;top:22px;background:#102733a8;border:1px solid #d6c6a0;color:white;width:44px;height:44px;border-radius:50%;z-index:2}#fly{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:0;background:#10232c;overflow:hidden;transition:opacity .3s}#fly img{position:absolute;will-change:transform}#fly.run{opacity:1}#fly.run img{transition:transform .85s cubic-bezier(.4,0,.2,1);transform:scale(3.6)}
@media(max-width:700px){header{padding:20px}.brand{font-size:21px}.edition{font-size:7px;max-width:80px;text-align:right;line-height:1.6}.building{left:43%;width:54%}.intro{left:5%;top:23%;width:34%}h1{font-size:32px;margin:13px 0}.intro p{font-size:10px}.eyebrow{font-size:7px;letter-spacing:1px}.scroll-hint{font-size:8px;max-width:110px;line-height:1.7}.selection{bottom:12%;width:34%}.selection h2{font-size:22px;overflow-wrap:anywhere}.selection p{font-size:10px;margin:8px 0}.selection button{font-size:9px;padding:10px 8px;line-height:1.5}.selection button span{margin-left:2px}.selection .quiet{font-size:9px}nav{right:5px;gap:3px}nav button{width:25px;height:26px;font-size:8px}footer{font-size:7px}#motionHint{max-width:155px;text-align:right;line-height:1.6}.room-copy h2{font-size:34px}.room-copy{padding-bottom:9vh}}
@media(max-height:500px){.intro{top:22%}h1{font-size:30px}.intro p,.scroll-hint{display:none}.selection{bottom:15%;left:5%;width:35%}.selection h2{font-size:24px;margin:6px 0}.selection p{display:none}.selection button{display:inline-block}.selection .quiet{margin-top:0}nav{flex-direction:row;top:auto;bottom:12px;right:50%;transform:translateX(50%)}nav button{width:23px;height:23px}footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}