.hero{background:var(--background);justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(var(--color-black-45), var(--color-black-45)), var(--hero-bg-image) center/cover no-repeat;opacity:0;z-index:1;animation:bgReveal 2s var(--cubic-reveal) .5s forwards;position:absolute;inset:0;transform:scale(1.2)}.hero-overlay-video{object-fit:cover;pointer-events:none;mix-blend-mode:screen;opacity:0;z-index:2;width:100%;height:100%;animation:2s .8s forwards overlayFade;position:absolute;inset:0;transform:scale(1.05)}.hero-bottom-fade{z-index:4;pointer-events:none;background:linear-gradient(to bottom, var(--color-transparent), var(--background));width:100%;height:220px;position:absolute;bottom:0;left:0}.hero-title{z-index:3;color:var(--color-warm-grey);font-family:var(--font-notch);text-transform:lowercase;letter-spacing:1.5rem;mix-blend-mode:normal;opacity:0;animation:textReveal 1.8s var(--cubic-reveal) 1s forwards;font-size:clamp(4rem,10vw,8rem);display:inline-block;position:relative;overflow:hidden;transform:translateY(30px)}.hero-title span{transition:transform .7s var(--cubic-slide);transition-delay:calc(var(--i-rev,0) * 35ms);will-change:transform;display:inline-block;transform:translateY(0)}.hero-title.up span{transition-delay:calc(var(--i,0) * 35ms);transform:translateY(-140%)}.hero-subtext{opacity:0;z-index:5;width:200px;color:var(--color-white-70);font-family:var(--font-notch);letter-spacing:.04rem;animation:wordReveal .38s var(--cubic-reveal) forwards;font-size:.9rem;line-height:1.4;position:absolute;bottom:2rem;left:2rem}.hero-subtext .word{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.hero-subtext .word span,.hero-subtext>span span{opacity:0;animation:wordReveal .38s var(--cubic-reveal) forwards;display:block;transform:translateY(100%)}.hero-subtext br{width:100%}.hero-subtext>span{height:1.2em;display:block;position:relative;overflow:hidden}.hero-subtext>span:first-of-type span{animation-delay:2.4s}.hero-subtext>span:nth-of-type(2) span{animation-delay:2.44s}.hero-subtext>span:nth-of-type(3) span{animation-delay:2.48s}.hero-subtext>span:nth-of-type(4) span{animation-delay:2.52s}.hero-subtext>span:nth-of-type(5) span{animation-delay:2.56s}.hero-subtext>span:nth-of-type(6) span{animation-delay:2.6s}.hero-subtext>span:nth-of-type(7) span{animation-delay:2.64s}.hero-subtext>span:nth-of-type(8) span{animation-delay:2.68s}.hero-subtext>span:nth-of-type(9) span{animation-delay:2.72s}.hero-subtext>span:nth-of-type(10) span{animation-delay:2.76s}.nav-links-nav{z-index:10;position:absolute;top:2rem;right:2rem}.nav-links-nav ul{flex-direction:column;align-items:flex-end;gap:.5rem;list-style:none;display:flex}.nav-links-nav li{opacity:0;animation:navReveal .8s var(--cubic-reveal) forwards;transform:translate(40px)}.nav-links-nav li:first-child{animation-delay:2s}.nav-links-nav li:nth-child(2){animation-delay:2.12s}.nav-links-nav li:nth-child(3){animation-delay:2.24s}.nav-links-nav li:nth-child(4){animation-delay:2.36s}.nav-links-nav li:nth-child(5){animation-delay:2.48s}.nav-links-nav a{height:1.2em;color:var(--color-warm-grey-alt);font-family:var(--font-notch);letter-spacing:.1rem;font-size:1rem;text-decoration:none;display:block;position:relative;overflow:hidden}.nav-links-nav a span{transition:transform .35s cubic-bezier(.76,0,.24,1);display:block}.nav-links-nav a span:nth-child(2){position:absolute;top:0;left:0;transform:translateY(100%)}.nav-links-nav a:hover span:first-child{transform:translateY(-100%)}.nav-links-nav a:hover span:nth-child(2){transform:translateY(0)}.scroll-down{z-index:6;color:var(--color-white-70);letter-spacing:.15rem;flex-direction:column;align-items:flex-end;gap:.1rem;font-family:Google Sans Code,sans-serif;font-size:.85rem;display:flex;position:absolute;bottom:2rem;right:2rem}.scroll-down span{opacity:0;animation:letterIn .5s var(--cubic-reveal) forwards;display:block;transform:translate(14px)}.scroll-down span:first-child{animation-delay:1.8s}.scroll-down span:nth-child(2){animation-delay:1.88s}.scroll-down span:nth-child(3){animation-delay:1.96s}.scroll-down span:nth-child(4){animation-delay:2.04s}.scroll-down span:nth-child(5){animation-delay:2.12s}.scroll-down span:nth-child(6){animation-delay:2.2s}@media (width<=700px){.hero{justify-content:flex-start;align-items:flex-start;padding:1.5rem}.hero-overlay-video{transform:rotate(90deg)}.hero-bg{width:100svh;height:100vw;inset:50% auto auto 50%;translate:-50% -50%;rotate:270deg}.hero-title{letter-spacing:0;animation:textRevealMobile 1.8s var(--cubic-reveal) 1s forwards;flex-direction:column;font-size:clamp(3rem,12vw,5rem);display:flex;position:absolute;top:2.5rem;left:1.5rem;overflow:visible;transform:none}.hero-title span{will-change:auto;display:block}.hero-title.up span{transition:transform .7s var(--cubic-slide)}.hero-subtext{width:220px;left:1.2rem}.nav-links-nav a{letter-spacing:.1rem;font-size:1.5rem}.scroll-down{bottom:1.2rem;right:1.2rem}}