:root{--ink: #1f241d;--paper: #fdfcf7;--sage: #cdd6c3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,sans-serif;background:var(--ink)}img{width:100%;height:100%;object-fit:cover}h1{text-align:center;color:#fff;font-size:5rem;font-weight:500;line-height:1;letter-spacing:-.02em}h1 span{font-family:Fraunces,Hanken Grotesk;font-weight:500;font-style:italic;-webkit-font-smoothing:antialiased}a,p{text-decoration:none;text-transform:uppercase;color:#fff;font-size:12px;font-weight:500;line-height:1;-webkit-font-smoothing:antialiased}.container{position:relative;width:100vw;height:100svh;overflow:hidden}.hero-img{position:absolute;top:0;width:100vw;height:100svh;overflow:hidden;z-index:-1}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1f241d6b,#1f241d0d 22%,#1f241d00 45%,#1f241d38);pointer-events:none}.nav{position:absolute;top:0;width:100vw;padding:1.25em 1.5em;display:flex;align-items:center;gap:1.5em;will-change:transform}.nav>div{flex:1}.logo a{text-transform:capitalize;font-size:14px;font-weight:bolder}.nav-links{display:flex;gap:1.75em;justify-content:center}.nav-links a{letter-spacing:.12em;opacity:.92;transition:opacity .25s ease}.nav-links a:hover{opacity:1}.btn{display:flex;justify-content:flex-end}.btn a{display:flex;justify-content:center;align-items:center;font-size:16px;width:60px;height:40px;color:#000;background-color:#fff;border-radius:40px}.header{width:100%;height:100%;padding-top:25svh;display:flex;flex-direction:column;align-items:center;gap:1.75em}.hero-copy h1{font-size:clamp(2rem,6.2vw,5rem)}.header .line p{font-size:13px;letter-spacing:.24em;opacity:.9;text-align:center;max-width:32ch;text-wrap:balance}.cta{position:absolute;left:50%;bottom:3em;transform:translate(-50%);width:50%;height:60px;padding:.5rem;display:flex;justify-content:flex-end;background-color:#fff;border-radius:4rem;will-change:transform}.cta-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-label p{color:#000}.cta-icon{position:relative;height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:#fff;background-color:var(--ink);border-radius:60px;will-change:transform}.loader{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;z-index:2}.overlay{position:absolute;top:0;width:100%;height:100%;display:flex}.block{width:100%;height:100%;background:var(--ink)}.intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.25rem}#word-1{position:relative;left:-.5rem;padding-right:.25rem}.word h1{font-size:2.5rem}.divider{position:absolute;top:0;left:50%;transform:translate(-50%);transform-origin:center top;width:1px;height:100%;background-color:#fff}.spinner-container{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.spinner{width:50px;height:50px;border:1.4px solid #fff;border-top-color:#ffffff20;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.digit{flex:1;padding-top:1rem}.count .digit h1{font-family:Fraunces,Hanken Grotesk;font-size:15rem;font-weight:400}.nav{transform:translateY(-120%)}.cta{transform:translate(-50%) scale(0)}.cta-icon{transform:scale(0)}.line,.cta-label,.word,.count .digit{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.line h1,.line p,.cta-label p,.count .digit h1{position:relative;transform:translateY(120%);will-change:transform}#word-1 h1{transform:translateY(-120%)}#word-2 h1{transform:translateY(120%)}.block{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.divider{transform:scaleY(0%);will-change:transform}.hero-img{transform:scale(1.5);will-change:transform}@media(max-width:900px){h1{font-size:2.5rem}.nav-links{display:none}.cta{width:90%}}@media(max-width:768px){.nav{padding:1.1em 1.25em;justify-content:space-between}.header{padding-top:20svh;padding-left:1.25rem;padding-right:1.25rem;gap:1.35em}.hero-copy h1{font-size:clamp(1.6rem,8.2vw,2.4rem);line-height:1.05}.header .line p{font-size:11px;letter-spacing:.16em;text-align:center;padding:0 .5rem}.cta{width:calc(100% - 2.5rem);max-width:420px;height:56px;bottom:2.25em}.word h1{font-size:2rem}.count .digit h1{font-size:8.5rem}}
