:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111613;color:#c9cdbd}
*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:34px clamp(20px,6vw,80px);background:radial-gradient(circle at 50% 24%,#27362d 0,#141b17 42%,#0c100e 100%)}main{max-width:1020px;margin:auto}header,footer{display:flex;justify-content:space-between;gap:24px;font-size:9px;line-height:1.6;letter-spacing:.2em;color:#7d8978}header{border-bottom:1px solid #3d493d;padding-bottom:16px}.scene{position:relative;height:clamp(290px,48vw,470px);max-width:660px;margin:55px auto 0;overflow:hidden;background:linear-gradient(90deg,#222c25,#65715c 47%,#222b24)}.ceiling{position:absolute;top:0;left:0;right:0;height:20%;background:linear-gradient(#303b31,#5f6a56);clip-path:polygon(0 0,100% 0,74% 100%,26% 100%)}.wall{position:absolute;top:17%;bottom:24%;background:#394438}.wall-left{left:0;width:27%;clip-path:polygon(0 0,100% 18%,100% 100%,0 100%)}.wall-right{right:0;width:27%;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.landing{position:absolute;left:0;right:0;bottom:0;height:25%;background:linear-gradient(170deg,#4c5949,#1d261f);clip-path:polygon(0 34%,100% 0,100% 100%,0 100%)}.light{position:absolute;z-index:2;top:12%;left:42%;width:17%;height:5px;background:#e2e5b2;box-shadow:0 0 28px 10px #dce6a955}.door{position:absolute;z-index:3;left:39%;bottom:23%;width:23%;height:52%;border:5px solid #151c17;background:linear-gradient(90deg,#111713,#313d31 80%,#090d0a);box-shadow:0 8px 30px #07090799;color:#89947f;font:11px ui-monospace,monospace;letter-spacing:.15em;padding:16px}.door b{position:absolute;right:8%;top:53%;width:9px;height:2px;background:#a4ad91}.shadow{position:absolute;z-index:4;left:42%;bottom:0;width:16%;height:28%;background:linear-gradient(90deg,transparent,#050806cc,transparent);filter:blur(5px)}.arrow{position:absolute;z-index:5;left:50%;bottom:5%;font-size:18px;color:#a4ad91;transform:translateX(-50%)}.message{text-align:center;padding:44px 0 64px}.eyebrow{font-size:9px;letter-spacing:.23em;color:#84907b;margin:0 0 18px}h1{font:400 clamp(30px,5vw,48px)/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0}p:not(.eyebrow){font-size:13px;line-height:1.8;color:#87917e;margin:15px 0 0}footer{border-top:1px solid #3d493d;padding-top:16px}footer span:first-child{font-family:ui-monospace,monospace}@media(max-width:500px){body{padding-top:24px}header{font-size:8px;letter-spacing:.12em}.scene{margin-top:42px;height:300px}.door{width:28%;left:36%}footer{flex-direction:column;gap:7px}}