:root{color-scheme:dark;font-family:'Almendra',Georgia,serif;background:#000;color:#eee8e0}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0}
.page{position:relative;min-height:100svh;overflow:hidden;background:#000 url('assets/background.jpg') center top/cover no-repeat;isolation:isolate}
.backdrop-mark{position:absolute;z-index:-1;top:8%;left:50%;width:min(69vw,688px);height:85%;transform:translateX(-50%);background:url('assets/background-logo.png') center top/contain no-repeat;opacity:.9;pointer-events:none}
.invitation{width:min(88vw,965px);margin:0 auto;padding:clamp(48px,10vh,145px) 0 clamp(60px,15vh,170px);text-align:center}
.border{display:block;width:100%;height:auto;pointer-events:none}
h1{margin:0}
.brand{display:block;width:min(86%,764px);height:auto;margin:clamp(3px,1vw,18px) auto 0}
.message{width:min(75%,712px);margin:clamp(20px,2.2vw,45px) auto 0;text-align:left;font-size:clamp(15px,1.1vw,16px);line-height:1.48;font-weight:400;text-shadow:0 1px 3px #000}
.message p{margin:0 0 1.45em;}
.signup-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1vw,18px);margin:clamp(24px,2.3vw,48px) auto 0}
.flourish{width:clamp(75px,13.5vw,201px);height:auto;flex-shrink:1}
.signup{display:flex;align-items:stretch;gap:14px;min-width:0;flex:0 1 441px}
.mc-honeypot{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.mc-honeypot input{width:1px;height:1px}
.signup{display:flex;align-items:stretch;gap:14px;min-width:0;flex:0 1 441px}
.signup input{min-width:0;flex:1 1 293px;height:49px;padding:0 17px;border:1px solid #b4aaa0;border-radius:0;background:#f8f8f8;color:#302821;font:300 15px 'Almendra',Georgia,serif}
.signup input::placeholder{color:#69615d;opacity:1}
.signup button{flex:0 0 135px;min-height:49px;border:1px solid #bb7442;background:#bd7544;color:white;font:300 16px 'Almendra',Georgia,serif;cursor:pointer;transition:background .15s ease,transform .15s ease}
.signup button:hover{background:#d08b56}
.signup button:active{transform:translateY(1px)}
.signup :focus-visible{outline:3px solid #edb780;outline-offset:3px}
.status{min-height:1.5em;max-width:600px;margin:12px auto 0;color:#f0bf92;font-size:15px;line-height:1.4}
.dice{display:block;width:66px;height:auto;margin:clamp(18px,2.5vw,38px) auto clamp(10px,1.5vw,28px)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.invitation a {color: #d7a179;}
@media(max-width:700px){.page{background-size:auto 100%;background-position:center center}.backdrop-mark{top:14%;width:92vw;height:75%;opacity:.55}.invitation{width:min(94vw,560px);padding:40px 0 65px}.brand{width:96%;margin:18px auto 0}.message{width:88%;font-size:16px;margin:20px auto 0}.message p{margin-bottom:1.15em}.signup-wrap{margin-top:24px;gap:0}.flourish{display:none}.signup{flex-basis:88%;gap:8px}.signup input{height:48px;padding:0 11px;font-size:14px}.signup button{flex-basis:96px;font-size:15px}.dice{width:54px;margin:26px auto 12px}}
@media(max-width:400px){.signup{flex-wrap:wrap}.signup input{flex-basis:100%}.signup button{flex:1 0 100%}.message{width:90%}}
@media(prefers-reduced-motion:reduce){.signup button{transition:none}}