.header{display:flex;justify-content:space-between;padding:24px 90px;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,248,245,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:padding .3s ease,box-shadow .3s ease}.header--scrolled{padding-top:16px;padding-bottom:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}.header-logo{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;transition:opacity .25s,transform .3s}.header-logo:hover{opacity:.7;transform:scale(1.02)}.header-logo:visited{color:inherit}.header-name,.header-surname{font-size:18px;text-transform:uppercase;letter-spacing:1px}.header-name{font-weight:600}.header-surname{font-weight:400}.header-menu{display:flex;gap:40px}.header-menu-link{color:inherit;font-size:15px;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;position:relative;padding-bottom:2px;text-decoration:none;transition:color .3s}.header-menu-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#333;transition:width .3s ease}.header-menu-link:hover{color:#555}.header-menu-link:hover:after{width:100%}.menu-icon{-webkit-appearance:none;appearance:none;background:transparent;border:0;display:none;width:28px;height:20px;position:relative;cursor:pointer;z-index:20;padding:0}.menu-icon span{display:block;position:absolute;height:2px;width:100%;background:#333;border-radius:2px;left:0;transition:transform .3s ease,opacity .2s ease,top .3s ease}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2){top:9px}.menu-icon span:nth-child(3){top:18px}.menu-icon--open span:first-child{top:9px;transform:rotate(45deg)}.menu-icon--open span:nth-child(2){opacity:0}.menu-icon--open span:nth-child(3){top:9px;transform:rotate(-45deg)}@media (max-width:768px){.header{padding:20px}.header--scrolled{padding-top:14px;padding-bottom:14px}.header-logo{align-items:flex-start}.header-menu{display:flex;z-index:10;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(255,248,245,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 20px;border-radius:0 0 16px 16px;box-shadow:0 8px 30px rgba(0,0,0,.08);gap:0;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .3s ease,padding .3s ease,visibility 0s linear .4s;visibility:hidden}.header-menu.open{max-height:300px;opacity:1;pointer-events:auto;padding:12px 20px 20px;transition-delay:0s;visibility:visible}.header-menu-link{padding:14px 0;text-align:left;font-size:16px;border-bottom:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease,color .3s}.header-menu.open .header-menu-link{opacity:1;transform:translateY(0)}.header-menu-link:last-child{border-bottom:none}.menu-icon{display:block}}