@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap";:root{--dark:#0f0f0f;--light:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Google Sans Flex,sans-serif}img{object-fit:cover;width:100%;height:100%}h1{color:var(--dark);letter-spacing:-1%;font-size:clamp(6rem,12vw,14rem);font-weight:600;line-height:1.25}p,a{color:var(--dark);letter-spacing:-1%;font-size:1.1rem;font-weight:450;text-decoration:none}nav{z-index:1;align-items:center;width:100%;padding:3rem;display:flex;position:fixed;top:0;left:0}.nav-item{flex:1;display:flex}.nav-item a{overflow:hidden}.nav-item img{object-fit:contain;will-change:transform;width:10rem;transform:translateY(100%)}.nav-item:nth-child(2){justify-content:center}.nav-item:nth-child(3){justify-content:flex-end}footer{z-index:1;justify-content:space-between;align-items:center;width:100%;padding:3rem;display:flex;position:absolute;bottom:0;left:0}.hero{width:100%;height:100svh;position:relative;overflow:hidden}.hero-overlay{background-color:var(--dark);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);z-index:2;width:100%;height:100svh;position:absolute;top:0;left:0}.hero-img-wrapper{aspect-ratio:4/5;z-index:10;width:20%;max-width:250px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hero-img{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);will-change:clip-path;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-img-wrapper img{will-change:transform;transform:scale(2)}.hero-copy{text-align:center;z-index:0;flex-direction:column;align-items:center;gap:1.5rem;width:35%;display:flex;position:absolute;bottom:15svh;left:50%;transform:translate(-50%)}.hero-callout p{text-transform:uppercase;border:2px solid var(--dark);will-change:transform, opacity;opacity:0;width:max-content;padding:.5rem 1.5rem;transform:translateY(100%)}.marquee{pointer-events:none;z-index:0;width:100%;position:absolute;top:45%;left:0;overflow:hidden;transform:translateY(-75%)}.marquee-track{width:max-content;display:flex}.marquee-track h1{white-space:nowrap;will-change:transform;padding-right:.5em;transform:translateY(100%)}.counter{height:var(--digit-h);--digit-h:1.65rem;display:flex;position:absolute;bottom:10svh;left:50%;overflow:hidden;transform:translate(-50%)}.digit-col{flex-direction:column;display:flex}.digit-col span{letter-spacing:-.02em;height:var(--digit-h);color:var(--light);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:450;line-height:1;display:flex}.line{will-change:transform;position:relative;transform:translateY(100%)}@media (width<=768px){nav,footer{padding:2rem}.nav-item img{width:5rem}.hero-img-wrapper{width:60%}.hero-copy{width:85%}}