.header__menu-desktop .dropdown-content{transition:opacity .18s ease,transform .18s ease}.header__menu-desktop .atelier-mega-dropdown{position:static}.header__menu-desktop dropdown-component .atelier-mega__panel{inset:100% 16px auto;width:calc(100% - 32px);min-width:0;padding:0;border:1px solid color-mix(in srgb,var(--color-foreground) 16%,transparent);border-radius:0 0 var(--card-border-radius) var(--card-border-radius);box-shadow:0 20px 28px -18px color-mix(in srgb,var(--color-foreground) 28%,transparent);overflow:auto;max-height:calc(100dvh - var(--header-offset-height) - 56px);overscroll-behavior:contain}.atelier-mega{color:var(--color-foreground);background:var(--color-background);padding:30px 32px 22px;width:100%;max-width:1500px;margin-inline:auto;text-align:start;text-transform:none;letter-spacing:normal}.atelier-mega__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,250px);gap:clamp(30px,4vw,64px);padding-bottom:24px}.atelier-mega__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:16px 26px;align-content:start}.atelier-mega__group{min-width:0}.atelier-mega__heading{margin:0 0 14px;padding:0 0 13px;border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 25%,transparent);font-family:var(--font-body--family);font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}.atelier-mega__links{display:grid;gap:3px;padding:0;margin:0;list-style:none}.atelier-mega__links a{display:flex;align-items:center;min-height:44px;width:fit-content;max-width:100%;padding-block:6px;color:inherit;font-size:16px;line-height:1.4;text-decoration:none;text-underline-offset:5px}.atelier-mega .atelier-mega__links a:hover,.atelier-mega .atelier-mega__links a[aria-current=page]{text-decoration:underline}.atelier-mega__feature{display:flex;flex-direction:column;gap:15px;align-self:start;min-width:0;color:inherit;text-decoration:none}.atelier-mega__image{width:100%;aspect-ratio:1.36;padding:8px;overflow:hidden;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-foreground) 18%,transparent);border-radius:var(--card-border-radius)}.atelier-mega__image img{display:block;width:100%;height:100%;border-radius:max(0px,calc(var(--card-border-radius) - 8px));object-fit:cover;transition:transform .18s ease}.atelier-mega__feature:hover img{transform:scale(1.025)}.atelier-mega__feature-copy{display:grid;gap:5px}.atelier-mega__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.atelier-mega__title{font-family:var(--font-heading--family);font-size:29px;line-height:1.2;font-weight:400}.atelier-mega__count{font-size:12px;line-height:1.5}.atelier-mega__discover{display:flex;align-items:center;justify-content:space-between;gap:24px;width:fit-content;min-height:40px;margin-top:5px;padding:7px 16px;border:1px solid color-mix(in srgb,var(--color-foreground) 38%,transparent);border-radius:var(--button-border-radius);font-size:12px}.atelier-mega__feature:hover .atelier-mega__discover{background:color-mix(in srgb,var(--color-foreground) 6%,transparent)}.atelier-mega__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--color-foreground) 18%,transparent)}.atelier-mega__shortcuts{display:flex;flex-wrap:wrap;gap:10px}.atelier-mega__chip{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--color-foreground) 32%,transparent);border-radius:var(--button-border-radius);color:inherit;font-size:12px;text-decoration:none}.atelier-mega__chip:hover{background:color-mix(in srgb,var(--color-foreground) 7%,transparent)}.atelier-mega .atelier-mega__footer .atelier-mega__all{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;padding:11px 22px;border:1px solid var(--color-primary-button-border);border-radius:var(--button-border-radius);color:var(--color-primary-button-text);background:var(--color-primary-button-background);font-size:12px;font-weight:500;text-decoration:none}.atelier-mega .atelier-mega__all:hover{text-decoration:underline;text-underline-offset:4px}.atelier-mega a:focus-visible,.atelier-mega summary:focus-visible,.header__menu-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.atelier-mega--mobile{padding:4px 12px 20px;border-radius:var(--card-border-radius)}.atelier-mega--mobile .atelier-mega__main{display:flex;flex-direction:column;gap:18px;padding-bottom:18px}.atelier-mega--mobile .atelier-mega__groups{display:block}.atelier-mega--mobile .atelier-mega__heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:12px 0;min-height:48px;cursor:pointer;list-style:none}.atelier-mega--mobile .atelier-mega__heading::-webkit-details-marker{display:none}.atelier-mega--mobile .atelier-mega__heading span{font-size:20px;font-weight:400}.atelier-mega--mobile .atelier-mega__group[open]>summary span{transform:rotate(45deg)}.atelier-mega--mobile .atelier-mega__links{padding:8px 10px}.atelier-mega--mobile .atelier-mega__links a{font-size:15px;min-height:44px;width:100%}.atelier-mega--mobile .atelier-mega__feature{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:13px}.atelier-mega--mobile .atelier-mega__image{aspect-ratio:1;padding:4px}.atelier-mega--mobile .atelier-mega__title{font-size:23px}.atelier-mega--mobile .atelier-mega__eyebrow{font-size:9px}.atelier-mega--mobile .atelier-mega__discover{display:none}.atelier-mega--mobile .atelier-mega__footer{display:grid;gap:12px;padding-top:14px}.atelier-mega--mobile .atelier-mega__shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atelier-mega--mobile .atelier-mega__chip{padding:8px;font-size:11px;text-align:center}.atelier-mega--mobile .atelier-mega .atelier-mega__footer .atelier-mega__all{width:100%;padding-inline:14px}.atelier-mega--mobile .atelier-mega__main--without-image .atelier-mega__feature{grid-template-columns:1fr}.atelier-mega-mobile-parent{border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}.header__mobile-menu-nav:has(.atelier-mega--mobile){padding:12px 16px 28px;gap:0}.header__mobile-menu-nav:has(.atelier-mega--mobile)>.header__mobile-menu-link,.atelier-mega-mobile-parent>summary{padding:14px 10px;min-height:52px;font-size:17px}.header__mobile-menu:has(.atelier-mega--mobile){height:100dvh}@media(prefers-reduced-motion:reduce){.atelier-mega__image img,.header__menu-desktop .dropdown-content{transition:none}.atelier-mega__feature:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/header-collection-menu.css.map */