@font-face{font-family:Archivo;src:url('/gate/archivo.woff2');font-weight:900;font-display:swap}@font-face{font-family:Inter;src:url('/gate/inter.woff2');font-weight:400;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#0a0a09;background:#feb902;color-scheme:light}*{box-sizing:border-box}body{margin:0}.gate{height:100svh;min-height:530px;position:relative;overflow:hidden;padding:5vh 6vw}header{position:relative;z-index:2;width:clamp(130px,15vw,230px)}header svg{width:100%;display:block}.interaction{position:absolute;left:8%;top:32%;width:40%;max-width:570px;z-index:2}h1{font-family:Archivo,Arial,sans-serif;font-weight:900;font-size:clamp(45px,5.4vw,86px);letter-spacing:-.055em;line-height:1.02;margin:0;min-height:2.04em}.copy>p{font-size:clamp(22px,2.3vw,32px);margin:22px 0 34px;letter-spacing:-.035em}form{max-width:420px}.password-wrap{display:flex;border-bottom:2px solid #0a0a09;align-items:center}input{width:100%;min-width:0;font:400 18px Inter,sans-serif;border:0;background:none;color:inherit;padding:16px 0;outline-offset:5px}input::placeholder{color:#39331f;opacity:1}button{font:inherit;color:inherit;cursor:pointer}.reveal{background:none;border:0;font-size:13px;padding:16px 0 16px 12px}.enter{border:0;background:#0a0a09;color:#feb902;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:17px;font-weight:bold;letter-spacing:.03em}.enter span{font-size:26px;line-height:1}button:focus-visible,input:focus-visible{outline:3px solid #0a0a09;outline-offset:5px}.enter:focus-visible{outline-offset:4px}#feedback{font-size:13px;min-height:18px;margin:9px 0 13px}.portrait{position:absolute;width:47%;height:88%;right:3%;bottom:0;overflow:hidden}.dog{position:absolute;inset:0;background-image:url('/gate/dogs.webp');background-repeat:no-repeat;background-size:300% auto;opacity:0;transition:opacity 160ms ease;filter:url(#dog-cutout)}.dog-initial{background-position:0 0}.dog-error{background-position:50% 0}.dog-success{background-position:100% 0}.gate[data-state=initial] .dog-initial,.gate[data-state=error] .dog-error,.gate[data-state=success] .dog-success{opacity:1}.gate[data-state=error] .password-wrap{border-color:#762d10}.gate[data-state=success] form{visibility:hidden;pointer-events:none}.gate[data-state=success] h1,.gate[data-state=error] h1{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:disabled{cursor:wait;opacity:.7}
@media(min-width:701px){.portrait{width:min(47vw,51vh);right:8%;height:85vh}.dog{background-size:auto 121%;background-position-x:0}.dog-error{background-position-x:50%}.dog-success{background-position-x:100%}}
@media(max-width:700px){.gate{height:100svh;min-height:560px;padding:20px 7vw;display:flex;flex-direction:column;align-items:center}header{width:140px;flex-shrink:0}.portrait{position:relative;right:auto;bottom:auto;width:min(76vw,245px);height:clamp(210px,39svh,350px);flex-shrink:0;margin-top:12px}.dog{background-size:300% auto}.interaction{position:relative;left:auto;top:auto;width:100%;max-width:390px;margin-top:10px;text-align:center}h1{font-size:clamp(29px,8vw,38px);min-height:1.02em;white-space:nowrap}h1 br{display:none}.copy>p{font-size:21px;margin:12px 0 20px}form{width:100%;text-align:left}input{font-size:16px;padding:12px 0}.reveal{padding:12px 0 12px 10px}.enter{padding:13px 20px}#feedback{margin:5px 0 7px;font-size:12px;min-height:16px}.gate[data-state=error] h1,.gate[data-state=success] h1{justify-content:center}}
@media(max-width:700px) and (max-height:680px){.gate{padding-top:14px;min-height:500px}header{width:115px}.portrait{height:31svh;width:200px;margin-top:8px}.interaction{margin-top:8px}.copy>p{margin:8px 0 10px}}
@media(prefers-reduced-motion:reduce){.dog{transition:none}}
/* Hide the reference's thin panel separators without trimming the face. */
.dog{clip-path:inset(0 3px)}
@media(max-width:700px){.portrait{height:clamp(230px,44svh,395px)}}
@media(max-width:700px) and (max-height:680px){.portrait{height:39svh}}