/* Imago Dei: private access page (same editorial look as the website) */
:root{--obs:#0A0A0A;--bone:#FAFAF7;--ash:#929292;--red:#C63B3B;--grot:'Space Grotesk','Arial Black',Arial,sans-serif;--mono:'DM Mono',ui-monospace,'Courier New',monospace}
*{box-sizing:border-box;margin:0}
body.lock{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow-x:hidden;isolation:isolate;background:var(--obs);color:var(--bone);font:15px/1.6 'DM Sans',Arial,sans-serif;background-image:linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:calc(100%/12) 100%}
body.lock::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 72% 42%,#faf7f01c,transparent)}
body.lock::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.lk-top{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw}.logo{height:36px;width:auto;display:block}
.mono{font:500 11px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ash)}
.tech{position:absolute;z-index:-1;right:7vw;top:46%;width:min(40vw,480px);color:var(--bone);opacity:.28;transform:translateY(-50%);animation:spin 90s linear infinite;pointer-events:none}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.lk-main{padding:3vh 4vw 4vh;display:grid;align-content:center;justify-items:start;gap:0;max-width:1200px}
.lk-main .mono{margin-bottom:18px}
.h-xl{font:700 clamp(64px,14vw,230px)/.8 var(--grot);letter-spacing:-.065em;text-transform:uppercase}
.sig{display:inline-block;margin:-.1em 0 0 .5em;font:400 clamp(46px,8vw,130px)/1 'Mrs Saint Delafield',cursive;color:var(--red);transform:rotate(-5deg);position:relative;z-index:2}
.post{display:none}.live .post{display:inline}.live .pre{display:none}
.cd{display:flex;gap:clamp(16px,4vw,56px);margin:28px 0 12px}
.cd>div{padding-left:clamp(14px,2.4vw,30px);border-left:1px solid #ffffff26}.cd>div:first-child{padding-left:0;border:0}
.cd b{display:block;font:700 clamp(40px,7vw,96px)/1 var(--grot);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.cd small{font:500 10px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ash)}
.cd-date{margin:0 0 34px!important}
.lk-form{width:min(520px,100%)}.lk-form label{display:block;margin-bottom:10px}
.lk-form .row{display:flex}
.lk-form input{flex:1;min-width:0;height:56px;padding:0 18px;background:transparent;color:var(--bone);border:1px solid var(--ash);border-right:0;border-radius:0;font:500 15px var(--mono);letter-spacing:.3em;text-transform:uppercase;transition:border-color 350ms ease}
.lk-form input::placeholder{color:#6f6f6a;letter-spacing:.24em}.lk-form input:focus{outline:0;border-color:var(--bone)}.lk-form input[aria-invalid=true]{border-color:var(--red)}
.lk-form input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.lk-form button{height:56px;padding:0 30px;background:var(--bone);color:var(--obs);border:1px solid var(--bone);border-radius:0;font:500 12px var(--mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all 350ms ease}.lk-form button:hover{background:transparent;color:var(--bone)}
.lk-err{margin-top:12px;padding:12px 14px;border-left:3px solid var(--red);background:#C63B3B14;font-size:14px}
.small{margin-top:14px;font-size:13px;color:#b5b5ae;max-width:46ch}.small a{border-bottom:1px solid currentColor}
.fwm{font:700 19vw/.72 var(--grot);letter-spacing:-.065em;white-space:nowrap;overflow:hidden;padding-left:2vw;height:14.5vw;user-select:none;color:var(--bone)}
@media(max-width:800px){.h-xl{font-size:21vw}.tech{width:70vw;right:-12vw;top:30%;opacity:.2}.fwm{height:16vw}.cd{gap:14px}.lk-main{padding-bottom:6vh}.sig{margin-left:.2em}}
@media(prefers-reduced-motion:reduce){.tech{animation:none}*{transition:none!important}}

/* v2: enter button (only visible once the drop is live), nicer form focus */
.lk-enter{display:none;align-items:center;gap:10px;margin:6px 0 22px;padding:16px 28px;background:var(--bone);color:var(--obs);text-decoration:none;font:500 12px var(--mono);letter-spacing:.22em;text-transform:uppercase;transition:all 350ms ease}
.lk-enter:hover{background:transparent;color:var(--bone);box-shadow:inset 0 0 0 1px var(--bone)}
.live .lk-enter{display:inline-flex}.live .lk-form,.live .cd-date{display:none}
.cd small{display:block;margin-top:6px}
.lk-form input:focus{box-shadow:0 0 0 3px #faf7f01a}