*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
body{background:#171411;color:#eee}
.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 22px;background:radial-gradient(circle at 50% 42%,#3a2a1e 0,#171411 52%,#0c0b0a 100%)}
.stars{font-size:18px;letter-spacing:8px;margin:4px 0;color:#d7b77a}
.eyebrow{font-family:Georgia,serif;letter-spacing:.22em;font-size:11px;color:#d7b77a;margin:4px 0 34px}
.hola{font-family:Georgia,serif;letter-spacing:.32em;font-size:12px;margin:8px 0 20px;color:#d7b77a}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,10vw,72px);line-height:1.25;letter-spacing:.08em;margin:0 0 28px}
.lead{font-size:14px;line-height:2;margin:0 0 12px}
.question{font-size:14px;margin:0 0 24px}
.enter{border:1px solid #d7b77a;background:#d7b77a;color:#171411;padding:16px 28px;font-size:14px;letter-spacing:.08em;cursor:pointer;min-width:250px}
.enter:hover{opacity:.9}
.notice{font-size:10px;line-height:1.9;color:#aaa;margin:28px 0 10px}
.under20{color:#c9b28a;font-size:10px}
footer{position:absolute;bottom:24px;font-family:Georgia,serif;font-size:10px;letter-spacing:.2em;color:#777}
.site{min-height:100vh;text-align:center;background:#171411;padding:80px 24px}
.site header{border-bottom:1px solid #4a3b2e;padding-bottom:35px;max-width:900px;margin:auto}
.site header h2{font-family:Georgia,serif;font-weight:400;letter-spacing:.15em;font-size:clamp(36px,8vw,70px);line-height:1.1}
.site section{max-width:760px;margin:70px auto}
.site section h1{font-size:50px}
.small{color:#aaa;font-size:12px}
.hidden{display:none}