.site-header{top:-36px;border-bottom:0;box-shadow:0 5px 28px #2422270b;background:rgba(255,255,255,.98);backdrop-filter:blur(18px)}.site-header:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#dbd7d1 25%,#dbd7d1 75%,transparent);position:absolute;bottom:0;left:0;right:0}.topline{height:36px;background:#242529;font-size:10px;letter-spacing:.025em}.top-location{display:flex;align-items:center;gap:0}.top-location i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ed5360;margin-right:9px;box-shadow:0 0 0 3px #ed536015}.topline b{font-weight:400;color:#78787e}.top-contacts{display:flex;align-items:center;gap:22px;height:100%}.top-contacts a{font-size:10px}.top-contacts .top-phone{border-left:1px solid #ffffff24;padding-left:20px;display:flex;gap:14px;align-items:center}.top-phone span{color:#ed6973;font-size:14px}.top-contacts a:hover{color:#ff9ca4}.navigation{height:110px;gap:25px}.brand{width:165px;display:flex;flex-direction:column;align-items:center;position:relative;padding-right:20px;border-right:1px solid #ece9e5}.brand img{width:132px;height:77px;object-fit:contain}.brand-caption{font-size:7px;text-transform:uppercase;letter-spacing:.14em;line-height:1.5;white-space:nowrap;color:#858189;margin-top:-1px}.navigation nav{display:flex;align-items:center;gap:22px}.nav-links{display:flex;align-items:center;gap:4px;background:#f5f3f0;border:1px solid #eae7e2;border-radius:40px;padding:5px;box-shadow:inset 0 1px 0 #ffffffb3}.navigation .nav-links>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;color:#5f5b60;font-size:12px;font-weight:600;letter-spacing:0;border-radius:28px;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.navigation .nav-links>a:hover{color:#b22230;background:#fff;box-shadow:0 2px 8px #20101a05}.navigation .nav-links>a[aria-current]{color:#fff;background:linear-gradient(135deg,#dc3442,#be1d2a);box-shadow:0 4px 12px #b81d2929}.navigation .nav-links>a[aria-current]:after{display:none}.navigation .nav-project{border:1px solid #e4dfdb;background:#fff;color:#28262b;display:flex;align-items:center;gap:15px;padding:7px 8px 7px 18px;margin:0;min-height:50px;border-radius:32px;font-size:11px;box-shadow:0 3px 12px #29212a04;white-space:nowrap}.navigation .nav-project>span{display:grid;place-items:center;background:#cf2430;color:#fff;width:35px;height:35px;flex-shrink:0;border-radius:50%;font-size:19px;transition:transform .2s,background .2s}.navigation .nav-project:hover{color:#b52330;border-color:#cf243060;background:#fff;transform:none}.navigation .nav-project:hover>span{transform:rotate(45deg);background:#ad1b27}.menu-toggle{border-radius:50%;height:46px;width:46px;border-color:#e7e1dc;background:#f8f6f3;position:relative;padding:12px}.menu-toggle span{width:20px;transition:transform .2s,opacity .2s;background:#39353a}.menu-toggle[aria-expanded=true]{border-color:#d02532;background:#fff2f3}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1200px) and (min-width:901px){.navigation{gap:15px}.navigation nav{gap:15px}.navigation .nav-links>a{padding:10px 14px;font-size:11px}.brand{width:146px;padding-right:14px}.brand img{width:122px}.navigation .nav-project{font-size:10px;gap:12px;padding-left:14px}}
@media(max-width:1000px) and (min-width:901px){.navigation .nav-links>a{padding:10px 12px}.navigation .nav-project{gap:8px;font-size:9px}.navigation .nav-project>span{width:30px;height:30px}.navigation nav{gap:12px}.navigation{gap:12px}.brand{width:135px}.brand-caption{font-size:6px}}
@media(max-width:900px){.navigation{height:92px}.brand{width:145px;border:0;padding:0;align-items:flex-start}.brand img{width:126px;height:68px}.brand-caption{font-size:6px;margin:0 0 0 2px}.navigation nav{display:none;position:absolute;top:100%;left:0;right:0;gap:17px;padding:20px 28px 26px;border:0;border-top:1px solid #eee9e3;border-bottom:1px solid #e8e1dc;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 20px 35px #26212620;max-height:calc(100dvh - 110px);overflow:auto}.navigation nav.is-open{display:flex;flex-direction:column;align-items:stretch}.nav-links{display:flex;flex-direction:column;align-items:stretch;border:0;background:none;padding:0;border-radius:0;gap:5px;box-shadow:none}.navigation .nav-links>a{display:flex;justify-content:flex-start;gap:20px;border-radius:9px;padding:13px 18px;font-size:15px;min-height:49px}.navigation .nav-links>a:before{content:attr(data-order);font-size:10px;font-weight:400;color:#b4a8aa;letter-spacing:.05em}.navigation .nav-links>a:after{content:'↗';display:block;position:static;height:auto;width:auto;background:none;margin-left:auto;font-size:18px;font-weight:400;color:#ae9fa1}.navigation .nav-links>a[aria-current]{background:#fbebed;color:#b62331;box-shadow:none}.navigation .nav-links>a[aria-current]:before{color:#c97981}.navigation .nav-links>a[aria-current]:after{display:block;color:#b62331}.navigation .nav-project{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:12px;padding:8px 10px 8px 22px;min-height:53px;border-color:#e1d7d5;background:#faf8f6}.navigation .nav-project>span{width:36px;height:36px}.top-contacts{gap:0}.top-contacts .top-email{display:none}.top-contacts .top-phone{border:0;padding:0}.site-header{top:-36px}}
@media(max-width:540px){.topline{font-size:8px}.top-contacts a{font-size:9px}.top-location i{width:4px;height:4px;margin-right:7px;box-shadow:none}.topline b{margin:0 6px}.top-contacts .top-phone{gap:6px}.top-phone span{font-size:12px}.navigation{height:87px}.navigation nav{padding:16px 18px 22px}.brand img{height:65px;width:124px}.brand-caption{font-size:6px;letter-spacing:.12em}.menu-toggle{width:43px;height:43px;padding:10px}.navigation .nav-links>a{font-size:14px;padding:12px 16px}}
@media(max-width:360px){.top-location{font-size:7px}.top-contacts a{font-size:8px}.top-phone span{display:none}.topline b{margin:0 4px}.top-location i{margin-right:5px}}
@media(prefers-reduced-motion:reduce){.navigation .nav-links>a,.navigation .nav-project>span,.menu-toggle span{transition:none}}
/* Compact navigation: remove the large gap between the brand and the menu. */
@media(min-width:901px){.navigation{height:86px;justify-content:center;gap:24px}.brand{width:145px;padding-right:14px}.brand img{width:120px;height:61px}.brand-caption{font-size:6px;letter-spacing:.12em}.navigation nav{gap:12px}.nav-links{gap:0;padding:4px}.navigation .nav-links>a{min-height:38px;padding:9px 16px}.navigation .nav-project{min-height:45px;padding:5px 6px 5px 15px;gap:12px}.navigation .nav-project>span{width:32px;height:32px}}
@media(min-width:901px) and (max-width:1000px){.navigation{gap:16px}.brand{width:132px;padding-right:10px}.navigation .nav-links>a{padding:9px 13px}.navigation nav{gap:10px}}
@media(max-width:900px){.navigation{height:77px;justify-content:space-between;gap:15px}.brand img{height:57px;width:113px}.brand-caption{font-size:6px}.navigation nav{padding:12px 22px 18px;gap:10px}.nav-links{gap:2px}.navigation .nav-links>a{min-height:45px;padding:10px 15px;gap:15px}.navigation .nav-project{min-height:47px;padding:5px 8px 5px 18px}.navigation .nav-project>span{width:33px;height:33px}}
@media(max-width:540px){.navigation{height:73px}.navigation nav{padding:10px 16px 16px}.brand img{height:54px;width:108px}.navigation .nav-links>a{padding:9px 14px;min-height:44px}.brand-caption{font-size:5.5px}.menu-toggle{width:41px;height:41px;padding:9px}}
