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