@import"https://fonts.googleapis.com/css2?family=Cossette+Titre:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=PP+Pangram+Sans:wght@800&display=swap";:root{--tone-100: #000000;--tone-200: #222222;--tone-300: #5b5c57;--tone-400: #e3e4d8;--tone-500: #fe0100;--base-100: #ffffff;--base-400: #000000}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}body{background-color:var(--tone-400);color:var(--tone-100)}h1,h2,h3,h4,a,p,span{font-family:Cossette Titre;text-transform:uppercase}h1{font-size:15rem;font-weight:500;color:var(--tone-500);line-height:.85}h2{font-size:7rem;font-weight:500;line-height:.9}h3{font-size:5rem;font-weight:500;line-height:.9}h4{font-size:3rem;font-weight:500;line-height:.9}a,p{text-decoration:none;font-size:1.25rem;font-weight:500;line-height:1.25}.container{width:100%;height:100%;padding:2rem;max-width:2000px;margin:0 auto}.word{display:inline-block;margin-right:.25em}.char,.char span{display:inline-block}@media(max-width:1000px){h1{font-size:5rem}h2{font-size:3.5rem}h3{font-size:2.25rem}h4{font-size:2rem}a,p{font-size:1.125rem}.container{padding:1rem}}.transition{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--tone-500);transform:scaleY(1);transform-origin:top;will-change:transform}nav{position:fixed;top:0;left:0;z-index:100;width:100vw;overflow-x:hidden}nav .container{display:flex;justify-content:space-between;align-items:center}nav .logo,nav .menu-toggle-btn{padding:.25rem;cursor:pointer}nav .logo a,nav .menu-toggle-btn p{color:var(--tone-400);-webkit-user-select:none;user-select:none}nav .logo a{display:flex;justify-content:center;align-items:center}nav .logo a span{font-family:PP Pangram Sans,sans-serif;font-weight:800;font-size:1.25rem;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease,color .3s ease}nav .logo a span.logo-inverted{background-color:var(--base-400);color:var(--base-100)}@media(max-width:1000px){nav .logo a span{font-size:1rem;padding:.4rem .8rem}}nav .menu-toggle-btn p{color:var(--tone-400);-webkit-user-select:none;user-select:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-overlay{position:fixed;top:0;left:0;z-index:10;width:100vw;height:100svh;background-color:var(--tone-200);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);overflow:hidden;pointer-events:none}.nav-overlay .nav-items{position:absolute;top:50%;right:0%;width:50%;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(-50%)}.nav-overlay .nav-items .nav-item{position:relative;width:100%;opacity:0;transform:translateY(100%);will-change:transform}.nav-overlay .nav-items .nav-item a{font-size:7.5vw;line-height:.9;color:var(--tone-400);-webkit-user-select:none;user-select:none}.nav-overlay .nav-items .nav-item.active a{color:var(--tone-500)}.nav-overlay .nav-footer{position:absolute;left:0;bottom:0;width:100%;gap:1rem;text-align:center}.nav-overlay .nav-footer .container{display:flex;justify-content:space-between;align-items:flex-end}.nav-overlay .nav-footer .nav-footer-item{display:flex;gap:2rem}.nav-overlay .nav-footer .nav-footer-item a{color:var(--tone-400)}@media(max-width:1000px){.nav-overlay .nav-items{left:1rem;width:100%;transform:translateY(-50%)}.nav-overlay .nav-items .nav-item a{font-size:15vw}.nav-overlay .nav-footer{gap:0;align-items:center}.nav-overlay .nav-footer .nav-footer-item{gap:1rem}}