.section:has(> .migration-header) { position: sticky; top: 0; z-index: 50; }
.migration-header { position: sticky; top: 0; z-index: 50; display: block; height: 85px; border-bottom: 1px solid rgba(43,39,35,.16); background: rgba(246,243,236,.94); color: rgba(var(--color-text)); backdrop-filter: blur(10px); transition: height .24s ease; }
.migration-header__inner { position: relative; display: flex; height: 100%; }
.migration-header__home-heading { display: contents; margin: 0; }
.migration-header__logo { position: relative; z-index: 2; display: flex; width: 96px; height: 96px; align-items: center; flex: 0 0 96px; }
.migration-header__badge { position: absolute; top: 16px; left: 0; width: 96px; height: 96px; object-fit: contain; transition: width .24s ease, height .24s ease, top .24s ease; }
.migration-header__wordmark { display: none; width: 170px; height: auto; }
.migration-header__nav { display: flex; height: 100%; align-items: center; gap: 26px; }
.migration-header__nav-item { height: 100%; display: flex; align-items: center; }
.migration-header .nav-link { display: flex; align-items: center; gap: 5px; color: inherit; font: 600 14px/normal "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .7px; text-decoration: none; text-transform: uppercase; }
.migration-header .nav-link.active { color: var(--migration-teal-dark); }
.migration-header .nav-link:hover, .migration-header .nav-link:focus-visible { color: var(--migration-teal-dark); }
.migration-header__actions { display: flex; align-items: center; gap: 10px; }
.migration-header .migration-header__search,
.migration-header .migration-header__search:hover,
.migration-header .migration-header__search:focus { color: var(--migration-ink); text-decoration: none; }
.migration-header__icon { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border: 0; border-radius: 50%; padding: 0; background: transparent; color: inherit; cursor: pointer; transition: background-color .15s ease; }
.migration-header__icon:hover { background: var(--migration-oat); }
.migration-header__cart { position: relative; border-radius: 50%; }
.migration-header__cart theme-cart-bubble { position: relative; display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; }
.migration-header__cart svg { width: 19px; height: 19px; }
.migration-header__cart theme-cart-bubble > svg { display: none; }
.migration-header__cart .migration-header__cart-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.migration-header__cart .cart-bubble__count { box-sizing: border-box; position: absolute; top: -2px; right: -2px; display: block; width: 18px; height: 18px; border-radius: 9px; background: var(--migration-teal-dark); color: #fff; font: 700 11px/18px "Hanken Grotesk", system-ui, sans-serif; text-align: center; }
.migration-header__cart .cart-bubble__count:empty { display: none; }
.menu-toggle { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.menu-toggle span { display: block; width: 22px; height: 2px; background: currentColor; }
.migration-mega-menu { box-sizing: border-box; position: absolute; top: calc(100% + 1px); left: 50%; right: auto; display: grid; width: 100vw; grid-template-columns: minmax(0,808px) minmax(260px,300px); gap: 36px; padding: 34px max(28px, calc((100vw - 1200px)/2 + 28px)) 38px; border-bottom: 1px solid var(--migration-oat); background: var(--migration-chalk); opacity: 0; pointer-events: none; transform: translate(-50%,-8px); transition: opacity .18s ease, transform .18s ease; }
.migration-header__nav-item:hover .migration-mega-menu, .migration-header__nav-item:focus-within .migration-mega-menu { opacity: 1; pointer-events: auto; transform: translate(-50%,0); }
.migration-header__nav-item:hover > .nav-link svg, .migration-header__nav-item:focus-within > .nav-link svg { transform: rotate(180deg); }
.migration-header .nav-link svg { transition: transform .18s ease; }
.migration-mega-menu__links { display: grid; grid-template-columns: repeat(2,minmax(0,386px)); gap: 36px; }
.migration-mega-menu__group h6 { margin: 0 0 10px; padding: 0 12px; color: #9a9385; font: 600 11px/normal "Spline Sans Mono", ui-monospace, monospace; letter-spacing: 1.76px; text-transform: uppercase; }
.migration-mega-menu__group a { display: block; padding: 10px 12px; border-radius: 12px; color: inherit; text-decoration: none; }
.migration-mega-menu__group a:hover, .migration-mega-menu__group a:focus-visible { background: var(--migration-paper); }
.migration-mega-menu__group strong { display: block; font: 600 15px/normal "Hanken Grotesk", system-ui, sans-serif; }
.migration-mega-menu__group span { display: block; margin-top: 2px; color: #9a9385; font: 400 12.5px/1.45 "Hanken Grotesk", system-ui, sans-serif; }
.migration-mega-menu__feature { display: block; align-self: start; overflow: hidden; border: 1px solid var(--migration-oat); border-radius: 16px; background: var(--migration-paper); color: var(--migration-ink); text-decoration: none; }
.migration-mega-menu__feature img { display: block; width: 100%; height: 186.25px; object-fit: cover; }
.migration-mega-menu__feature-caption { padding: 14px 16px; }
.migration-header .migration-mega-menu__feature strong { display: block; color: var(--migration-ink); font: 600 14.5px/normal "Hanken Grotesk", system-ui, sans-serif; }
.migration-mega-menu__feature span { display: block; margin-top: 4px; color: var(--migration-moss); font: 500 11px/normal "Spline Sans Mono", ui-monospace, monospace; letter-spacing: .88px; text-transform: uppercase; }
.migration-header.is-compact { height: 60px; }
.migration-header.is-compact .migration-header__logo { width: 46px; height: 46px; flex-basis: 46px; }
.migration-header.is-compact .migration-header__badge { top: 0; width: 46px; height: 46px; }
.migration-mobile-menu { position: fixed; inset: 0; z-index: 120; display: none; padding: 24px; overflow-y: auto; background: var(--migration-paper); }
.migration-mobile-menu[aria-hidden="false"] { display: block; }
html.migration-menu-open { overflow: hidden; }
.migration-mobile-menu__head { display: flex; height: 40px; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.migration-mobile-menu__head img { width: 40px; height: 40px; object-fit: fill; }
.migration-mobile-menu__close { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; padding: 1px 6px; border: 0; border-radius: 50%; background: transparent; color: #756e62; font: 400 22px/1 "Hanken Grotesk", system-ui, sans-serif; cursor: pointer; }
.migration-mobile-nav__title, .migration-mobile-nav__label { box-sizing: border-box; display: block; width: 100%; padding: 12px 0; border-bottom: 1px solid #ded7c8; font: 600 18px/normal "Spectral", Georgia, serif; text-decoration: none; }
.migration-mobile-nav__title { color: var(--migration-ink); }
.migration-mobile-nav__label { color: var(--migration-teal-dark); }
.migration-mobile-nav__group a { box-sizing: border-box; display: block; width: 100%; padding: 8px 0 8px 16px; color: #756e62; font: 500 15px/20px "Hanken Grotesk", system-ui, sans-serif; text-decoration: none; }
@media (max-width: 899px) {
  .migration-header { height: 65px; }
  .migration-header__logo { flex-basis: auto; }
  .migration-header__badge, .migration-header__nav { display: none; }
  .migration-header__wordmark { display: block; width: auto; height: 40px; }
  .menu-toggle { display: flex; }
  .migration-header.is-compact { height: 65px; }
}
@media (min-width: 481px) and (max-width: 899px) {
  .migration-header__inner { padding-inline: 28px !important; column-gap: 24px !important; }
  .migration-header__logo { width: 75.546875px; height: 40px; }
}
@media (max-width: 420px) { .migration-header__wordmark { width: auto; height: 40px; } .migration-header__actions { gap: 10px; } }
@media (prefers-reduced-motion: reduce) {
  .migration-header, .migration-header__badge, .migration-header__icon, .migration-header .nav-link svg, .migration-mega-menu { transition: none; }
}