*{margin:0;padding:0;box-sizing:border-box;font-family:Akkurat Trial TT}html,body{width:100vw;height:400vh;background-color:#111;color:#fff;overflow-x:hidden}h1{text-transform:uppercase;font-size:225px;font-weight:400;line-height:.85}a,p{text-decoration:none;color:#fff;font-size:13px;font-weight:400;line-height:.9}p span{font-family:Gascogne Serial}.model{position:fixed;z-index:2}nav{position:fixed;top:0;left:0;width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center}nav a{text-transform:uppercase}section{width:100vw;height:100vh}.intro{display:flex;flex-direction:column;justify-content:center;padding:1em}.header-row{display:flex;gap:12em;align-items:center}.header-row p{text-transform:uppercase;width:20%}.archive{height:200vh;display:flex;flex-direction:column;gap:3em;justify-content:center;align-items:center;text-align:center}.archive-header{font-family:Gascogne Serial;font-size:italic}.archive h2{font-family:Gascogne Serial;font-size:120px;font-weight:300;color:#4f4f4f}.archive-info{width:100%;padding:1em;justify-content:space-around;align-items:center}.archive-info p{text-transform:uppercase;color:#4f4f4f}.outro{display:flex;flex-direction:column;justify-content:space-between;padding:6em 2em 2em}.outr-copy h2{width:75%;text-transform:uppercase;font-size:60px;font-weight:400;line-height:1;margin-bottom:.5em}.outr-copy h2 .line{position:relative;clip-path:polygon(0,0,100% 0,100% 100%,);overflow:hidden;display:block}.outr-copy h2 .line span{position:relative;will-change:transform;display:flex;transform:translateY(70px)}.outr-copy p{display:flex;margin:1em 0;gap:2;text-transform:uppercase}.outr-copy p span{font-family:Akkurat Trial TT}.footer{display:flex;justify-content:space-between;align-items:flex-end;text-transform:uppercase}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}@media (max-width: 600px){h1{font-size:50px}.header-row{flex-direction:column;align-items:flex-start}.archive h2,.outr-copy h2{font-size:30px}}@media (min-width: 601px) and (max-width: 1024px){h1{font-size:100px}.header-row{flex-direction:row}.archive h2{font-size:60px}.outr-copy h2{font-size:40px}}