@font-face{font-family:Landers;src:url("assets/landers-font.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--cream:#fffde8}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#815228}
body{font-family:Landers,Georgia,serif;color:var(--cream);-webkit-font-smoothing:antialiased}
.coming-soon{position:relative;isolation:isolate;min-height:100svh;height:max(100svh,800px);overflow:hidden}
.background,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.background{object-fit:cover;background:center/cover no-repeat url("assets/poster.jpg")}
.shade{z-index:-1;background:rgba(0,0,0,.025);pointer-events:none}
.brand{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:min(32vw,410px);margin:0;line-height:0}
.brand img{display:block;width:100%;height:auto}
.announcement{position:absolute;top:61%;left:50%;transform:translateX(-50%);width:min(420px,90vw);text-align:center}
h2{font-size:22.5px;font-weight:400;line-height:1.1;margin:0 0 7px;white-space:nowrap}
.announcement>p{font-size:16.25px;line-height:18.75px;margin:0}
form{width:min(357.5px,100%);margin:16px auto 0}
input,button{display:block;width:100%;height:44px;border:0;border-radius:0;font:400 22.5px/1 Landers,Georgia,serif;color:#000}
input{background:#f7f7f7;padding:0 24px;outline-offset:3px}
button{margin-top:25px;background:var(--cream);cursor:pointer;padding:0 10px}
button:hover{background:#f1eed6}
button:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
.status{font-size:14px;line-height:1.3;margin:10px 0 0;min-height:0}
.status:empty{display:none}
footer{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;padding:0 7%;font-size:16px;line-height:1.1}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.brand{width:410px}}
@media(max-width:600px){.coming-soon{height:max(100svh,700px)}.brand{top:24%;width:72vw;max-width:328px}.announcement{top:50%;width:90vw}h2{font-size:18px}.announcement>p{font-size:13px;line-height:15px}form{width:286px;margin-top:16px}input,button{height:40px;font-size:18px}button{margin-top:20px}footer{bottom:24px;padding:0 7%;font-size:13px}}
@media(prefers-reduced-motion:reduce){.background{visibility:hidden}.coming-soon{background:center/cover no-repeat url("assets/poster.jpg")}}
