:root{--espresso: #16110d;--cream: #f2e7d3;--amber: #d99a4e}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;background:var(--espresso)}img{position:absolute;width:100%;height:100%;object-fit:cover;clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%)}.hero{width:100vw;height:100vh;padding:3em}.pre-loader{width:200%;height:100%;padding:2em;position:fixed;top:0;right:0;display:flex;justify-content:flex-end;align-items:flex-end;gap:.5em;overflow:hidden;z-index:2}.pre-loader p{width:max-content;text-transform:uppercase;font-family:Fraunces,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:56px;font-weight:500;letter-spacing:.02em;line-height:60px;color:var(--amber)}.counter{height:100px;display:flex;font-family:Fraunces,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:100px;font-weight:500;line-height:150px;color:var(--cream);clip-path:polygon(0 0,100% 0,100% 100px,0 100px)}.digit-1,.digit-2,.digit-3,.digit-4{position:relative;top:-15px}.offset{position:relative;right:-7.5px}.progress-bar{position:relative;top:-15px;width:0%;height:3px;background:var(--amber)}.hero-imgs{position:relative;width:100%;height:100%;overflow:hidden;z-index:0}.website-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}nav{position:fixed;top:0;width:100%;display:flex;padding:2em}nav>div{flex:1;font-family:Fraunces,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:.06em;color:var(--cream);text-transform:uppercase}.site-info{text-align:center;font-weight:500;letter-spacing:.14em;color:var(--amber);align-self:center}.site-info p{font-size:12px}.menu{text-align:right}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}h1{text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:21vw;font-weight:200;letter-spacing:-.01em;color:var(--cream);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}h1 span{position:relative;top:400px}@media(max-width:900px){.pre-loader{padding:1em;gap:.5em}.counter{font-size:70px}.pre-loader p{font-size:38px;line-height:64px}.offset{position:relative;right:-5px}nav{padding:1.25em 1em}nav>div{font-size:15px;line-height:1.2}.site-info{flex:1.6;padding:0 .5em}}@media(max-width:768px){.hero{padding:1.25em}nav{padding:1.25em 1em;align-items:center}nav>div{font-size:12px;letter-spacing:.04em}.site-info p{font-size:10px;letter-spacing:.1em;line-height:1.35}.logo,.menu{flex:.7}}