@keyframes arrow-appear{0%{opacity:0;width:0}50%{opacity:1;width:170px}to{opacity:1;width:140px}}@keyframes waving{0%,50%,to{transform:rotate(0deg)}10%{transform:rotate(-20deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-12deg)}40%{transform:rotate(6deg)}}@keyframes drop{0%{top:-50%}to{top:110%}}header{position:fixed;top:0;left:0;width:calc(100% - 40px);display:flex;justify-content:flex-end;padding:20px;z-index:1000;pointer-events:none}#header-content a,header a{text-decoration:none}#header-content,.logo{display:flex;pointer-events:auto}.logo{position:absolute;top:20px;left:20px;width:25px;min-width:25px;align-items:center;justify-content:center;background:var(--background-primary-invert);border-radius:8px;overflow:hidden;height:0;min-height:0;padding:0 6px}.logo svg{min-height:25px;min-width:25px;fill:var(--background-primary);opacity:0}#header-content{flex-direction:column;align-items:end;color:var(--text-primary-invert);font-family:var(--body-font);font-size:var(--font-size-sm);font-weight:var(--font-body-weight-regular)}#header-content,#header-content span{margin:0;padding:0}#header-content ul{width:100%;list-style:none;margin:0;padding:0}#header-content a{color:var(--text-primary-invert)}#header-content a,#header-menu,.logo,header{transition:all .3s ease}#header-menu{background:var(--background-opacity-invert);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(6px)}#header-contact,#header-contact li{display:flex;justify-content:space-between}#header-contact{margin-right:10px;background:var(--primary-color);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0 0 8px 8px;width:30px;padding:0 10px;height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);flex-direction:column;align-items:end;gap:10px}.header-contact-wrapper{position:relative;display:inline-block}.header-contact-wrapper::after,.header-contact-wrapper::before{position:absolute;top:25px;transform:translateY(-50%) translateX(10px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001}.header-contact-wrapper::before{content:"Salut ! On discute ?";right:59px;background:var(--background-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;margin-right:10px}.header-contact-wrapper:hover::after,.header-contact-wrapper:hover::before{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.header-contact-wrapper::after{content:"";right:60px;border-left:6px solid var(--background-primary);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-right:4px}#header-contact li{opacity:0;transform:translateY(10px);transition:all .3s ease;width:100%}#header-contact.open li{opacity:1;transform:translateY(0)}#header-contact.open li:nth-child(1){transition-delay:.3s}#header-contact.open li:nth-child(2){transition-delay:.35s}#header-contact.active{padding:10px;height:30px}#header-contact.open{width:202px;height:80px}#header-contact a,#header-contact span{color:var(--text-primary)}#header-contact ul,#header-menu{width:200px;display:flex;flex-direction:column}#header-menu{position:relative;gap:10px;overflow:hidden;background:var(--background-primary-invert);box-shadow:none;border:0 solid rgba(255,255,255,.2);backdrop-filter:none;-webkit-backdrop-filter:blur(6px);border-radius:8px;width:60px;height:0;padding:0 15px}#header-menu.active{background:var(--background-opacity-invert);box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);width:290px;height:190px}.header-links,.header-social{visibility:hidden;opacity:0;transition:opacity .3s ease}.header-links.active,.header-social.active{visibility:visible;opacity:1}#arrow-selector,.header-title,.header-title .menu-icon{display:flex;align-items:center}.header-title{justify-content:flex-end;gap:10px;cursor:pointer;width:100%}.header-title .menu-icon{position:relative;width:14px;height:14px;justify-content:center}.header-social li a::before,.header-title .menu-icon::after,.header-title .menu-icon::before{content:"";position:absolute;background-color:var(--text-primary-invert);transition:transform .3s ease}.header-title .menu-icon::before{width:13px;height:1px}.header-title .menu-icon::after{width:1px;height:13px}#header-menu.active .header-title .menu-icon::after,#header-menu.active .header-title .menu-icon::before,.arrow-line::after{transform:rotate(45deg)}.header-nav-container{position:relative;display:flex;align-items:flex-start}.header-links{font-size:var(--font-size-4xl);font-weight:var(--font-body-weight-regular);display:flex;flex-direction:column}#arrow-selector{position:absolute;right:-20px;top:15px;transition:transform .5s cubic-bezier(.4,0,.2,1);opacity:0;transform-origin:right center;pointer-events:none}.header-links.active~#arrow-selector{animation:arrow-appear .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.3s}.arrow-line{top:5px;width:100%;height:2px;background-color:currentColor;position:relative}.arrow-line::after{content:"";position:absolute;left:9px;top:-5px;width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;margin-left:-8px}#arrow-selector svg{width:24px;height:24px}.links-nav{color:var(--text-primary-invert);text-decoration:none;transition:color .3s ease}#arrow-selector,.links-nav:hover{color:var(--primary-color)}.header-social{display:flex;gap:40px}.header-social li a{position:relative;display:inline-flex;align-items:center;transition:transform .3s ease;padding-left:0}.header-social li a::before{left:0;opacity:0;transform:translateX(-10px);transition:all .3s ease;width:16px;height:16px;-webkit-mask-image:url(../../icons/links/arrow-right.svg);mask-image:url(../../icons/links/arrow-right.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.header-social li a:hover{transform:translateX(20px)}.header-social li a:hover::before{opacity:1;transform:translateX(-17px)}.waving-hand{transform-origin:70% 70%;animation:waving 2.5s ease-in-out infinite}@media (max-width:768px){#header-menu.active{width:320px;height:190px}#header-contact.open{height:85px}#header-contact ul{gap:5px}}.line::after,.lines{position:absolute;width:100%;left:0}.line,.lines{height:100%;top:0}.lines{right:0;margin:auto;pointer-events:none}.line{position:absolute;width:1px;background:var(--lines-color-opacity);overflow:hidden}.line::after{content:"";display:block;height:15vh;top:-50%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--lines-color) 75%,var(--lines-color) 100%);animation:drop 12s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97)}.line:nth-child(1){left:20%}.line:nth-child(1)::after{animation-delay:0s}.line:nth-child(2){left:40%}.line:nth-child(2)::after{animation-delay:3s}.line:nth-child(3){left:60%}.line:nth-child(3)::after{animation-delay:6s}.line:nth-child(4){left:80%}.line:nth-child(4)::after{animation-delay:9s}