.front-door{--door-ink:#14251e;--door-accent:#ae0238;--door-wall:#f5f5f8;--door-ease:cubic-bezier(0.22,1,0.36,1);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100svh;background:var(--sheet)}.front-door-room{position:relative;display:flex;justify-content:center;min-width:0;padding:88px var(--s7) 64px;background-color:var(--door-wall);background-image:linear-gradient(90deg,rgb(20 37 30/.06) 1px,transparent 0),linear-gradient(180deg,rgb(20 37 30/.06) 1px,transparent 0);background-size:80px 64px;border-right:1px solid var(--edge)}.front-door-brand,.front-door-room{align-items:center;color:var(--door-ink)}.front-door-brand{position:absolute;top:var(--s6);left:var(--s7);display:inline-flex;gap:.33em;font-family:var(--gn-font-display);font-size:32px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none}.front-door-brand-note{color:var(--door-accent)}.front-door-logo{--gn-mark-fill:var(--door-accent);--gn-mark-stroke:var(--door-ink);flex:none;width:1em;height:1em}.front-door-scene{position:relative;width:min(100%,352px,max(220px,calc((100svh - 274px) * .652)));padding-top:112px}.front-door-dialogue{position:absolute;inset:0 0 auto;display:flex;align-items:center;min-height:76px;margin:0;padding:12px 16px;border:2px solid var(--door-ink);border-radius:18px;background:#fff;color:var(--door-ink);font-size:16px;line-height:1.45;text-align:left}.front-door-dialogue:after{content:"";position:absolute;bottom:-10px;left:48%;width:18px;height:18px;border-right:2px solid var(--door-ink);border-bottom:2px solid var(--door-ink);border-bottom-right-radius:2px;background:#fff;transform:translateX(-50%) rotate(45deg)}.front-door-frame{position:relative;display:block;width:100%;aspect-ratio:300/460;padding:0;border:7px solid var(--door-ink);border-radius:6px 6px 0 0;background:#263c30;box-shadow:10px 0 0 rgb(20 37 30/.1)}.front-door-knock{position:absolute;z-index:2;inset:-7px;padding:7px;border:0;background:transparent;perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent}.front-door-knock:disabled{cursor:default}.front-door-knock:not(:disabled):hover .front-door-keyhole{translate:-2px 0}.front-door-knock:not(:disabled):active .front-door-keyhole{translate:-4px 0}.front-door-interior{position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,#1b2d23 0),linear-gradient(135deg,#263c30 70%,#365442 0)}.front-door-reveal{position:absolute;inset:0;overflow:hidden}.front-door-resident{transform-box:view-box;translate:var(--door-resident-left) 0;transition:translate 1.2s cubic-bezier(.45,0,.55,1)}.front-door-resident-art{display:block;width:100%;height:100%;overflow:visible}.front-door-leaf{position:relative;display:block;width:100%;height:100%;transform-origin:left center;transform:rotateY(var(--door-angle));-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .65s var(--door-ease)}.front-door-scene[data-behaviour=welcome] .front-door-resident{translate:29% 0}.front-door-art{display:block;width:100%;height:100%;overflow:visible}.front-door-keyhole{transition:translate .15s var(--door-ease)}.front-door-bell,.front-door-bell-art{position:absolute;left:28.667%;top:48.6%;translate:-50% -50%;display:grid;place-items:center;width:22.667%;min-width:44px;min-height:44px;aspect-ratio:100/84;padding:0;border:0;border-radius:6px;background:transparent}.front-door-bell{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent}.front-door-bell-art{z-index:1;pointer-events:none}.front-door-bell:disabled{pointer-events:none}.front-door-bell-art svg{display:block;width:100%;overflow:visible}.front-door-bell:not(:disabled):hover+.front-door-bell-art svg{translate:0 -2px}.front-door-bell-top{transform-box:fill-box;transform-origin:center bottom;animation:front-door-bell-ring .45s ease-out}.front-door-grouch{--gn-grouch-fur:#7e8b4b;--gn-grouch-eye:#fff;--gn-grouch-ink:#14251e;--door-brow:14deg;--door-brow-y:16px;--door-eye:1;--door-lid:0;--door-flat:1;--door-frown:0;--door-open:0}.front-door-grouch [class*=gn-grouch__]{transform-box:fill-box;transform-origin:center}.front-door-grouch .gn-grouch__body{transform-origin:center bottom}.front-door-grouch .gn-grouch__eye{scale:var(--door-eye)}.front-door-grouch .gn-grouch__lid{transform-origin:center top;scale:1 var(--door-lid)}.front-door-grouch .gn-grouch__lashes,.front-door-grouch .gn-grouch__mouth-part{opacity:0}.front-door-grouch [data-mouth=flat]{opacity:var(--door-flat)}.front-door-grouch [data-mouth=frown]{opacity:var(--door-frown)}.front-door-grouch [data-mouth=open]{opacity:var(--door-open)}.front-door-grouch .gn-grouch__glint,.front-door-grouch .gn-grouch__pupil{translate:3px 0;transition:translate .16s var(--door-ease)}.front-door-grouch .gn-grouch__brow--l{translate:0 var(--door-brow-y);rotate:var(--door-brow)}.front-door-grouch .gn-grouch__brow--r{translate:0 var(--door-brow-y);rotate:calc(var(--door-brow) * -1)}.front-door-scene[data-knocked=true] .front-door-grouch{--door-flat:0;--door-frown:1;--door-brow:23deg;--door-brow-y:18px;--door-eye:0.94;--door-lid:0.12}.front-door-scene[data-reaction="0"] .front-door-grouch{--door-brow:5deg;--door-brow-y:12px;--door-eye:1.1;--door-lid:0;--door-frown:0;--door-open:1}.front-door-scene[data-reaction="2"] .front-door-grouch{--door-brow:18deg;--door-eye:0.9;--door-lid:0.26}.front-door-scene[data-knocked=true] .gn-grouch__body{animation:front-door-grouch-react .66s var(--door-ease) both}.front-door-scene[data-knocked=true] .gn-grouch__ear{transform-origin:center bottom;animation:front-door-ear-perk .5s var(--door-ease) both}.front-door-scene[data-knocked=true] .gn-grouch__mouth{animation:front-door-grumble .42s var(--door-ease) both}.front-door-scene[data-behaviour=watch] .gn-grouch__glint,.front-door-scene[data-behaviour=watch] .gn-grouch__pupil{translate:var(--door-look) 4px}.front-door-private-hands{opacity:0;translate:0 26px;transition:opacity .15s var(--door-ease),translate .2s var(--door-ease)}.front-door-scene[data-private=true] .front-door-private-hands{opacity:1;translate:0 0}.front-door-scene[data-private=true] .gn-grouch__grip{opacity:0}.front-door-keyring{opacity:0;translate:0 12px;transition:opacity .15s var(--door-ease),translate .2s var(--door-ease)}.front-door-scene[data-behaviour=checking] .front-door-keyring,.front-door-scene[data-behaviour=keys] .front-door-keyring{opacity:1;translate:0 0}.front-door-scene[data-behaviour=checking] .front-door-keyring{transform-box:fill-box;transform-origin:center top;animation:front-door-check-key .6s ease-in-out 3}.front-door-threshold{position:relative;height:10px;margin:0 -16px;background:var(--door-ink);border-radius:3px;box-shadow:0 10px 0 rgb(20 37 30/.08)}.front-door-sound{position:absolute;bottom:var(--s5);left:var(--s7);min-height:44px;padding:0 var(--s3);border:1px solid #8a938d;border-radius:999px;background:#fff;color:var(--door-ink);font:inherit;font-size:13px;cursor:pointer}.front-door-room :is(a,button):focus-visible{outline:3px solid #ae0238;outline-offset:4px}.front-door-entry{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:var(--s5) var(--s7)}.front-door-form{width:100%;max-width:400px}.front-door-form h1{margin:0 0 var(--s3);font-size:56px;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.front-door-emphasis{color:var(--mark);font-style:normal}.front-door-lede{margin:0 0 var(--s5);max-width:25em;color:var(--ink-2);line-height:1.6;text-wrap:pretty}.front-door-form .password-entry{max-width:none;margin-top:0;padding-top:0;border-top:0}.front-door-form .gate-button--full{width:100%;min-height:44px}.password-entry-divider{display:flex;align-items:center;gap:var(--s3);margin:var(--s3) 0;color:var(--ink-2);font-size:14px}.password-entry-divider:after,.password-entry-divider:before{content:"";flex:1 1;height:1px;background:var(--edge)}.front-door-form .password-entry-head h2{font-family:var(--gn-font-sans);font-size:15px;font-weight:500}.front-door-form .password-entry-form{gap:var(--s3);margin-top:0}.front-door-form .password-entry-head+.password-entry-form{margin-top:var(--s3)}.front-door-form .field label{margin-bottom:var(--s2)}.front-door-form .field{margin:0}.password-entry-password{display:grid;grid-template-columns:1fr auto;align-items:center;grid-column-gap:var(--s3);column-gap:var(--s3)}.front-door-form .password-entry-password label{grid-column:1;grid-row:1;margin-bottom:0}.password-entry-password .muted,.password-entry-password .password-entry-secret{grid-column:1/-1}.password-entry-password .password-entry-secret{grid-row:2}.front-door-form .password-entry-recover{grid-column:2;grid-row:1;margin-top:0;font-size:14px;color:var(--ink-2)}.front-door-form .gn-input{border:2px solid var(--ink);border-radius:6px;min-height:48px;font-size:16px}.front-door-form .password-entry-form>.gn-btn{width:100%;min-height:48px;justify-content:center;margin-top:var(--s2)}.password-entry-secret{position:relative}.password-entry-secret input{padding-right:76px}.password-entry-show{position:absolute;inset:2px 4px 2px auto;min-width:60px;padding:0 var(--s2);border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.front-door-form .password-entry-links{font-size:14px;gap:var(--s2) var(--s4);margin-top:var(--s3);align-items:center;justify-content:center;color:var(--ink-2)}.front-door-form .link-button{min-height:44px}.front-door-newcomer{margin:var(--s3) 0 0;text-align:center;font-size:14px}.front-door-form .password-entry-links a,.front-door-newcomer a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px}@keyframes front-door-check-key{0%,to{rotate:-5deg}50%{rotate:8deg}}@keyframes front-door-grouch-react{0%,to{translate:0 0;rotate:0deg}16%{translate:0 7px;rotate:-5deg}42%{translate:0 -4px;rotate:5deg}68%{translate:0 0;rotate:-2deg}}@keyframes front-door-ear-perk{0%,to{rotate:0deg}35%{rotate:-13deg}65%{rotate:5deg}}@keyframes front-door-grumble{0%,to{scale:1 1}28%,64%{scale:1 .55}44%,80%{scale:1 1.15}}@keyframes front-door-bell-ring{0%,to{rotate:0deg;translate:0 0}12%{translate:0 3px}28%,58%{rotate:-8deg}43%,73%{rotate:8deg}}@media (max-width:900px){.front-door-room{padding-inline:var(--s5)}.front-door-brand,.front-door-sound{left:var(--s5)}.front-door-entry{padding-inline:var(--s6)}.front-door-form h1{font-size:52px}}@media (max-width:680px){.front-door{grid-template-columns:minmax(0,1fr)}.front-door-room{padding:80px var(--s5) var(--s4);border-right:0;border-bottom:1px solid var(--edge)}.front-door-brand{top:var(--s5)}.front-door-scene{width:min(100%,328px);height:164px;padding-top:0}.front-door-dialogue{inset:8px auto auto 0;width:calc(100% - 124px);min-height:76px;padding:var(--s2) var(--s3);border-width:2px;border-radius:16px;font-size:14px}.front-door-dialogue:after{top:calc(50% - 8px);right:-8px;bottom:auto;left:auto;width:16px;height:16px;transform:rotate(-45deg)}.front-door-frame{position:absolute;top:0;right:0;width:104px;border-width:5px}.front-door-knock{inset:-5px;padding:5px}.front-door-bell-art svg{width:22px}.front-door-threshold{position:absolute;top:156px;right:-8px;width:120px;height:6px;margin:0}.front-door-sound{top:var(--s4);right:var(--s5);bottom:auto;left:auto;min-height:44px}.front-door-entry{display:block;padding:var(--s6) var(--s5) var(--s7)}.front-door-form{margin-inline:auto}.front-door-form h1{font-size:48px}.front-door-lede{margin-bottom:var(--s5);font-size:15px}}@media (prefers-reduced-motion:reduce){.front-door *,.front-door :after,.front-door :before{animation:none!important;transition:none!important}}