.field-entrance{--field-type:#f4f2e8;isolation:isolate;min-height:380px;color:var(--field-type);background:#161a19;font-family:AtelierMono,ui-monospace,monospace;position:fixed;inset:0;overflow:hidden}.field-lens,.field-film,.field-grade,.field-shutter{width:100%;height:100%;position:absolute;inset:0}.field-lens{z-index:-2;background:#202826 url(/entrance/field-wide.webp) 50%/cover no-repeat}.field-film{object-fit:cover;object-position:50% 51%}.field-grade{background:radial-gradient(at 50% 42%,#0000 18%,#06090857 64%,#030504c9 100%),linear-gradient(#0a100d74,#0000 25%,#080b0a21 54%,#080a09a8 100%)}.field-identity{inset-inline:0;text-align:center;pointer-events:none;justify-items:center;animation:1.4s cubic-bezier(.2,.7,.3,1) both field-appear;display:grid;position:absolute;top:43%;translate:0 -50%}.field-mark{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 4px 12px #080b09a6);width:clamp(132px,18vw,235px);height:clamp(132px,18vw,235px);animation:10s ease-in-out infinite alternate field-drift;display:block}.field-identity h1{margin:0 0 23px;display:block}.field-identity p{letter-spacing:.24em;text-shadow:0 2px 8px #000;margin:0;font-size:9px}.field-enter{min-width:217px;min-height:54px;color:var(--field-type);text-transform:uppercase;white-space:nowrap;letter-spacing:.15em;background:#12171589;border:1px solid #f4f2e8aa;justify-content:center;align-items:center;padding:14px 17px;font-size:10px;text-decoration:none;transition:background .22s,color .22s,border-color .22s;display:flex;position:absolute;top:73%;left:50%;translate:-50% -50%;box-shadow:0 12px 48px #0a0d0b48}:is(.field-enter:hover,.field-enter:focus-visible){color:#171b17;background:#efede1;border-color:#efede1}.field-enter:focus-visible{outline-offset:5px;outline:2px solid #fff}.field-gate{gap:8px;width:min(234px,100% - 40px);transition:opacity .32s;display:grid;position:absolute;top:73%;left:50%;translate:-50% -50%}.field-gate-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field-password{color:var(--field-type);text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101412c2;border:1px solid #f4f2e86e;border-radius:0;width:100%;min-height:48px;padding:10px 14px;font:400 16px/1.2 AtelierMono,ui-monospace,monospace}.field-password::placeholder{color:#d9d8cb;letter-spacing:.13em;text-transform:uppercase;opacity:1;font-size:10px}.field-password:focus-visible{outline-offset:2px;outline:1px solid #efede1}.field-gate .field-enter{width:100%;min-width:0;position:static;translate:none}.field-gate .field-enter:disabled{opacity:.75;cursor:wait}.field-feedback{top:calc(100% + 11px);color:#fff0df;text-align:center;text-shadow:0 1px 5px #000,0 1px 9px #000;margin:0;font:400 11px/1.5 AtelierMono,ui-monospace,monospace;position:absolute;inset-inline:-35px}.field-locked .field-identity{top:38%}.field-entrance.is-entering .field-gate{opacity:0;pointer-events:none}.field-shutter{z-index:4;pointer-events:none;opacity:0;clip-path:circle(76% at 50% 48%);background:#030504}.field-entrance.is-entering .field-lens{animation:.7s cubic-bezier(.55,.06,.8,.4) both field-rush}.field-entrance.is-entering .field-identity,.field-entrance.is-entering .field-enter{opacity:0;pointer-events:none;transition:opacity .32s}.field-entrance.is-entering .field-identity{animation:none}.field-entrance.is-entering .field-shutter{animation:.69s ease-in both field-black}@keyframes field-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes field-drift{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes field-rush{to{filter:brightness(.31)blur(5px);transform:scale(1.76)}}@keyframes field-black{0%{opacity:0}68%{opacity:.8}to{opacity:1}}@media (max-aspect-ratio:4/5){.field-lens{background-image:url(/entrance/field-portrait.webp)}.field-identity{top:40%}.field-enter{top:71%}}@media (max-height:560px){.field-locked .field-mark{width:clamp(95px,24svh,140px);height:clamp(95px,24svh,140px)}.field-locked .field-identity{top:33%}.field-locked .field-identity h1{margin-bottom:13px}.field-gate .field-enter{min-height:45px}.field-password{min-height:44px}}@media (prefers-reduced-motion:reduce){.field-entrance *{transition:none!important;animation:none!important}.field-film{display:none}}
