.intro{--intro-progress:0;--intro-rest-top:0px;--intro-rest-left:0px;--intro-rest-width:100vw;--intro-rest-height:100lvh;--media-top:calc(-4px + (var(--intro-rest-top) - -4px) * var(--intro-progress));--media-left:calc(-4px + (var(--intro-rest-left) - -4px) * var(--intro-progress));--media-width:calc(100vw + 8px + (var(--intro-rest-width) - (100vw + 8px)) * var(--intro-progress));--media-height:calc(100lvh + 8px + (var(--intro-rest-height) - (100lvh + 8px)) * var(--intro-progress));pointer-events:none;z-index:101;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro__media{top:calc(-4px + (var(--intro-rest-top) + 4px)*var(--intro-progress));left:calc(-4px + (var(--intro-rest-left) + 4px)*var(--intro-progress));height:calc(100lvh + 8px + (var(--intro-rest-height) - (100lvh + 8px))*var(--intro-progress));width:calc(100vw + 8px + (var(--intro-rest-width) - (100vw + 8px))*var(--intro-progress));pointer-events:auto;will-change:top,left,width,height;border-radius:8px;position:fixed;overflow:hidden}.intro__media-image{object-fit:cover}.intro__media-scrim{opacity:calc(1 - var(--intro-progress));background-color:#00000080;position:absolute;inset:0}.intro__text{width:calc(50% - 8px);position:relative}@media (min-width:2000px){.intro__text{width:calc(41.6667% - 9.33333px)}}@media (max-width:960px){.intro__text{width:100%}}@media (max-width:480px){.intro__text{width:100%}}.intro__text{z-index:1;margin:auto}.intro__text p{font-family:var(--font-ease-full-rounded),sans-serif;font-size:clamp(1.75rem,2rem + .833333vw - 12px,2rem)}@media (min-width:2000px){.intro__text p{font-size:clamp(2rem,2rem + 0vw - 0px,2rem)}}@media (max-width:960px){.intro__text p{font-size:clamp(1.75rem,1.75rem + 0vw - 0px,1.75rem)}}@media (max-width:480px){.intro__text p{font-size:1.75rem}}.intro__text p{letter-spacing:-.04em;text-align:center;color:var(--color-white);font-weight:900;line-height:1}.intro__logo{height:var(--header-height);padding-top:calc(var(--safe-top) + var(--bar-tint-height));z-index:2;width:100vw;clip-path:inset(max(0px, var(--media-top)) max(0px, 100vw - var(--media-left) - var(--media-width)) max(0px, var(--header-height) - var(--media-top) - var(--media-height)) max(0px, var(--media-left)));position:fixed;top:0;left:0}.intro__logo .wrapper{justify-content:flex-start;align-items:center;height:100%;display:flex}.intro__logo span{font-family:var(--font-ease-full-rounded),sans-serif;font-size:clamp(2.875rem,3rem + .416667vw - 6px,3rem)}@media (min-width:2000px){.intro__logo span{font-size:clamp(3rem,3rem + 0vw - 0px,3rem)}}@media (max-width:960px){.intro__logo span{font-size:clamp(2.75rem,2.875rem + .416667vw - 4px,2.875rem)}}@media (max-width:480px){.intro__logo span{font-size:2.75rem}}.intro__logo span{text-transform:uppercase;letter-spacing:-.1em;color:var(--color-white);font-weight:900;line-height:1}.intro__scroll{--band-height:calc(80px + var(--safe-bottom));width:100vw;height:var(--band-height);padding-bottom:calc(40px + var(--safe-bottom));font-family:var(--font-roboto-mono),monospace;justify-content:center;align-items:flex-end;font-size:clamp(.875rem,1rem + .416667vw - 6px,1rem);display:flex;position:fixed;bottom:0;left:0}@media (min-width:2000px){.intro__scroll{font-size:clamp(1rem,1rem + 0vw - 0px,1rem)}}@media (max-width:960px){.intro__scroll{font-size:clamp(.875rem,.875rem + 0vw - 0px,.875rem)}}@media (max-width:480px){.intro__scroll{font-size:.875rem}}.intro__scroll{letter-spacing:-.01em;text-transform:uppercase;color:var(--color-white);transition:opacity var(--theme-transition-duration) ease;opacity:.7;z-index:2;clip-path:inset(max(0px, var(--media-top) - (100lvh - var(--band-height))) max(0px, 100vw - var(--media-left) - var(--media-width)) max(0px, 100lvh - var(--media-top) - var(--media-height)) max(0px, var(--media-left)));font-weight:400;line-height:1}