.header-wrapper--atelier{border-bottom:1px solid rgba(var(--color-foreground),.18);box-shadow:0 8px 24px rgba(var(--color-foreground),.045)}
.header-wrapper--atelier .header__heading-link{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;text-decoration:none;padding:8px 0}
.header-wrapper--atelier .header__heading-link>.h2{font-family:var(--font-heading-family);font-size:clamp(2.6rem,3vw,4.2rem);font-weight:600;letter-spacing:-.06em;line-height:1;text-transform:none;color:rgb(var(--color-foreground))}
.header-brand-caption{display:block;font-family:var(--font-body-family);font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-foreground));opacity:.85}
.header-wrapper--atelier .header__icons{gap:8px;align-items:center}
.header-wrapper--atelier .header__icons>.header__icon,.header-wrapper--atelier .header__icons .header__search .header__icon{border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgba(var(--color-background),.25);transition:background .2s,border-color .2s}
.header-wrapper--atelier .header__icons>.header__icon:hover,.header-wrapper--atelier .header__icons .header__search .header__icon:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.55)}
.header-wrapper--atelier .header__icon--cart{margin-right:0}
.header-wrapper--atelier .cart-count-bubble{border:2px solid rgb(var(--color-background));bottom:.15rem;left:auto;right:-.25rem;min-width:1.9rem;height:1.9rem}
.header-wrapper--atelier .header__menu-item{font-size:1.4rem;font-weight:500;letter-spacing:.035em;text-decoration:none;text-transform:none;border-radius:30px;transition:background .2s}
.header-wrapper--atelier .header__menu-item:hover{background:rgba(var(--color-foreground),.075)}
.header-wrapper--atelier .header__menu-item span,.header-wrapper--atelier .header__active-menu-item{text-decoration:none;text-underline-offset:6px}
.header-wrapper--atelier .header__active-menu-item{box-shadow:0 1px 0 currentColor}
.header-wrapper--atelier .header__submenu,.header-wrapper--atelier .mega-menu__content{border-radius:0 0 18px 18px;border:1px solid rgba(var(--color-foreground),.18);box-shadow:0 18px 30px rgba(var(--color-foreground),.12)}
.header-wrapper--atelier .header__submenu .header__menu-item{border-radius:8px;padding:12px 18px}
@media(min-width:990px){
.header-wrapper--atelier .header:not(.drawer-menu){grid-template-areas:'heading left-icons icons' 'navigation navigation navigation';grid-template-columns:1fr auto auto;column-gap:16px;row-gap:14px;padding-bottom:12px}
.header-wrapper--atelier .header:not(.drawer-menu)>.header__heading,.header-wrapper--atelier .header:not(.drawer-menu)>.header__heading-link{justify-self:start}
.header-wrapper--atelier .header__inline-menu{margin-left:0;width:100%;border-top:1px solid rgba(var(--color-foreground),.2);padding-top:10px}
.header-wrapper--atelier .header__inline-menu>.list-menu{gap:4px 10px}
.header-wrapper--atelier .header__inline-menu>.list-menu>li>.header__menu-item,.header-wrapper--atelier .header__inline-menu header-menu>details>summary{padding:11px 18px}
.header-wrapper--atelier .header__heading-link:before{content:'';position:absolute;left:-24px;top:17px;width:12px;height:12px;border:1px solid currentColor;border-radius:50% 50% 0 50%;transform:rotate(-45deg)}
.header-wrapper--atelier .header__heading-link{margin-left:24px}
.header-wrapper--atelier .header>.header__search .header__icon{border:1px solid rgba(var(--color-foreground),.2);border-radius:50%}
}
@media(max-width:989px){
.header-wrapper--atelier .header{column-gap:8px;padding-left:20px;padding-right:20px}
.header-wrapper--atelier .header__heading-link{align-items:center}
.header-wrapper--atelier .header__heading-link>.h2{font-size:2.8rem}
.header-wrapper--atelier .header-brand-caption{font-size:.85rem;letter-spacing:.09em}
.header-wrapper--atelier .header__icons{gap:2px}
}
@media(max-width:420px){.header-wrapper--atelier .header__heading-link>.h2{font-size:2.5rem}.header-wrapper--atelier .header-brand-caption{display:none}.header-wrapper--atelier .header{padding-left:16px;padding-right:16px;column-gap:4px}}
@media(prefers-reduced-motion:reduce){.header-wrapper--atelier .header__menu-item,.header-wrapper--atelier .header__icon{transition:none}}

.section-header:has(sticky-header[data-sticky-type="always"]){display:block;visibility:visible;opacity:1;top:0;transform:none;z-index:4}
.section-header:has(sticky-header[data-sticky-type="always"]) .header-wrapper{display:block;visibility:visible;opacity:1}