@font-face{font-family:Verilet;src:url(/fonts/verilet.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cossette Titre;src:url(/fonts/cossette-titre.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SUSE Mono;src:url(/fonts/suse-mono-variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--type-1:"Verilet", sans-serif;--type-2:"Cossette Titre", sans-serif;--type-3:"SUSE Mono", monospace;--base-100:#f7f5f0;--base-200:#272a2a;--base-300:#0b0b0b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-transform:uppercase;margin:0;padding:0}::-webkit-scrollbar{display:none}body{font-family:var(--type-2);background-color:var(--base-300);color:var(--base-100)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}img{object-fit:cover;width:100%;height:100%}.container{width:100%;max-width:2000px;height:100%;margin:0 auto;padding:.75rem;position:relative}.type-1{font-family:var(--type-1)}.type-2{font-family:var(--type-2)}.type-3{font-family:var(--type-3)}h1.type-1,h2.type-1,h3.type-1,h4.type-1,h5.type-1,h6.type-1{letter-spacing:-5%;padding:0 .75rem;font-weight:500;line-height:.6}h1.type-1{font-size:clamp(6rem,12vw,18rem)}h2.type-1{font-size:clamp(5rem,10vw,15rem)}h3.type-1{font-size:clamp(4rem,8vw,12rem)}h4.type-1{font-size:clamp(3rem,6vw,9rem)}h5.type-1{font-size:clamp(2rem,4vw,6rem)}h6.type-1{font-size:clamp(1.5rem,3vw,4.5rem)}h1.type-2,h2.type-2,h3.type-2,h4.type-2,h5.type-2,h6.type-2{letter-spacing:-3%;padding:0 .5rem;font-weight:500;line-height:.9}h1.type-2{font-size:clamp(4rem,8vw,12rem)}h2.type-2{font-size:clamp(3rem,6vw,9rem)}h3.type-2{font-size:clamp(2.5rem,5vw,7.5rem)}h4.type-2{font-size:clamp(2rem,4vw,6rem)}h5.type-2{font-size:clamp(1.5rem,3vw,4.5rem)}h6.type-2{font-size:clamp(1.25rem,2.5vw,3.75rem)}p,a{font-family:var(--type-2);font-size:1.5rem;font-weight:400;line-height:.9;text-decoration:none}p.sm{font-size:1.25rem}p.lg{font-size:1.75rem}.mono{font-family:var(--type-3);letter-spacing:-2%;font-size:.85rem;font-weight:450;line-height:1}.mono.sm{font-size:.75rem}.mono.lg{font-size:.95rem}.btn{border:1px solid var(--base-100);border-radius:4rem;padding:.65rem 2.5rem}.transition-grid{z-index:1000;pointer-events:none;flex-direction:column;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0}.transition-grid.is-blocking,.transition-grid.is-blocking .transition-row,.transition-grid.is-blocking .transition-block{pointer-events:auto}.transition-row{flex:1;display:flex}.transition-row.row-1 .transition-block{transform-origin:top}.transition-row.row-2 .transition-block{transform-origin:bottom}.transition-block{will-change:transform;background-color:#49534e;flex:1}@media (max-width:1000px){.btn{padding:.65rem 2rem}}
nav{will-change:transform;z-index:200;width:100%;position:fixed;top:0;left:0;transform:translateY(0)}.nav-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background-color:#ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex}.nav-container>div{flex:1}.nav-cta{align-items:center;display:flex}nav .nav-cta .btn,nav .nav-toggler .btn{cursor:pointer;align-items:center;width:max-content;min-height:calc(2.3rem + 2px);text-decoration:none;display:inline-flex}nav .nav-toggler .btn{gap:1rem}.nav-logo{object-fit:contain;justify-content:center;align-items:center;width:3.5rem;transition:opacity .3s;display:flex;position:relative;transform:translateY(.1rem)}.nav-logo img{width:3rem}nav a{color:var(--base-100)}nav .nav-toggler{justify-content:flex-end;align-items:center;display:flex}nav .nav-toggler-hamburger{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:1.5rem;height:1rem;display:flex;position:relative}nav .nav-toggler-hamburger span{background-color:var(--base-100);will-change:transform;width:100%;height:1.5px;position:relative}nav.top .nav-container{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#fff0}nav.top .nav-container .nav-logo{opacity:0}.nav-overlay{background-color:var(--base-200);opacity:0;visibility:hidden;pointer-events:none;z-index:10;will-change:opacity;width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.nav-overlay .nav-items{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.nav-overlay .nav-overlay-logo{width:7.5rem;margin-bottom:5rem}.nav-overlay .nav-items .nav-item{text-align:center;width:100%;position:relative}.nav-overlay .nav-items .nav-item a{color:var(--tone-400);letter-spacing:-4%;-webkit-user-select:none;user-select:none;padding:0 .5rem;font-size:clamp(1.5rem,3vw,4.5rem);font-weight:500;line-height:.9}.nav-overlay .nav-items .nav-item.active a{color:var(--tone-500)}.nav-overlay .nav-footer{width:100%;position:absolute;bottom:0;left:0}.nav-overlay .nav-footer .nav-footer-container{justify-content:space-between;align-items:flex-end;padding:1.5rem;display:flex}.nav-overlay .nav-footer .nav-footer-item{gap:2rem;display:flex}.nav-overlay .nav-footer .nav-footer-item a{color:var(--tone-400)}@media (max-width:1000px){.nav-overlay .nav-items{width:100%;transform:translateY(-50%)}.nav-logo{display:none}.nav-overlay .nav-items .nav-item a{font-size:clamp(2.5rem,5vw,7.5rem)}.nav-overlay .nav-footer .nav-footer-item{gap:1rem}}
