.cs{min-height:100svh;padding:24px 16px calc(40px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink);grid-template-rows:1fr auto;display:grid}.cs-mark{text-align:center;place-self:center;margin:0;font-weight:400}.cs-mark .logo{padding:0;font-size:clamp(3.2rem,13vw,9.5rem)}.cs-foot{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.cs-soon{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-style:italic;line-height:1}.cs-form{border-bottom:1px solid var(--ink);align-items:center;gap:12px;width:min(320px,100%);transition:border-color .2s;display:flex}.cs-form:focus-within{border-color:var(--burg)}.cs-form input[type=password],.cs-form input[type=email]{min-width:0;color:var(--ink);font:inherit;letter-spacing:.06em;background:0 0;border:0;outline:none;flex:1;padding:10px 2px;font-size:16px}.cs-form input::placeholder{color:var(--grey);letter-spacing:.04em}.cs-form button{letter-spacing:.16em;text-transform:uppercase;padding:10px 2px;font-size:11px;font-weight:500}.cs-form button:hover{color:var(--burg)}.cs-err{color:var(--burg);margin:-8px 0 0;font-size:13px}.cs-letter{flex-direction:column;align-items:center;gap:14px;width:100%;scroll-margin-bottom:40px;display:flex}.cs-lede{max-width:36ch;color:var(--ink2);margin:0;font-size:15px;line-height:1.5}.cs-lede em{font-family:var(--serif);font-size:1.12em}.cs-join{width:min(360px,100%)}.cs-letter .cs-err{margin:-4px 0 0}.cs-done{max-width:36ch;font-family:var(--serif);color:var(--ink);margin:0;font-size:1.25rem;font-style:italic;line-height:1.35}.cs-pass{border-bottom-color:var(--grey);opacity:.75;width:min(240px,100%);margin-top:10px}.cs-pass:focus-within{opacity:1}.cs-form.cs-pass input[type=password]{padding:7px 2px}.cs-pass button{padding:7px 2px;font-size:10px}.cs-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}