*{margin:0;padding:0;box-sizing:border-box}body{font-family:"HKGrotesk", sans-serif;color:#0F253E;background-color:white;transition:background-color 0.3s ease, color 0.3s ease}body.dark-mode{color:white;background-color:#0F253E}body.dark-mode header .menu-toggle{color:#0F253E;background-color:white}body.dark-mode header #dark-mode-toggle{border-color:white}body.dark-mode header #dark-mode-toggle .active{background-color:white !important}body.dark-mode header #dark-mode-toggle .active path{fill:#0F253E !important}body.dark-mode header #dark-mode-toggle #sun-icon path{fill:white}body.dark-mode header nav ul li a{color:white}body.dark-mode header.scrolled .menu-toggle{color:white;background-color:#0F253E}body.dark-mode header.scrolled .menu-toggle.active{background-color:white;color:#0F253E}body.dark-mode header.scrolled a{color:#0F253E}body.dark-mode header.scrolled .cta a{color:white}body.dark-mode header.scrolled nav.active ul li a{color:white}body.dark-mode header.scrolled #dark-mode-toggle{border-color:#0F253E !important}body.dark-mode header.scrolled #dark-mode-toggle svg path{fill:#0F253E !important}body.dark-mode header.scrolled #dark-mode-toggle .active{background-color:#0F253E !important}body.dark-mode header.scrolled #dark-mode-toggle .active path{fill:white !important}body.dark-mode section.banner h1 .bg-dark{color:#0F253E;background-color:white;border-bottom:1px solid rgba(15, 37, 62, 0.2)}body.dark-mode section.banner h1 svg path{fill:white}body.dark-mode a{color:white}body.dark-mode .cta{background-color:#73B4EE}body.dark-mode .line-clr{background-color:rgba(255, 255, 255, 0.2)}body.dark-mode .grid .item.active{background-color:white;color:#0F253E}body.dark-mode .grid .item::before{background-color:white}body.dark-mode .grid .item.active::before{background-color:#0F253E}body.dark-mode .grid .item.active .letter-description{color:white}body.dark-mode .grid .item.active .letter-description::before{background-color:white}body.dark-mode .grid .item.active .letter-description::after{background-color:white}body.dark-mode .grid .item.active .letter-description .cta{background-color:#73B4EE}body.dark-mode .grid .item.active .letter-description .cta:hover{background-color:#E1656F}body.dark-mode .grid .item.active .letter-description .cta img{filter:invert(1)}body.dark-mode .grid .item.active .letter-description .cta img.negatif{filter:invert(0)}body.dark-mode .grid .item.active .letter-description .cta img.positif{filter:invert(1)}body.dark-mode .grid .item.active .letter-description .cta img.negatif:hover{filter:invert(1)}body.dark-mode .grid .item.active .letter-description .cta img.positif:hover{filter:invert(0)}body.dark-mode .grid .item.active .letter-description .cta img.negatif.active{filter:invert(0)}body.dark-mode .grid .item.active .letter-description .cta img.positif.active{filter:invert(1)}body.dark-mode .grid .item.active .letter-description .cta img.negatif.active:hover{filter:invert(1)}body.dark-mode .grid .item.active .letter-description .cta img.positif.active:hover{filter:invert(0)}body.dark-mode .chaos-grid .grid{border-color:rgba(255, 255, 255, 0.2)}body.dark-mode .chaos-grid .grid .item{background-color:#0F253E;color:white}body.dark-mode .chaos-grid .grid .item.grid-two,body.dark-mode .chaos-grid .grid .item.grid-six{border-right:1px solid rgba(255, 255, 255, 0.2);border-left:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode .chaos-grid .grid .item.grid-five,body.dark-mode .chaos-grid .grid .item.grid-six,body.dark-mode .chaos-grid .grid .item.grid-seven{border-top:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode .chaos-grid .grid .item.letter-wrapper:hover{background-color:white}body.dark-mode .chaos-grid .grid .item.letter-wrapper:hover .letter{color:white}body.dark-mode .chaos-grid .grid .item.letter-wrapper:hover .letter-description{color:#0F253E}body.dark-mode section.introduction{border-top:1px solid rgba(255, 255, 255, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode section.banner h1{border-top:1px solid rgba(255, 255, 255, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode section.chaos-videos .item.bg-dark{background-color:white;color:#0F253E}body.dark-mode section.formations .item{border-bottom:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode section.formations .item svg path{fill:white}body.dark-mode section.formations .item:hover{color:#0F253E;background-color:white}body.dark-mode section.formations .item:hover svg path{fill:#0F253E}body.dark-mode footer .grid{border-top:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode footer .grid .item{background-color:#0F253E;color:white}body.dark-mode footer .grid .item:nth-child(2){border-left:1px solid rgba(255, 255, 255, 0.2);border-right:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode footer .grid .item:nth-child(3){border-right:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode footer .grid .item img.negatif{opacity:1}body.dark-mode footer .grid .item img.positif{opacity:0}body.dark-mode footer .grid .item:hover{background-color:white}body.dark-mode footer .grid .item:hover img.negatif{opacity:0}body.dark-mode footer .grid .item:hover img.positif{opacity:1}.logo-oh.negatif{display:none}body.dark-mode .logo-oh{display:none}body.dark-mode .logo-oh.negatif{display:block}body.dark-mode header.scrolled .logo-oh.negatif{display:none}body.dark-mode header.scrolled .logo-oh{display:block}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.1}.spacing{padding:7.5rem 0}.content{font-size:clamp(1.2rem, 2vw, 1.75rem);line-height:1.5}.content.smaller{font-size:clamp(1.1rem, 2vw, 1.25rem)}.content p{margin-bottom:1rem}.content p:last-of-type{margin-bottom:0}.cta{display:block;width:fit-content;padding:0.75rem 1.5rem;background-color:#E1656F;color:white;font-weight:500;font-size:clamp(1.1rem, 1.8vw, 1.4rem);border-radius:9999px;transition:0.3s transform cubic-bezier(0.25, 0.1, 0.25, 1);transform-origin:left center}.cta:hover{transform:scale(0.95)}.cta img{display:inline}.section-title{font-size:clamp(2.75rem, 5.3vw, 6rem);text-transform:uppercase;letter-spacing:-6px}.section-title.smaller{font-size:clamp(2.75rem, 4.5vw, 3.5rem)}.section-title span{font-weight:700}.reveal-text .line{overflow:hidden;display:block}.reveal-text .line.line-strong .words{font-weight:600}section{overflow-x:hidden}header{position:fixed;top:0;left:0;width:100%;transition:0.3s background-color ease-in-out, 0.3s top ease-in-out;z-index:999}header #dark-mode-toggle{display:flex;align-items:center;border:1px solid #0F253E;padding:0.1rem 1rem}header #dark-mode-toggle svg{border-radius:50%;padding:0.5rem;transition:background-color 0.3s ease, scale 0.3s ease}header #dark-mode-toggle svg:hover{scale:0.9}header #dark-mode-toggle #sun-icon{width:50px;height:50px;background-color:transparent}header #dark-mode-toggle #moon-icon{width:42px;height:42px;background-color:transparent}header #dark-mode-toggle .active{background-color:#0F253E !important}header #dark-mode-toggle .active path{fill:white !important}header .logo-oh{width:80px}header .menu-toggle{background:#0F253E;color:white;z-index:999;transition:0.3s ease-in-out}header .menu-toggle.active{background:white;color:#0F253E}header nav ul{display:flex;align-items:center;gap:1rem}header nav ul li{position:relative}header nav ul li.cta::before{display:none}header nav ul li::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:#E1656F;z-index:-1;transition:width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)}header nav ul li:hover::before{width:100%}header nav ul li a{font-size:clamp(1.1rem, 2vw, 1.2rem);font-weight:500}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.content ul{list-style:circle;padding-left:2rem;margin:1rem 0}.content ol{list-style:decimal;padding-left:2rem;margin:1rem 0}.content h2,.content h3,.content h4,.content h5,.content h6{font-weight:600;margin:2rem 0 1rem}.content h2{font-size:clamp(2.5rem, 5vw, 3rem)}.content h2:first-of-type{margin-top:0}.content h3{font-size:clamp(1.75rem, 4vw, 2rem)}.content h4{font-size:clamp(1.5rem, 3.5vw, 1.75rem)}.title-wrapper{overflow:hidden}.home section.banner h1{font-size:clamp(2.5rem, 9.4vw, 10rem);text-transform:uppercase;letter-spacing:-8px;font-weight:500;border-top:1px solid rgba(15, 37, 62, 0.2);border-bottom:1px solid rgba(15, 37, 62, 0.2);line-height:1}.home section.banner h1 .wrapper{padding:0.75rem 2rem}.home section.banner h1 .bg-dark{color:white;background-color:#0F253E;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:0.3s background-color ease-in-out, 0.3s color ease-in-out}.home section.banner h1 span.blue{color:#73B4EE}.home section.banner h1 span.pink{color:#E1656F}.home section.banner h1 img.icon{width:150px}.home section.banner h1 img.icon.circle{transition:0.3s transform ease}.home section.banner h1 a{font-size:clamp(1.15rem, 2.5vw, 2.1rem);font-weight:500;letter-spacing:-2px}.home section.banner-new h1{font-size:clamp(5rem, 6vw, 6rem);font-weight:700;line-height:1.15}.home section.banner-new h2{font-weight:500;display:block;font-size:clamp(1.3rem, 2.2vw, 1.8rem)}.home section.introduction{border-top:1px solid rgba(15, 37, 62, 0.2);border-bottom:1px solid rgba(15, 37, 62, 0.2);animation:borderWidthAnimation 1s ease-in-out forwards}.home section.chaos-grid .grid{position:relative;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);border-top:1px solid rgba(15, 37, 62, 0.2);border-bottom:1px solid rgba(15, 37, 62, 0.2);grid-template-areas:"div1 div2 div3 div4" "div5 div5 div6 div7"}.home section.chaos-grid .grid .item{position:relative;display:flex;justify-content:center;transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;overflow:hidden}.home section.chaos-grid .grid .item:has(.letter-description){align-items:center}.home section.chaos-grid .grid .item.grid-one{grid-area:div1}.home section.chaos-grid .grid .item.grid-two{grid-area:div2;border-right:1px solid rgba(15, 37, 62, 0.2);border-left:1px solid rgba(15, 37, 62, 0.2)}.home section.chaos-grid .grid .item.grid-three{grid-area:div3}.home section.chaos-grid .grid .item.grid-four{grid-area:div4}.home section.chaos-grid .grid .item.grid-five{grid-area:div5}.home section.chaos-grid .grid .item.grid-six{grid-area:div6;border-right:1px solid rgba(15, 37, 62, 0.2);border-left:1px solid rgba(15, 37, 62, 0.2)}.home section.chaos-grid .grid .item.grid-seven{grid-area:div7}.home section.chaos-grid .grid .item.grid-five,.home section.chaos-grid .grid .item.grid-six,.home section.chaos-grid .grid .item.grid-seven{border-top:1px solid rgba(15, 37, 62, 0.2)}.home section.chaos-grid .grid .item .letter{font-size:clamp(4rem, 20vw, 20rem);font-weight:500;transition:opacity 0.3s ease-in-out, color 0.3s ease-in-out}.home section.chaos-grid .grid .item .letter-description{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;width:100%;font-size:clamp(1.1rem, 2vw, 1.3rem);transition:opacity 0.3s ease-in-out}.home section.chaos-grid .grid .item .letter-description.active{opacity:1;pointer-events:all}.home section.chaos-grid .grid .item.active{background-color:#0F253E;border-color:#0f253e}.home section.chaos-videos .grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(4, 1fr);gap:1rem;grid-template-areas:"div1 div6 div4" "div1 div3 div4" "div2 div3 div5" "div2 div7 div5"}.home section.chaos-videos .item.bg-dark{background-color:#0F253E;color:white}.home section.chaos-videos .grid-1{grid-area:div1}.home section.chaos-videos .grid-2{grid-area:div2}.home section.chaos-videos .grid-3{grid-area:div3}.home section.chaos-videos .grid-4{grid-area:div4}.home section.chaos-videos .grid-5{grid-area:div5}.home section.chaos-videos .grid-6{grid-area:div6;background-color:#73B4EE}.home section.chaos-videos .grid-7{grid-area:div7;background-color:#E1656F}.home section.formations .item{border-bottom:1px solid rgba(15, 37, 62, 0.2);position:relative;transition:0.3s background-color cubic-bezier(0.25, 0.1, 0.25, 1);cursor:pointer}.home section.formations .item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:#0F253E;z-index:-1;transition:height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)}.home section.formations .item:hover::before{height:100%}.home section.formations .item:last-of-type{border-bottom:none !important}section.banner-type h1{font-size:clamp(3.5rem, 11vw, 11rem);font-weight:600}footer .grid{border-top:1px solid rgba(15, 37, 62, 0.2)}footer .grid .item{width:100%;aspect-ratio:1;position:relative;transition:0.4s background-color ease-in-out;cursor:pointer}footer .grid .item img{height:25%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:opacity 0.3s ease-in-out, transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)}footer .grid .item img.negatif{opacity:0}footer .grid .item img.positif{opacity:1}footer .grid .item:nth-child(2){border-left:1px solid rgba(15, 37, 62, 0.2);border-right:1px solid rgba(15, 37, 62, 0.2)}footer .grid .item:nth-child(4){border-left:1px solid rgba(15, 37, 62, 0.2);border-right:1px solid rgba(15, 37, 62, 0.2)}footer .grid .item:hover{background-color:#0F253E}footer .grid .item:hover img{transform:translate(-50%, -50%) scale(0.9)}footer .grid .item:hover img.negatif{opacity:1}footer .grid .item:hover img.positif{opacity:0}@media (max-width:1280px){.home section.banner h1 img.icon{width:120px}.spacing{padding:4rem 0}}@media (max-width:1024px){.home section.banner h1 img.icon{width:100px}header nav{position:fixed;top:-110%;left:0;width:100%;height:100svh;background-color:#0F253E;transition:0.3s top ease-in-out}header nav.active{top:0}header nav .cta{transform-origin:center center}header nav .cta a{padding:1rem}header nav>div{height:100%}header nav>div ul{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;list-style:none}header nav>div ul li{font-weight:500;color:white;line-height:1}header nav>div ul li a{font-size:clamp(1.5rem, 4.5vw, 3.8rem)}}@media (max-width:768px){.home section.chaos-grid .grid .item.active{background-color:white}.home section.banner h1{letter-spacing:-5px}.home section.banner h1 img.icon{width:80px}.home section.chaos-grid .grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-areas:"div1 div2" "div3 div4" "div5 div5" "div6 div7"}.home section.chaos-grid .grid .grid-one{grid-area:div1}.home section.chaos-grid .grid .grid-two{grid-area:div2}.home section.chaos-grid .grid .grid-three{grid-area:div3}.home section.chaos-grid .grid .grid-four{grid-area:div4}.home section.chaos-grid .grid .grid-five{grid-area:div5}.home section.chaos-grid .grid .grid-six{grid-area:div6}.home section.chaos-grid .grid .grid-seven{grid-area:div7}}@media (max-width:640px){header #dark-mode-toggle #moon-icon{width:38px;height:38px}header #dark-mode-toggle #sun-icon{width:44px;height:44px}header .logo-oh{width:70px}header #dark-mode-toggle{padding:0.2rem}.home section.banner h1 .wrapper{padding:0.5rem 1rem}.spacing{padding:2.5rem 0}.home section.chaos-videos .grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;gap:0.5rem;grid-template-areas:"div1 div2" "div3 div3" "div4 div5"}.home section.chaos-videos .grid .grid-6,.home section.chaos-videos .grid .grid-7{display:none}.home section.chaos-grid .grid{grid-template-columns:repeat(1, 1fr);grid-template-rows:auto;grid-template-areas:unset}.home section.chaos-grid .grid .item{grid-area:unset !important;gap:1rem}.home section.chaos-grid .grid .item.grid-two{border-top:1px solid rgba(15, 37, 62, 0.2);border-bottom:1px solid rgba(15, 37, 62, 0.2)}.home section.chaos-grid .grid .item:hover{background-color:white;border-color:rgba(15, 37, 62, 0.2)}.home section.chaos-grid .grid .item .letter-description{opacity:1;pointer-events:all;position:static;transform:none;color:#0F253E}footer .grid .item:nth-child(1),footer .grid .item:nth-child(2){border-bottom:1px solid rgba(15, 37, 62, 0.2)}body.dark-mode .chaos-grid .grid .item.grid-two,body.dark-mode .chaos-grid .grid .item.grid-six{border-right:none;border-left:none;border-top:1px solid rgba(255, 255, 255, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.2)}body.dark-mode section.chaos-grid .grid .item .letter-description{color:white}body.dark-mode section.chaos-grid .grid .item.letter-wrapper:hover{background-color:#0F253E !important}body.dark-mode section.chaos-grid .grid .item.letter-wrapper:hover .letter{color:white !important}body.dark-mode section.chaos-grid .grid .item.letter-wrapper:hover .letter-description{color:white !important}}@media (max-width:520px){footer .grid .item img{height:35%}.home section.banner h1 .wrapper{display:block;text-align:center}.home section.banner h1 .wrapper:last-of-type{display:flex}.home section.banner h1 .wrapper span{display:inline}.home section.banner h1 .wrapper img{display:none}}