*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:#262520;background:#f6f4ef}body{margin:0;min-height:100svh}.backdrop{max-width:640px;margin:auto;padding:64px 32px;filter:blur(7px);user-select:none}header{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.06em;color:#78736b}article{padding-top:70px}.eyebrow{font-size:13px;letter-spacing:.12em}h1{font-family:Georgia,serif;font-size:48px;line-height:1.15;overflow-wrap:anywhere}article p{font:19px/1.8 Georgia,serif;color:#69645d}article h2{font:26px Georgia,serif}.rule{height:1px;background:#d2cbbf;margin:30px 0}.veil{position:fixed;inset:0;background:rgba(34,34,30,.59)}.gate{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 40px));max-height:calc(100svh - 32px);overflow:auto;background:#fffefa;border-radius:19px;padding:30px 26px 22px;text-align:center;box-shadow:0 20px 45px #0003}.gate h2{font-size:18px;line-height:1.35;letter-spacing:-.035em;margin:0 0 10px;font-weight:600}.gate p{font-size:14px;line-height:1.55;color:#66635e;margin:0}.gate .destination{font-size:13px;margin:12px 0 18px}.destination span{font-weight:600;color:#39362f}.continue{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;padding:12px 18px;background:linear-gradient(110deg,#191916,#302e29);color:#fffdfa;border:0;border-radius:30px;font:500 16px/1.35 Arial,sans-serif;text-decoration:none;box-shadow:0 4px 12px #0003;cursor:pointer}.continue:hover{background:#39362f}.continue:disabled{opacity:.65;cursor:not-allowed}.leave{font:14px Arial,sans-serif;border:0;background:none;color:#6e6962;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin:18px 0 12px;padding:6px}.gate .small{font-size:12px;color:#878178;line-height:1.5}.preview-label{position:fixed;bottom:23px;left:20px;right:20px;text-align:center;color:#fffefa;font:11px/1.6 Arial,sans-serif;letter-spacing:.13em}.preview-label span{display:block;font-size:12px;letter-spacing:0;color:#eee9e0}.exit{position:relative;margin:25vh auto 0;padding:32px;max-width:520px}.exit h1{font-size:36px}.exit p{font-size:16px;line-height:1.6}.exit button{background:#24231f;color:#fffefa;border:0;border-radius:30px;font-size:16px;padding:14px 24px;cursor:pointer}:focus-visible{outline:3px solid #c09756;outline-offset:4px}[hidden]{display:none!important}body.exited .backdrop,body.exited .veil,body.exited .gate,body.exited .preview-label{display:none}@media(max-height:560px){.preview-label{display:none}.gate{padding:20px}.gate .small{display:none}}@media(prefers-reduced-motion:no-preference){.gate{animation:appear .18s ease-out}@keyframes appear{from{opacity:0}to{opacity:1}}}

/* Compact reference popup. */
.gate{padding:30px 26px 26px;border-radius:19px}
.gate h2{font-size:18px;line-height:22px;letter-spacing:-.035em;margin:0 0 8px;font-weight:600}
.gate #gate-description{font-size:14px;line-height:20px;margin:0 0 24px;color:#756f65}
.continue{height:52px;min-height:52px;font-weight:500}
.continue:disabled{opacity:1;cursor:default}
.continue:disabled:hover{background:linear-gradient(110deg,#191916,#302e29)}
