/* V1.1: signature entrance. Content stays available if scripting fails. */
.signature-entry{position:fixed;inset:0;z-index:200;background:#6c2938;color:#f7f4ee;display:grid;place-items:center;overflow:hidden;animation:entry-curtain 2.15s cubic-bezier(.76,0,.24,1) both}
.entry-halo{position:absolute;width:min(78vw,560px);aspect-ratio:1;border:1px solid #b9a38b55;border-radius:50%;box-shadow:0 0 0 28px #b9a38b08,0 0 0 56px #b9a38b05;animation:entry-halo 1.65s ease-out both;pointer-events:none}
.entry-signature{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:24px}
.entry-kicker{font-family:var(--serif);font-style:italic;font-size:clamp(22px,5vw,32px);opacity:0;animation:entry-type .7s .08s ease-out forwards}
.entry-name{font-family:var(--serif);font-size:clamp(64px,14vw,112px);letter-spacing:-.04em;line-height:1.1;margin:17px 0;opacity:0;animation:entry-type .8s .2s ease-out forwards}
.entry-name em{color:#e7ceae}.entry-rule{height:1px;width:120px;background:#b9a38b;transform:scaleX(0);animation:entry-line .7s .45s ease-out forwards}
.entry-label{font-size:10px;letter-spacing:.2em;margin-top:21px;opacity:0;animation:entry-type .7s .4s ease-out forwards}
.entry-skip{position:absolute;right:24px;bottom:max(28px,env(safe-area-inset-bottom));border:1px solid #f7f4ee55;border-radius:30px;padding:10px 18px;min-height:44px;background:transparent;color:inherit;font-size:12px}
.entry-skip{display:flex;align-items:center;gap:10px}.entry-skip svg{flex:none}.entry-skip:focus-visible{outline:2px solid #f7f4ee;outline-offset:4px}
@keyframes entry-curtain{0%,72%{transform:translateY(0);border-radius:0}100%{transform:translateY(-102%);border-radius:0 0 45% 45%}}
@keyframes entry-type{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes entry-line{to{transform:scaleX(1)}}
@keyframes entry-halo{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.signature-entry{display:none}}