.header{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-4);text-align:center}.header__masthead{view-transition-name:masthead;view-transition-class:frame;font-family:var(--type-family-display);font-size:var(--type-display);line-height:var(--type-leading-tight);letter-spacing:var(--type-tracking-wide);word-spacing:var(--type-tracking-wide)}.header__menu-wrap{display:contents}.header__nav[hidden]{display:none}.header__nav{display:flex;flex-direction:column;gap:var(--space-8);width:100%}.header__menu,.header__utility{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;padding:0}.header--split .header__menu>:nth-child(1)>a{view-transition-name:menu-1}.header--split .header__menu>:nth-child(2)>a{view-transition-name:menu-2}.header--split .header__menu>:nth-child(3)>a{view-transition-name:menu-3}.header--split .header__menu>:nth-child(4)>a{view-transition-name:menu-4}.header--split .header__menu>:nth-child(5)>a{view-transition-name:menu-5}.header--split .header__utility>:nth-child(1)>a{view-transition-name:utility-1}.header--split .header__utility>:nth-child(2)>a{view-transition-name:utility-2}.header--centred .header__menu>:nth-child(1)>a{view-transition-name:bar-menu-1}.header--centred .header__menu>:nth-child(2)>a{view-transition-name:bar-menu-2}.header--centred .header__menu>:nth-child(3)>a{view-transition-name:bar-menu-3}.header--centred .header__menu>:nth-child(4)>a{view-transition-name:bar-menu-4}.header--centred .header__menu>:nth-child(5)>a{view-transition-name:bar-menu-5}.header--centred .header__utility>:nth-child(1)>a{view-transition-name:bar-utility-1}.header--centred .header__utility>:nth-child(2)>a{view-transition-name:bar-utility-2}.header__back:before{content:"\2190" / "";margin-right:var(--space-2)}.header__crumb{color:var(--color-accent);white-space:nowrap}.header__crumb:before{content:"/" / "";margin-inline:var(--space-2);color:var(--color-text)}.header__rule{display:none;position:absolute;background:var(--color-border)}.header__foot{view-transition-name:foot;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:40ch}@media(min-width:64rem){.shell--split:has(.footer--page) :is(.header__nav,.header__foot){animation:pane-lift linear both;animation-timeline:--footer;animation-range:entry 0% entry 100vh}.shell--split:has(.footer--page) .header__nav{animation-range:entry 0% entry 200vh}}@keyframes pane-lift{to{translate:0 -100vh}}@media(max-width:47.999rem){html:has(.header--landing){overflow:clip}.header__masthead,.header__mark{position:relative;z-index:3}.header__mark{view-transition-name:mark}.header__nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;justify-content:center;align-items:center;background:var(--color-surface)}.header__foot{position:fixed;inset-inline:var(--space-4);bottom:var(--space-6);z-index:3;margin-inline:auto}.header:not(.header--landing) :is(.header__nav,.header__foot){display:none;opacity:0}.header--landing .header__nav[hidden]{display:flex}.header--landing a[aria-current=page]{color:inherit}.header__utility:not(:has(>:not([hidden]))){display:none}}@media(max-width:47.999rem)and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) :is(.header__nav,.header__foot){transition:opacity var(--motion-duration) var(--motion-ease),display var(--motion-duration) allow-discrete}@starting-style{html:not([data-motion=off]) :is(.header__nav,.header__foot){opacity:0}}}.header__crest{display:none}@media(max-width:63.999rem){.header__crest{position:fixed;top:var(--space-3);left:50%;z-index:4;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 var(--space-2) var(--color-white)) drop-shadow(0 0 var(--space-4) var(--color-white)) drop-shadow(0 0 var(--space-6) var(--color-white));translate:-50% calc(-100% - var(--space-3) - var(--space-12));visibility:hidden}.header__crest[hidden]{display:none}.header__crest--shown{translate:-50% 0;visibility:visible}.header__crest .marks__mark{display:block;padding:var(--space-4);background:radial-gradient(closest-side,var(--color-white) 70%,transparent)}.header__crest-label{margin-top:calc(-1 * var(--space-4));padding:var(--space-2) var(--space-6);background:radial-gradient(farthest-side,var(--color-white) 55%,transparent)}}@media(max-width:63.999rem)and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .header__crest{transition:translate var(--motion-duration) var(--motion-ease),visibility var(--motion-duration)}html:not([data-motion=off]) .header__crest--shown{transition:translate var(--motion-duration) var(--motion-ease)}}@media(min-width:48rem){.header__mark{display:none}}@media(max-width:63.999rem){.header__marks{display:none}}@media(min-width:64rem){.header__toggle{display:none}.header__nav,.header__nav[hidden]{display:flex}.header--split{justify-content:space-between;height:100%;padding:var(--space-10) var(--space-8)}.header--split .header__rule{display:block;top:0;right:0;width:var(--border-hairline);height:100%;view-transition-name:rule-split}.header--centred .header__rule{display:block;right:0;bottom:0;left:0;height:var(--border-hairline);view-transition-name:rule-bar}.header--split .header__nav{anchor-name:--header-nav;align-items:center}.shell--narrow .header__masthead{font-size:calc(var(--type-display) * 3 / 4)}.header--centred{gap:var(--space-4);padding:var(--space-10) var(--space-8) var(--space-6)}.header--centred .header__nav{flex-direction:row;justify-content:center;gap:var(--space-15)}.header--centred .header__menu{flex-direction:row;gap:var(--space-15)}.header--centred .header__utility{flex-direction:row;gap:var(--space-6)}}.header-preview{display:none}@media(min-width:64rem){.header-preview{view-transition-name:content;display:grid;position:fixed;inset:0 0 0 var(--pane-header);z-index:-1;overflow:hidden;background:var(--color-surface)}.header-preview:before,.header-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.header-preview:before{background:color-mix(in oklch,var(--color-ghost),var(--color-text) 3%);mix-blend-mode:screen}.header-preview:after{background:var(--color-surface);mix-blend-mode:darken}.header-preview[hidden]{display:none}.header-preview__page{grid-area:1 / 1;justify-self:center;width:calc(100vw - var(--pane-spread));min-height:calc(100% + var(--pane-pitch));background:var(--color-surface);filter:grayscale(1);transform:scaleX(-1);-webkit-user-select:none;user-select:none}}@media(prefers-reduced-motion:no-preference){.header-preview{transition:opacity var(--motion-duration) var(--motion-ease),display var(--motion-duration) allow-discrete}@starting-style{.header-preview{opacity:0}}.header-preview[hidden]{opacity:0}.header-preview__page+.header-preview__page{transition:opacity var(--motion-duration) var(--motion-ease)}@starting-style{.header-preview__page+.header-preview__page{opacity:0}}}.header .ghost-text{display:none}@media(min-width:64rem){.header--split .header__nav{gap:var(--pane-pitch)}.header--split .header__menu,.header--split .header__utility{gap:0;line-height:var(--pane-pitch)}.header .ghost-text{display:contents}.header .ghost-text__inner{position:absolute;z-index:-1;top:calc(mod(anchor(--header-nav top) - var(--space-1) / 2,var(--pane-pitch)) - var(--pane-pitch));bottom:0;left:50%;width:min(40rem,var(--pane-spread));max-width:none;overflow:hidden;padding-block:0;line-height:var(--pane-pitch);translate:-50% 0;transform:scaleX(-1);clip-path:inset(0 max(0px,(100% - var(--pane-header)) / 2));-webkit-user-select:none;user-select:none;view-transition-name:ghost}.header .ghost-text__inner>*+*{margin-top:1lh}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/header.css.map */