.site-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:stretch;justify-content:space-between;z-index:100}.header{background-color:#000;padding:10px 15px;height:70px;border-radius:0 0 20px 0}a{width:auto;height:100%}.header img{width:auto;height:100%;border-radius:10px}.social{background-color:#000;padding:20px;border-radius:0 0 0 20px;width:300px;height:70px}.social ul{list-style:none;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:30px}.social li,.social li a{width:40px;height:40px;position:relative}.linkedin,.insta{width:40px;height:40px;position:absolute;top:0;left:0;object-fit:cover}.linkedin.nohover,.insta.nohover,#linkedin-container:hover .linkedin.hover,#insta-container:hover .insta.hover{opacity:1;transition:0.2s ease-in}.linkedin.hover,.insta.hover,#linkedin-container:hover .linkedin.nohover,#insta-container:hover .insta.nohover{opacity:0;transition:0.2s ease-in}:root{--color-gray:#21252E;--color-white:#ffffff}.social li#contact,.social li#contact a{width:auto;height:40px;position:relative}#contact{list-style:none;display:flex;align-items:center}#contact .flicker-btn{--transition:0.5s cubic-bezier(0.175, 0.885, 0.32, 1.3);display:inline-flex;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden;height:40px;min-width:160px;padding:0 48px 0 20px;background:#000;border:2px solid var(--color-white);border-radius:999px;font-size:14px;font-weight:500;line-height:1;color:var(--color-white);text-decoration:none;white-space:nowrap;transition:0.3s}#contact .flicker-btn__text{position:relative;z-index:2;padding-right:8px}#contact .flicker-btn__icon{position:absolute;right:8px;top:50%;transform:translateY(-50%) scale(0);transform-origin:center;z-index:2;width:24px;height:24px;border-radius:50%;background:url(https://yanis-singer.com/wp-content/uploads/2026/04/arrow.right_.png) center center / 60% no-repeat #000;transition:var(--transition)}#contact .flicker-btn__filler{position:absolute;right:15px;top:50%;transform:translateY(-50%);transform-origin:center;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--color-white);animation:flicker-contact 0.7s ease 0.3s forwards}@keyframes flicker-contact{0%{transform:translateY(-50%) scale(1)}25%{transform:translateY(-50%) scale(0)}26%{transform:translateY(-50%) scale(0) translateX(100%)}50%{transform:translateY(-50%) scale(1) translateX(100%)}75%{transform:translateY(-50%) scale(0) translateX(100%)}76%{transform:translateY(-50%) scale(0)}100%{transform:translateY(-50%) scale(1)}}@media (hover:hover) and (pointer:fine){#contact .flicker-btn:hover{color:var(--color-gray)}#contact .flicker-btn:hover .flicker-btn__icon{transform:translateY(-50%) scale(1)}#contact .flicker-btn:hover .flicker-btn__filler{transform:translateY(-50%) scale(40);animation:none}}@media (hover:none){#contact .flicker-btn:active{color:var(--color-gray)}#contact .flicker-btn:active .flicker-btn__icon{transform:translateY(-50%) scale(1)}#contact .flicker-btn:active .flicker-btn__filler{transform:translateY(-50%) scale(40);animation:none}}#logo-mobile{display:none}@media (max-width:1220px){#logo-mobile{display:block}#logo-desk{display:none}}@media (max-width:1060px){.social #insta-container,.social #linkedin-container{display:none}.header{padding:5px 10px 10px 5px;height:70px}.social{width:auto;padding:7px;height:70px}#contact{width:auto;height:40px}#contact a{height:40px}#contact .flicker-btn{min-width:140px;padding:0 42px 0 16px;font-size:12px}#contact .flicker-btn__icon{width:20px;height:20px;right:8px}#contact .flicker-btn__filler{width:8px;height:8px;right:14px}.fleche{height:100%;padding:8px}#contact:hover .fleche{transform:translateX(345%)}}.nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;display:flex;justify-content:space-between;align-items:center;padding:0 8px;height:60px;width:min(470px, calc(100vw - 120px));border-radius:20px;font-size:18px;z-index:150;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgb(107 72 190 / .12);border:1px solid rgb(255 255 255 / .15);box-shadow:0 6px 24px rgb(0 0 0 / .25),inset 0 1px 0 rgb(255 255 255 / .2);transition:background 0.3s ease,box-shadow 0.3s ease}.nav a{text-decoration:none;width:100%;display:flex;align-items:center;font-weight:500;color:#fff;transition:color 0.5s}.nav #home,.nav #projets,.nav #propos{justify-content:center}.hover-bg{position:absolute;top:10%;left:10px;height:80%;width:110px;z-index:1;border-radius:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgb(255 255 255 / .85);border:1px solid rgb(255 255 255 / .6);box-shadow:0 4px 12px rgb(0 0 0 / .15),inset 0 1px 0 rgb(255 255 255 / .6);transition:left 0.7s cubic-bezier(.9,0,.3,1),width 0.7s cubic-bezier(.9,0,.3,1)}.nav li{position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:2}.nav li:hover a{color:#6b48be;transition:color 0.5s;transition-delay:0.3s}.nav:has(.hover-bg.home) #home,.nav:has(.hover-bg.projets) #projets,.nav:has(.hover-bg.propos) #propos{color:#6b48be}@media (max-width:850px){.nav{position:fixed;top:auto;bottom:calc(36px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);height:54px;padding:0 4px;width:min(400px, calc(100vw - 90px))}.nav a{font-size:12px!important;font-weight:600;letter-spacing:.07em}}@media (max-width:500px){.nav{bottom:calc(28px + env(safe-area-inset-bottom, 0px))}}