@property --header-logo-width{syntax:"<length>";inherits:true;initial-value:132px}.header{z-index:100;background-color:var(--color--white);position:sticky;inset-block-start:0}.header__wrapper{align-items:center;gap:2.5rem;max-inline-size:90rem;margin-inline:auto;padding-block:1rem;display:flex}@media screen and (width<=390px){.header__wrapper{padding-inline:1.5rem}}@media screen and (width>=390px) and (width<=1440px){.header__wrapper{padding-inline:calc(6.17143px + 4.57143vw)}}@media screen and (width>=1440px){.header__wrapper{padding-inline:4.5rem}}.header__brand{--header-logo-width:8.25rem;inline-size:var(--header-logo-width);flex:none;place-items:start;transition:--header-logo-width .3s;display:inline-grid}@media (width>=900px){.header__brand{--header-logo-width:12rem}.is-scrolled .header__brand{--header-logo-width:7.875rem}}.header__logo,.header__mention{grid-area:1/1}.header__logo{inline-size:100%;display:block}.header__logo-img{block-size:auto;inline-size:100%;display:block}.header__mention{font-family:Helvetica,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--header-logo-width) * .0865);color:var(--color--black);white-space:nowrap;pointer-events:none;margin-block-start:43.26%;margin-inline-start:4.94%;font-style:italic;font-weight:400;line-height:1.99;rotate:-5.55deg}.header__nav{flex:auto;justify-content:flex-end;align-items:center;min-inline-size:0;display:flex}@media (width<=899px){.header__nav{z-index:10;background-color:var(--color--white);border-block-start:1px solid var(--color--light-grey);padding:1rem;display:none;position:absolute;inset-block-start:100%;inset-inline:0}.is-open .header__nav{display:block}}.header__menu{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=899px){.header__menu{flex-direction:column;align-items:stretch;gap:.5rem}}.header__menu-item{position:relative}.header__menu-link{min-block-size:2.125rem;color:var(--color--black);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.0625rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.125;display:flex;position:relative}.header__menu-link:focus-visible{outline-offset:2px;outline:2px solid}.header__menu-link:hover{font-weight:700}@media (width<=899px){.header__menu-link{justify-content:flex-start;inline-size:100%}}.header__menu-item.has-submenu:hover>.header__menu-link,.header__menu-item.has-submenu:focus-within>.header__menu-link,.header__menu-item.is-open>.header__menu-link{font-weight:700}.header__menu-label{position:relative}.header__menu-item.is-active>.header__menu-link{font-weight:700}.header__menu-item.is-active>.header__menu-link>.header__menu-label:after{content:"";background-color:var(--color--green);block-size:.1875rem;inline-size:1.75rem;position:absolute;inset-block-end:-.375rem;inset-inline-start:50%;translate:-50%}.header__menu-icon{block-size:1.5rem;inline-size:1.5rem;-webkit-mask:var(--header-chevron) center/contain no-repeat;mask:var(--header-chevron) center/contain no-repeat;background-color:currentColor;flex:none;transition:rotate .3s}@media (width<=899px){.header__menu-icon{margin-inline-start:auto}}.header__menu-item.is-open>.header__menu-link>.header__menu-icon{rotate:180deg}.header__menu-item:last-child>.header__menu-link{letter-spacing:.02em;background-color:var(--color--yellow);padding:.75rem;font-weight:700;transition:background-color .2s}.header__menu-item:last-child>.header__menu-link:hover{background-color:var(--color--yellow-hover)}.header__menu-item:last-child>.header__menu-link>.header__menu-label:after{content:none}@media (width<=899px){.header__menu-item:last-child>.header__menu-link{justify-content:center}}.header__burger{block-size:1.5rem;inline-size:1.5rem;color:var(--color--black);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;margin-inline-start:auto;padding:0;display:none}.header__burger:focus-visible{outline-offset:4px;outline:2px solid}@media (width<=899px){.header__burger{display:flex}}.header__burger-bar{background-color:currentColor;block-size:2px;inline-size:1.25rem;transition:rotate .2s,translate .2s,opacity .2s;display:block}.is-open .header__burger-bar:first-child{translate:0 .375rem;rotate:45deg}.is-open .header__burger-bar:nth-child(2){opacity:0}.is-open .header__burger-bar:nth-child(3){translate:0 -.375rem;rotate:-45deg}.header__submenu{background-color:var(--color--white)}@media (width>=900px){.header__submenu{z-index:10;visibility:hidden;opacity:0;min-inline-size:18.75rem;transition:opacity .2s,visibility 0s .2s;position:absolute;inset-block-start:100%;inset-inline-start:0}}@media (width<=899px){.header__submenu{padding-inline-start:1rem;display:none}}.header__submenu-list{margin:0;padding:0;list-style:none}.header__submenu-link{inline-size:100%;color:var(--color--black);border-block-end:1px solid var(--color--light-grey);align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:1rem;display:flex}.header__submenu-link:focus-visible{outline-offset:-2px;outline:2px solid}.header__submenu-label{flex:auto;min-inline-size:0;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25}.header__submenu-item.is-active>.header__submenu-link>.header__submenu-label{font-weight:700}.header__submenu-link:hover{background-color:var(--color--light-grey)}.header__submenu-link:hover>.header__submenu-label{font-weight:700}.header__submenu-arrow{background-color:var(--color--yellow);border-radius:50%;flex:none;justify-content:center;align-items:center;block-size:2.5rem;inline-size:2.5rem;transition:background-color .2s;display:flex}.header__submenu-arrow:before{content:"";background-color:var(--color--black);block-size:1.5rem;inline-size:1.5rem;-webkit-mask:var(--header-arrow) center/contain no-repeat;mask:var(--header-arrow) center/contain no-repeat}.header__submenu-link:hover>.header__submenu-arrow{background-color:var(--color--yellow-hover)}@media (width>=900px){.header__menu-item.is-open>.header__submenu,.header__menu-item:hover>.header__submenu,.header__menu-item:focus-within>.header__submenu{visibility:visible;opacity:1;transition:opacity .2s,visibility}}@media (width<=899px){.header__menu-item.is-open>.header__submenu{display:block}}@media (prefers-reduced-motion:reduce){.header__brand,.header__menu-icon,.header__burger-bar,.header__submenu,.header__submenu-arrow,.header__menu-item:last-child>.header__menu-link{transition:none}}
