*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080e13;color:#eee3ca;font-family:Georgia,'Times New Roman',serif}header{height:103px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b1945d26}header a{font-size:27px;color:#e9d4a6;text-decoration:none;letter-spacing:.025em}header a span{display:block;font:9px/2.4 Arial,sans-serif;letter-spacing:.27em;color:#b9ad93}.status{font:11px Arial,sans-serif;letter-spacing:.08em;color:#acb7b7}.status i{display:inline-block;width:5px;height:5px;background:#b7a16b;box-shadow:0 0 10px #e6b767;border-radius:50%;margin-right:10px}main{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;min-height:calc(100svh - 164px)}.scene{position:relative;overflow:hidden;align-self:stretch;min-height:700px;background:#0a1520}.scene img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:57% center}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e13 0%,transparent 25%),linear-gradient(90deg,transparent 70%,#080e13 100%)}.scene-caption{position:absolute;z-index:2;bottom:40px;left:0;right:0;text-align:center;font:9px Arial,sans-serif;letter-spacing:.26em;color:#c1b696}.mist{position:absolute;z-index:1;width:150%;height:30%;bottom:0;left:-25%;background:radial-gradient(ellipse,#a9bdc21b,transparent 65%);animation:drift 20s ease-in-out infinite alternate;pointer-events:none}.welcome{align-self:center;padding:55px clamp(28px,4.2vw,72px) 45px 34px;max-width:640px}.eyebrow{font:9px Arial,sans-serif;letter-spacing:.24em;color:#bda773;margin-bottom:22px}h1{font-size:clamp(42px,4.4vw,69px);font-weight:400;line-height:1.03;letter-spacing:-.045em;margin:0 0 26px}.welcome p{font-size:15px;line-height:1.75;color:#aeb7b7;max-width:410px}.welcome .intro{font-size:18px;line-height:1.6;color:#e2d8c1}.sign{position:relative;margin:32px 0 25px;text-align:center;padding:24px 20px 23px;border:1px solid #8e7045;outline:1px solid #463922;outline-offset:5px;background:repeating-linear-gradient(2deg,transparent 0 4px,#0000000a 5px 6px),linear-gradient(115deg,#302b20,#1a211e 60%,#24271e);box-shadow:0 12px 35px #0006;transform:rotate(-1deg)}.closed{font:10px Arial,sans-serif;letter-spacing:.32em;color:#adad96}.sign strong{display:block;font-size:39px;font-weight:400;line-height:1.55;color:#e5c98e;text-shadow:0 2px #000}.sign small{display:block;font:8px Arial,sans-serif;letter-spacing:.16em;color:#bab39b}.rule{display:block;color:#9c7e4c;font-size:12px;margin:0 0 12px}.nail{position:absolute;width:5px;height:5px;background:#8b8066;border-radius:50%;top:10px;box-shadow:1px 1px 2px #000}.left{left:10px}.right{right:10px}.welcome .farewell{font-style:italic;color:#d4c8af;margin-top:28px;margin-bottom:12px}.signature{font-size:24px;font-style:italic;color:#d6bd86}.signature span{display:block;font:10px/2 Arial,sans-serif;letter-spacing:.05em;color:#899896;margin-left:24px}button{background:none;border:0;border-bottom:1px solid #58605b;padding:14px 0 8px;margin-top:17px;color:#d5c397;cursor:pointer;font:11px Arial,sans-serif;letter-spacing:.04em}button span{margin-left:24px}button:hover{color:#fff0c9;border-color:#d5c397}button:focus-visible,a:focus-visible{outline:2px solid #e3c48a;outline-offset:6px}#more{font-style:italic;font-size:14px;border-left:1px solid #89754e;padding-left:16px}footer{height:61px;display:flex;justify-content:space-between;align-items:center;margin:0 5%;border-top:1px solid #b1945d26;color:#82908d;font:9px Arial,sans-serif;letter-spacing:.18em}footer span:last-child{font-family:Georgia,serif;font-style:italic;letter-spacing:0;font-size:12px}@keyframes drift{to{transform:translateX(15%)}}@media(min-width:1700px){main{min-height:850px}}@media(max-width:760px){header{height:85px;padding:17px 6%}header a{font-size:24px}.status{display:none}main{display:block;min-height:0}.scene{min-height:0;height:auto;aspect-ratio:1.25}.scene img{position:relative;display:block;object-fit:cover;height:100%;object-position:center}.scene:after{background:linear-gradient(0deg,#080e13,transparent 30%)}.scene-caption{bottom:18px;font-size:8px}.welcome{padding:28px 8% 42px;margin:auto;max-width:530px}.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:49px}h1 br{display:none}.wide{display:none}.welcome p{max-width:none}.sign{margin:32px 5px}.sign strong{font-size:37px}footer{height:75px;gap:15px;letter-spacing:.09em;font-size:8px}footer span:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){.mist{animation:none}}
@media(min-width:761px){.scene img{object-fit:contain;object-position:center}.scene{background:radial-gradient(ellipse at center,#162331,#080e13 75%)}.scene:after{background:linear-gradient(0deg,#080e13,transparent 20%),linear-gradient(90deg,transparent 92%,#080e13)}}
