.intro{z-index:100;color:#141414;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;cursor:default;background:#ebe6dd;position:fixed;inset:0;overflow:hidden}.intro[data-phase=leaving]{pointer-events:none}.intro-scene{position:absolute;inset:0}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-rise{0%{transform:translateY(130%)}to{transform:none}}@keyframes intro-sink{0%{transform:none}to{transform:translateY(-112%)}}.intro-skip{right:var(--spacing-gutter);z-index:5;color:#fff;mix-blend-mode:difference;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.75rem;animation:.5s .6s both intro-fade-in;position:absolute;bottom:1.75rem}.intro[data-phase=leaving] .intro-skip{opacity:0;transition:opacity .2s;animation:none}.intro-name{left:var(--spacing-gutter);z-index:3;font-family:var(--font-display);letter-spacing:-.035em;white-space:nowrap;color:#141414;pointer-events:none;margin:0;font-size:clamp(4.2rem,12.6vw,13.5rem);font-weight:300;line-height:.92;position:absolute;bottom:calc(.9rem + .2em)}.intro-name .slit{vertical-align:top;margin-bottom:-.2em;padding-bottom:.2em;display:inline-block;overflow:hidden}.intro-name .glyph{display:inline-block;transform:translateY(130%)}.intro-name .gap{width:.24em;display:inline-block}.intro[data-on] .intro-name .glyph{animation:intro-rise .9s var(--ease-settle) calc(var(--name-at,.4s) + var(--n) * 55ms) both}.intro[data-phase=leaving] .intro-name .glyph{animation:intro-sink .65s var(--ease-settle) calc(var(--n) * 25ms) both}@media (max-aspect-ratio:1){.intro-name{font-size:clamp(4rem,27vw,13rem);line-height:.88;bottom:calc(4.4rem + .2em)}.intro-name .gap{width:100%;height:0;display:block}}.intro[data-phase=leaving]{background:0 0}.halftone{position:absolute;inset:0}.halftone-canvas{width:100%;height:100%;position:absolute;inset:0}.intro .halftone-name{text-align:center;color:#fff;mix-blend-mode:difference;bottom:50%;left:0;right:0;translate:0 50%}@media (max-aspect-ratio:1){.intro .halftone-name{font-size:clamp(4rem,27vw,13rem)}}.intro[data-skipped],.intro[data-skipped] *{animation-duration:.42s!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){.intro *,.intro{transition:none!important;animation-duration:1ms!important;animation-delay:0s!important}}