@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Shadows+Into+Light&display=swap";
:root{--white:#fff;--black:#050505;--muted:#ffffffad;--line:#fff3}*{box-sizing:border-box}html,body{background:var(--white);min-height:100%;color:var(--white);letter-spacing:0;margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.password-page{background:var(--black);min-height:100dvh;padding:clamp(1rem,3vw,2rem);position:relative;overflow-x:hidden}.photoshoot-wall{z-index:0;filter:saturate(.82)contrast(1.02)brightness(.82);background:linear-gradient(90deg,#0000002e 0%,#0000000f 42%,#0000007a 78%,#000000c2 100%),url(/le-bastard-pw-bedroom.png) 50%/cover no-repeat,#050505;position:fixed;inset:0;transform:scale(1.015)}.password-page:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 84% 76%,#000000bd,#0000 28rem),linear-gradient(90deg,#00000057 0%,#00000014 44%,#000000a3 100%),linear-gradient(#00000042 0%,#0000 34%,#000000b3 100%);position:fixed;inset:0}.password-lockup{z-index:2;text-align:left;grid-template-rows:auto 1fr auto;place-items:stretch stretch;min-height:calc(100dvh - clamp(2rem,6vw,4rem));display:grid;position:relative}.drop-nav,.drop-footer{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.72rem;font-weight:900;display:flex}.drop-nav span:first-child{color:var(--white);letter-spacing:0;text-transform:none;font-family:Shadows Into Light,Comic Sans MS,cursive;font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:400}.password-copy{text-align:right;place-self:end;justify-items:end;gap:.75rem;width:min(100%,34rem);padding:clamp(1rem,2.5vw,1.6rem) 0 clamp(1.5rem,4vw,2.8rem);display:grid}.password-copy p{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.password-copy h1{text-shadow:0 12px 42px #0006;margin:0;font-family:Shadows Into Light,Comic Sans MS,cursive;font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.82}.password-form{gap:.65rem;width:min(100%,28rem);margin-top:.35rem;display:grid}.password-form label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:900}.password-form div{border:1px solid var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000003d;grid-template-columns:minmax(0,1fr) auto;display:grid}.password-form input{border:0;border-right:1px solid var(--white);min-width:0;min-height:3rem;color:var(--white);background:0 0;outline:none;padding:0 .9rem}.password-form button{min-height:3rem;color:var(--black);background:var(--white);text-transform:uppercase;border:0;padding:0 1.1rem;font-size:.72rem;font-weight:900}:focus-visible{outline:2px solid var(--white);outline-offset:3px}@media (max-width:520px){.password-page{min-height:100svh;padding:.9rem;overflow-y:auto}.photoshoot-wall{background-position:46%}.password-lockup{row-gap:3rem;min-height:calc(100svh - 1.8rem)}.drop-nav,.drop-footer{font-size:.62rem}.drop-footer{align-items:end}.password-copy{padding-bottom:1.4rem}.password-form div{grid-template-columns:1fr}.password-form input{border-right:0;border-bottom:1px solid var(--white)}}
