#intro{position:absolute;inset:0;z-index:20;pointer-events:none}#intro.intro-live{pointer-events:auto}.intro-root{position:absolute;inset:0;transition:opacity .4s var(--ease-inout)}.intro-root.intro-done{opacity:0;pointer-events:none}.intro-mark{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#fbf9f2;opacity:0;pointer-events:none;transition:opacity .42s var(--ease-inout),visibility 0s linear .42s}.intro-mark.in{opacity:1}.intro-mark.gone{opacity:0;visibility:hidden}.intro-mark svg{transform:scale(.97);transition:transform 1.3s var(--ease-out)}.intro-mark.in svg{transform:scale(1)}.intro-card{position:absolute;inset:0;opacity:0;transition:opacity .55s var(--ease-inout)}.intro-card.in{opacity:1}.intro-card.quick-out{transition:opacity .5s var(--ease-inout);opacity:0}.intro-ground{position:absolute;inset:0;pointer-events:none;background-image:var(--tex-paper),radial-gradient(ellipse 78% 66% at 50% 40%,#fdf9ec 0%,#f2ecd2 52%,#ddd2ae 100%);background-size:420px 420px,100% 100%;background-blend-mode:multiply,normal;transition:opacity .1s linear}.intro-ground{will-change:mask-image}.intro-porthole{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 42px rgba(24,15,6,.55);clip-path:ellipse(0 0 at 560px 286px)}.intro-lockup{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lk-arc{fill:var(--navy);font-family:var(--serif);font-weight:500;font-feature-settings:'smcp' 1}.lk-arc-b{fill:#33406f}.lk-of text{fill:var(--navy);font-family:var(--serif)}.lk-kicker{fill:#4a5273;font-family:var(--serif);letter-spacing:.06em}.lk-rule{stroke:var(--navy);stroke-width:1.6;opacity:.85}.lk-science{fill:var(--crimson);font-family:var(--serif);font-weight:500;font-feature-settings:'smcp' 1}.intro-card .lk-arc,.intro-card .lk-kicker,.intro-card .lk-of,.intro-card .lk-science{opacity:0;transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}.intro-card .lk-science{transform:translateY(14px)scale(.97);transform-origin:560px 690px}.intro-card .lk-of{transform:scaleX(.7);transform-origin:560px 620px}.intro-card.in .lk-arc{opacity:1}.intro-card.in .lk-arc{transition-delay:.12s}.intro-card.in .lk-arc-b{transition-delay:.34s}.intro-card.in .lk-kicker{opacity:1;transition-delay:.24s}.intro-card.in .lk-of{opacity:1;transform:none;transition-delay:.46s}.intro-card.in .lk-science{opacity:1;transform:none;transition-delay:.62s}.intro-begin{position:absolute;left:50%;bottom:20px;transform:translateX(-50%)translateY(6px);padding:.42em 1.9em;border-radius:3px;cursor:pointer;font-family:var(--serif);font-feature-settings:var(--smallcaps);font-size:17px;letter-spacing:.16em;color:#3a2a10;background-image:var(--tex-gold),linear-gradient(180deg,#f0dcae,#c6a462 55%,#a2853f);background-size:200px 200px,100% 100%;background-blend-mode:soft-light,normal;border:1px solid rgba(60,42,12,.7);box-shadow:inset 0 1px rgba(255,248,222,.8),0 3px 8px rgba(0,0,0,.35);opacity:0;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.intro-begin.in{opacity:1;transform:translateX(-50%)}.intro-begin:hover{filter:brightness(1.07)}.intro-begin:active{transform:translateX(-50%)translateY(1px)}.intro-skip{position:absolute;right:18px;bottom:16px;z-index:3;padding:.28em 1.05em;border-radius:2px;cursor:pointer;font-family:var(--serif);font-feature-settings:var(--smallcaps);font-size:14px;letter-spacing:.15em;color:#e8d9b0;background:rgba(18,12,6,.55);border:1px solid rgba(190,158,96,.45);opacity:0;transition:opacity .5s var(--ease-out)}.intro-skip.in{opacity:.75}.intro-skip:hover{opacity:1}@media(prefers-reduced-motion:reduce){.intro-card .lk-arc,.intro-card .lk-of,.intro-card .lk-science{transition-duration:.25s;transition-delay:0s!important;transform:none!important}}