@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600&family=Calligraffitti&family=Cormorant+Garamond:wght@600;700&family=DM+Sans:wght@500;600;700&display=swap');
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#102b27;color:#26392f;font-family:'Alegreya',Georgia,serif}a{color:inherit}:focus-visible{outline:3px solid #c98045;outline-offset:3px}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px clamp(20px,4vw,58px);background:#092b27;color:#fff4dc;border-bottom:1px solid #bd995c}.wordmark{text-decoration:none;font:700 clamp(21px,2vw,29px)/1 'Cormorant Garamond',Georgia,serif}.wordmark small{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d9b779;margin-top:7px}.topbar>a:last-child{font:700 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;border-bottom:1px solid #d9b779;padding-bottom:5px}.join-scene{min-height:calc(100svh - 76px);padding:80px 24px;display:grid;place-items:center;position:relative;isolation:isolate;background:#123b35 url('assets/01-valley.jpg') center/cover no-repeat}.scene-shade{position:absolute;inset:0;background:#082b27a8;z-index:-1}.join-scroll{position:relative;width:min(100%,630px);margin:15px;background:linear-gradient(90deg,#bb8b51,#e5c994 4%,#f4e3b8 10%,#fff4d7 48%,#f2dfb0 90%,#d4ad70 96%,#a4743e);box-shadow:inset 14px 0 20px #93623555,inset -14px 0 20px #93623555,0 24px 40px #041c1ab0;transform:rotate(-.4deg)}.scroll-inner{padding:48px clamp(30px,7vw,75px) 40px;border-top:1px solid #bd975e;border-bottom:1px solid #bd975e}.scroll-rod{position:absolute;left:-17px;right:-17px;height:27px;border:1px solid #95612f;border-radius:50% / 90%;background:linear-gradient(#f7dfaa 0%,#bb8c50 40%,#eac489 78%,#a77639 100%);box-shadow:0 4px 9px #5b422c61}.scroll-rod:before,.scroll-rod:after{content:"";position:absolute;top:3px;width:24px;height:19px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#f9de9d,#9f6b32 75%);border:1px solid #8c5a2d}.scroll-rod:before{left:-13px}.scroll-rod:after{right:-13px}.scroll-rod-top{top:-13px}.scroll-rod-bottom{bottom:-13px}.kicker{font:700 10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#885833;margin:0}h1{font:400 clamp(55px,7vw,78px)/1.2 'Calligraffitti',Georgia,serif;margin:15px 0;color:#274134}.scroll-inner>p:not(.kicker):not(.fine):not(.form-status){font:400 22px/1.45 'Alegreya',Georgia,serif;max-width:430px;margin:0 0 29px}label{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#795c3d;margin-bottom:9px}input{width:100%;font:400 20px 'Alegreya',Georgia,serif;padding:12px 14px;border:1px solid #bb9c68;background:#fff9e9;color:#26392f}button{margin-top:14px;background:#145044;color:#fff2d6;border:1px solid #0c3c33;padding:14px 20px;cursor:pointer;font:700 11px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}button:hover{background:#206658}button:disabled{opacity:.55;cursor:wait}.form-status{min-height:1.5em;color:#165345;font-size:18px;font-weight:600}.fine{font:400 15px/1.4 'Alegreya',Georgia,serif;color:#5d604d;margin:20px 0 0}.fine a{text-decoration-thickness:1px}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:540px){.topbar{padding:16px 20px}.topbar>a:last-child{font-size:9px}.join-scene{padding:45px 20px}.join-scroll{margin:9px}.scroll-inner{padding:38px 29px 30px}h1{font-size:58px}}
/* Optional prequel request beside the sign-in form. */
.prequel-choice{display:flex;align-items:flex-start;gap:12px;margin:21px 0 18px;font:400 17px/1.35 'Alegreya',Georgia,serif;letter-spacing:0;text-transform:none;color:#354a3c;cursor:pointer}
.prequel-choice input{appearance:auto;flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:#145044}
.prequel-choice span{display:block}