@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:swap;src:url('/pinyon.woff2') format('woff2')}@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/cormorant.woff2') format('woff2')}
:root{color-scheme:light;--paper:#f6ead8;--wine:#793b3b}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;background:var(--paper);color:var(--wine);font-family:'Cormorant Garamond',Georgia,serif;display:grid;place-items:center}button,input{font:inherit}[hidden]{display:none!important}.entrance{width:min(100%,620px);position:relative;padding-bottom:max(32px,env(safe-area-inset-bottom));overflow:hidden}.berlin-scene{position:relative}.berlin-scene img{width:100%;height:auto;display:block}.berlin-scene:after{content:'';position:absolute;inset:78% 0 0;background:linear-gradient(transparent,var(--paper))}.entry{position:relative;z-index:1;margin:-160px auto 0;width:min(100% - 48px,350px);text-align:center}h1{font-family:'Pinyon Script',cursive;font-size:clamp(2.8rem,10vw,3.6rem);font-weight:400;line-height:1.2;margin:0 0 21px;white-space:nowrap}.join{font-size:1.04rem;letter-spacing:.08em;margin:0 0 20px}.password-wrap{position:relative}input{width:100%;min-height:54px;border:1px solid #793b3b66;border-radius:0;background:#fffaf04d;color:#59252c;font-size:1.15rem;padding:13px 85px 13px 16px;box-shadow:none}input::placeholder{color:#805e51;opacity:1}.reveal{position:absolute;right:6px;top:6px;bottom:6px;min-width:68px;border:0;background:transparent;color:var(--wine);font-size:.95rem;padding:6px}.enter{width:100%;min-height:54px;margin-top:12px;padding:13px 18px;background:var(--wine);color:#fff9f0;border:1px solid var(--wine);font-size:1.18rem;letter-spacing:.02em;cursor:pointer}.enter span{margin-left:12px}.enter:hover{background:#643030}.enter[disabled]{opacity:.65;cursor:wait}.error{font-size:1.05rem;line-height:1.4;margin:10px 0 0;text-align:left;color:#75242d}input[aria-invalid=true]{border-color:#75242d}button:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:850px){.entrance{width:min(1180px,100%);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:0 48px 0 0}.berlin-scene{max-height:100svh;overflow:hidden;mask-image:linear-gradient(90deg,#000 80%,transparent)}.berlin-scene img{max-height:100svh;object-fit:contain}.entry{margin:0 auto;width:min(100% - 48px,350px)}h1{font-size:3.8rem}.join{margin-bottom:28px}}
@media(max-width:849px){body{align-items:start}}
@media(max-width:360px){.entry{width:calc(100% - 36px);margin-top:-135px}h1{font-size:2.65rem}}
@media(prefers-reduced-motion:no-preference){.entry{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}