:root{color-scheme:dark;--ink:#101010;--paper:#f1eee7;--gold:#d7b45d;--blue:#5d83a8;--font:'Outfit',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:var(--font)}body{min-height:100svh;overflow-x:hidden}.lock-screen{width:min(1320px,100%);min-height:100svh;margin:auto;padding:clamp(28px,6vw,90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);align-items:center;gap:clamp(38px,8vw,120px);position:relative;isolation:isolate}.lock-copy{position:relative;z-index:2;max-width:650px;animation:arrive .9s cubic-bezier(.16,1,.3,1) both}.lock-name{margin:0 0 clamp(24px,4vh,42px);font-size:clamp(3.5rem,9.6vw,8.4rem);line-height:.83;letter-spacing:-.075em;font-weight:700;color:var(--gold);max-width:8ch}.lock-intro{max-width:39rem;margin:0;color:var(--paper);font-size:clamp(1.05rem,1.65vw,1.42rem);line-height:1.55;font-weight:400}.unlock-form{position:relative;display:flex;max-width:420px;margin-top:clamp(32px,6vh,62px);border-bottom:1px solid #827248}.unlock-form input{width:100%;min-height:58px;padding:12px 62px 12px 0;border:0;outline:0;background:transparent;color:var(--paper);font:500 1.05rem var(--font);letter-spacing:.06em}.unlock-form input::placeholder{color:#96928a;letter-spacing:.03em}.unlock-form:focus-within{border-color:var(--gold);box-shadow:0 1px 0 var(--gold)}.unlock-form button{position:absolute;right:0;top:5px;width:48px;height:48px;border:0;background:var(--gold);color:var(--ink);font:600 1.45rem var(--font);cursor:pointer;transition:transform .25s,background .25s}.unlock-form button:hover{transform:translate(2px,-2px);background:#efd27e}.unlock-form button:focus-visible,.unlock-form input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.unlock-form button:disabled{opacity:.55;cursor:progress}.unlock-error{min-height:1.35rem;margin:10px 0 0;color:#e5a385;font-size:.9rem}.lock-portrait{position:relative;z-index:1;width:min(100%,450px);justify-self:center;margin:0;animation:arrive .9s .12s cubic-bezier(.16,1,.3,1) both}.lock-portrait img{display:block;width:100%;height:auto;max-height:78svh;object-fit:cover;object-position:center 36%;position:relative;z-index:1;filter:saturate(.78);clip-path:polygon(0 0,91% 0,100% 9%,100% 100%,9% 100%,0 91%)}.portrait-frame{position:absolute;inset:5% -5% -4% 8%;border:1px solid var(--gold);z-index:0}.lock-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.shape{position:absolute;display:block}.shape-disc{width:34vw;height:34vw;max-width:440px;max-height:440px;border:1px solid rgba(215,180,93,.2);border-radius:50%;left:32%;top:-22%;animation:turn 48s linear infinite}.shape-square{width:13vw;height:13vw;max-width:180px;max-height:180px;background:var(--blue);opacity:.72;right:5%;top:13%;transform:rotate(18deg);animation:float 8s ease-in-out infinite}.shape-line{width:38vw;height:1px;background:linear-gradient(90deg,transparent,rgba(215,180,93,.45),transparent);left:8%;bottom:16%;transform:rotate(-23deg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 14px}}@media(max-width:760px){.lock-screen{grid-template-columns:1fr;align-content:center;gap:28px;padding:34px 26px 42px}.lock-copy{order:1}.lock-name{font-size:clamp(3.6rem,17vw,6rem);margin-bottom:22px;max-width:7ch}.lock-intro{font-size:1.05rem;max-width:35rem}.unlock-form{margin-top:28px}.lock-portrait{order:0;width:min(62vw,285px);justify-self:end;margin:2vh 7vw 0 0}.lock-portrait img{max-height:36svh}.portrait-frame{inset:5% -7% -5% 9%}.shape-square{width:26vw;height:26vw;right:4%;top:8%}.shape-disc{width:68vw;height:68vw;left:17%;top:-8%}.shape-line{width:75vw;left:3%;bottom:19%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}