@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Outfit:wght@800&display=swap";:root{--light: #fff;--dark: #0f0f0f;--base-100: #f5f5f4;--base-400: #171717}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Instrument Serif",sans-serif;background-color:var(--light);color:var(--dark)}img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(5rem,6vw,7rem);font-weight:500;line-height:.8}p{font-size:1.35rem;line-height:1}section{position:relative;width:100%;height:100svh;overflow:hidden}.site-header{position:fixed;top:0;left:0;z-index:100;padding:1.25rem 1.5rem;pointer-events:none}.site-header__link{pointer-events:auto;text-decoration:none;color:inherit;display:inline-block}.site-logo{display:inline-block;font-family:PP Pangram Sans,Outfit,sans-serif;font-size:clamp(.95rem,2.5vw,1.125rem);font-weight:800;letter-spacing:.02em;text-transform:lowercase;padding:.55em .85em;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 6px 28px #0f0f0f1f,0 1px #fff9 inset;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}.site-logo.logo-inverted{background-color:var(--base-400);color:var(--base-100);box-shadow:0 6px 32px #00000073,0 0 0 1px #ffffff24}.hero{perspective:1000px;color:var(--light)}.hero-header a{color:inherit;text-decoration:underline;text-underline-offset:.18em}.outro{padding:2rem;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--base-400)}.sky-container,.hero-copy,.window-container,.hero-header{position:absolute;top:0;left:0;width:100%;will-change:transform}.sky-container{height:350svh}.hero-copy{height:100svh;display:flex;justify-content:center;align-items:center}.hero-copy h1{width:85%}.window-container{height:100svh}.hero-header{height:100svh;padding:2rem;display:flex;transform-style:preserve-3d}.hero-header .col{flex:1;display:flex;flex-direction:column;justify-content:space-between}.hero-header .col p{width:50%}.hero-header .col:nth-child(2){align-items:flex-end;text-align:right}@media(max-width:1000px){h1{font-size:3rem}p{font-size:1.125rem}.site-header{padding:1rem 1.1rem}.site-logo{font-size:.8rem;padding:.45em .65em;border-radius:.4rem}}