/* The opening uses the same paper, ink, logo and pigment as the page. */
html.entrance-pending:after{content:'';position:fixed;inset:0;background:#f7f7f2;z-index:999;pointer-events:none}
.entrance-overlay{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;touch-action:none}
.entrance-veil{position:absolute;inset:0;background:#f7f7f2;pointer-events:none}
.entrance-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}
.entrance-skip{position:absolute;right:clamp(20px,4vw,64px);bottom:max(26px,env(safe-area-inset-bottom));z-index:2;border:0;border-bottom:1px solid #191b1833;background:transparent;color:#4b4e46;padding:10px 0;font:400 12px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.02em;cursor:pointer;transition:color .2s,border-color .2s;min-height:44px}
.entrance-skip:hover{color:#191b18;border-color:#191b18}
.entrance-skip:focus-visible{outline:2px solid #191b18;outline-offset:6px}
.entrance-caption{position:absolute;left:50%;top:calc(50% + min(22vw,175px));transform:translateX(-50%);width:90%;text-align:center;color:#4b4e46;font:400 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.19em;text-transform:uppercase;pointer-events:none}
.entrance-static-mark{position:absolute;left:50%;top:50%;width:min(54vw,430px);height:auto;aspect-ratio:700/390;transform:translate(-50%,-50%)}
html.entrance-running{overflow:hidden}
#main[tabindex="-1"]:focus{outline:none}
html.entrance-running .site-header .mark{opacity:var(--entrance-header-opacity,0)}
/* The paper veil fades the page and native hero ring in as one composition. */
html.entrance-running .entrance-overlay~*{pointer-events:none}
@media(max-width:600px){.entrance-caption{top:calc(50% + 120px);font-size:9px;letter-spacing:.15em}.entrance-static-mark{width:72vw}.entrance-skip{right:24px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.entrance-skip{transition:none}}