.header{width:100%;background-color:var(--color-secondary-0);position:sticky;top:0;transition:background-color var(--transition-base);z-index:100}
.header.scrolled{background-color:var(--color-primary-0)}
@media (min-width:768px){.header{position:relative}.header.scrolled{background-color:var(--color-secondary-0)}}
.header__content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding-block:1rem;transition:var(--transition-base)}
.header.scrolled .header__content{padding-block:0.625rem}
@media (min-width:768px){.header__content{flex-direction:row;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:1.875rem}}
.header__top{display:flex;height:fit-content;width:100%;gap:1rem;align-items:center;justify-content:space-between}
@media (min-width:768px){.header__top{width:fit-content}}
.header__logo,
.navigation__logo{display:block;width:auto;height:fit-content;max-height:30px;transition:var(--transition-base)}
.header.scrolled .header__logo{max-height:24px}
@media (min-width:768px){.header__logo{max-height:20px}}
.header__navigation-btn,
.navigation__close-btn{display:flex;flex-shrink:0}
.header.scrolled .header__navigation-btn .icon{width:24px;height:24px}
@media (min-width:768px){.header__navigation-btn{display:none}}
.header__contact-list{width:fit-content;display:none;grid-template-columns:auto;gap:0.625rem 1.25rem}
@media (min-width:768px){.header__contact-list{display:grid}}
@media (min-width:1024px){.header__contact-list{grid-template-columns:auto auto}}
.navigation__contact-list{width:100%;display:flex;flex-direction:column;gap:0.375rem}
@media (min-width:768px){.navigation__contact-list{display:none}}
.header__contact-item,
.navigation__contact-item{display:flex;flex-direction:row;align-items:center;gap:0.625rem}
.header__contact-item.address,
.header__contact-item.hours{display:none}
@media (min-width:1024px){.header__contact-item.address,.header__contact-item.hours{display:flex}}
.header__contact-item:hover svg{transform:scale(1.1)}
.header__contact-text,
.header__contact-link,
.navigation__contact-text,
.navigation__contact-link{width:fit-content;font-weight:400;font-size:0.875rem;line-height:1.25rem}
@media (min-width:768px){.header__contact-text,.header__contact-link,.navigation__contact-text,.navigation__contact-link{font-size:1rem;line-height:1.5rem}}
.header__contact-link,
.navigation__contact-link{transition:var(--transition-base)}
.header__contact-link:hover,
.navigation__contact-link:hover{color:var(--color-primary-2)}
.header__callback-btn,
.navigation__callback-btn{width:100%}
@media (min-width:768px){.header__callback-btn{width:fit-content}.navigation__callback-btn{display:none}}.navigation__shadow{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:200;background-color:color-mix(in srgb,var(--color-secondary-5) 30%,transparent);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));pointer-events:none;opacity:0;transition:var(--transition-base)}
.navigation__shadow.visible{opacity:1;pointer-events:all}
@media (min-width:768px){.navigation__shadow{display:none}}
.navigation{position:fixed;top:0;right:0;width:100%;max-width:300px;height:100dvh;z-index:500;background-color:var(--color-secondary-0);display:flex;flex-direction:column;gap:1.875rem;padding:1rem;transform:translateX(100%);transition:var(--transition-base)}
@media (min-width:768px){.navigation{position:sticky;top:0;max-width:none;height:fit-content;transform:translate(0);padding:0;border-top:1rem solid var(--color-primary-1);background-color:var(--color-primary-0)}}
.navigation.open{transform:translateX(0)}
.navigation__top{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}
@media (min-width:768px){.navigation__top{display:none}}
.navigation__page-list{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;max-width:var(--container-width)}
@media (min-width:768px){.navigation__page-list{padding-inline:1rem;margin-inline:auto;flex-direction:row;align-items:center;justify-content:center;overflow:visible}}
.navigation__page-item{display:block;width:100%;height:fit-content;position:relative}
@media (min-width:768px){.navigation__page-item{width:fit-content}}
.navigation__link,
.navigation__link-dropdown{width:100%;height:fit-content;display:flex;align-items:center;gap:0.625rem;padding:0.625rem 0;background-color:transparent;border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition-base);font-variation-settings:"wdth" 87.5;font-weight:500;color:var(--color-secondary-5);font-size:1.125rem;line-height:1.75rem;text-align:center}
.navigation__link-dropdown{padding:0.625rem 1rem;font-weight:400}
@media (min-width:768px){.navigation__link{padding:0.625rem 1.25rem;width:fit-content;font-size:1rem;line-height:1.5rem}.navigation__link-dropdown{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.5rem}}
@media (min-width:1024px){.navigation__link{padding:1rem 1.875rem;font-size:1.125rem;line-height:1.75rem}.navigation__link-dropdown{padding:0.625rem 1.875rem;font-size:1.125rem;line-height:1.75rem}}
.navigation__link:not(.navigation__link-btn,.link--active):hover{color:var(--color-primary-2)}
.navigation__link.link--active{border-bottom-color:var(--color-primary-1);color:var(--color-secondary-4);cursor:default}
.navigation__dropdown{position:relative;width:100%;height:fit-content;display:flex;flex-direction:column;max-height:0;transition:var(--transition-base);overflow:hidden}
@media (min-width:768px){.navigation__dropdown{position:absolute;width:auto;z-index:500;bottom:0;left:0;transform:translateY(100%);background-color:var(--color-primary-0);min-width:250px}}
.navigation__link-dropdown.link--active{color:var(--color-secondary-4);cursor:default}
.navigation__link-dropdown:not(.link--active):hover{color:var(--color-primary-2)}
.navigation__page-dropdown.open .navigation__link-btn{color:var(--color-primary-2)}
.navigation__page-dropdown.open .navigation__link-btn .icon{fill:var(--color-primary-2);transform:rotate(180deg)}
.navigation__page-dropdown.open .navigation__dropdown{max-height:400px}