:root{--ink: #16130f;--paper: #fbfaf7;--muted: #78726a;--line: #e4e0d8;--accent: #e8361c}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--paper)}html,body{width:100vw;height:100vh;color:var(--ink);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.pre-loader{position:fixed;top:0;width:100%;height:100%;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.loader{position:absolute;top:0;width:100%;height:100%;background:#0c0a08;color:#fff;display:flex;justify-content:center;align-items:center}.loader-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;width:400px;z-index:2;color:#fff}.count{flex:2;text-align:right;line-height:1;padding:0 1em;font-family:Hanken Grotesk,sans-serif;font-size:15px;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--accent)}.copy{flex:6;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:30px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;line-height:1}.ml16{overflow:hidden}.ml16 .letter{display:inline-block;line-height:1em}.loader-bg{position:absolute;display:block;top:0;width:100%;height:100%;background:var(--accent);z-index:-1}.loader-2{position:absolute;top:0;width:100%;height:100%;background:url(/c/responsive-landing-page/hero.gif) no-repeat 50% 50%;background-size:cover;z-index:-1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.site-content{position:relative;z-index:-2}nav{width:100%;padding:2em 2.4em;display:flex;align-items:center}a{text-decoration:none;color:var(--ink)}nav>div{flex:1}.logo a{font-size:16px;font-weight:600;letter-spacing:-.01em}.logo .dot{font-size:9px;vertical-align:super;color:var(--accent);margin-left:1px}.links{display:flex;justify-content:flex-end;gap:3.5em}.links a{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);position:relative;padding-bottom:2px;transition:color .25s ease}.links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.links a:hover{color:var(--ink)}.links a:hover:after{transform:scaleX(1)}.header{display:flex;padding:.6em 1em 1em}.header h1{flex:1;position:relative;font-size:20vw;font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:500;text-transform:uppercase;letter-spacing:-.01em;line-height:.9;text-align:center;justify-content:center;align-items:center}footer{position:fixed;bottom:0;width:100%;display:flex;align-items:flex-end;gap:2em;padding:2.4em}footer>div{flex:1}.footer-copy .eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.9em}.footer-copy p:not(.eyebrow){width:62%;max-width:30ch;font-size:15px;line-height:1.55;color:var(--muted)}.footer-nav{display:flex;flex-direction:column;align-items:flex-end;gap:1em}.footer-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.footer-label .arrow{margin-left:.4em;color:var(--accent)}.thumbs{display:flex;gap:1.2em}.img{width:225px;height:150px;clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}.img:nth-child(1){background:url(/c/responsive-landing-page/nav-2.avif) no-repeat 50% 50%;background-size:cover}.img:nth-child(2){background:url(/c/responsive-landing-page/nav-1.avif) no-repeat 50% 50%;background-size:cover}@media(max-width:900px){footer{flex-direction:column;align-items:flex-start;gap:2em}.footer-copy p:not(.eyebrow){width:100%}.footer-nav{width:100%;align-items:flex-start}.thumbs{width:100%;justify-content:space-between}}@media(max-width:768px){nav{flex-direction:column;align-items:flex-start;gap:1em;padding:1.5em 1.5em 0}nav>div{flex:none;width:100%}.links{justify-content:flex-start;gap:2em}.header{padding:.4em .6em .8em}.header h1{font-size:22vw}.copy{font-size:24px}.loader-content{width:300px}footer{padding:1.5em;gap:1.5em}.footer-copy p:not(.eyebrow){font-size:14px;max-width:none}.thumbs{gap:.8em}.img{width:100%;height:40vw;max-height:170px}}