*{box-sizing:border-box}body{margin:0;background:#080706;color:#f5e8c5;font:15px Arial,sans-serif}main{max-width:2200px;margin:auto}.entrance{position:relative;min-height:0;aspect-ratio:1672/941;overflow:hidden;background:#100c07}.architecture{width:100%;height:100%;position:absolute;object-fit:cover}.access-panel{position:absolute;left:73.5%;top:38.9%;width:20%;min-width:200px;max-width:320px;padding:20px;border:3px solid #a77b31;border-radius:12px;background:linear-gradient(125deg,#282117,#080807);box-shadow:0 6px 24px #000c,0 0 0 5px #4b351a;text-align:center}.tiny{font-size:9px;letter-spacing:2px;color:#c9ae72}h1{font:clamp(17px,1.65vw,30px) Georgia,serif;margin:10px 0 16px}label{display:block;text-align:left;font-size:12px;margin-bottom:8px}input{width:100%;background:#050504;color:#ffeabc;border:1px solid #917344;border-radius:5px;padding:12px;font-size:16px;letter-spacing:2px}button{margin-top:12px;width:100%;background:linear-gradient(#e4cb8d,#b58b43);border:1px solid #eed99e;border-radius:5px;color:#1c1509;padding:12px 4px;font-weight:bold;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#doorStatus{font-size:12px;line-height:1.5;min-height:36px;margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:12px;padding:20px;color:#a99b7e;font-size:12px}a{color:#dfc48c;text-decoration:none}.door-leaf{position:absolute;top:18.5%;width:17.7%;height:59%;background-image:url('/entry-assets/door.png');background-size:565% 169.5%;transition:transform 1.1s ease-in;backface-visibility:hidden}.left{left:32.4%;background-position:39.37% 45.7%;transform-origin:left center}.right{left:50.1%;background-position:60.88% 45.7%;transform-origin:right center}.door-glow{position:absolute;left:32.5%;top:18.5%;width:35.2%;height:59%;background:radial-gradient(#ffe7ab,#8b5c16 65%,#080600);opacity:0;transition:opacity .6s}.opening .door-glow{opacity:1}.opening .left{transform:perspective(900px) rotateY(-95deg)}.opening .right{transform:perspective(900px) rotateY(95deg)}.opening .access-panel{opacity:.6}:focus-visible{outline:3px solid #fff1ba;outline-offset:4px}@media(max-width:760px){.entrance{min-height:730px;aspect-ratio:auto}.architecture{object-position:50% top;height:430px;object-fit:cover}.access-panel{left:calc(50% - 145px);top:400px;width:290px;max-width:none}.door-leaf,.door-glow{display:none}.opening .architecture{animation:enter 1s ease-in forwards}h1{font-size:24px}footer{flex-direction:column;text-align:center}}@keyframes enter{to{transform:scale(1.3);filter:brightness(2);opacity:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}