overlay-nav{display:contents}.overlay-nav__toggle,.overlay-nav__book{position:fixed;top:var(--overlay-nav-top, 26px);z-index:var(--overlay-nav-chrome-z, 120);--kit-tracking-label: var(--kit-tracking-chrome, .22em)}.overlay-nav__toggle{left:clamp(var(--overlay-nav-inset-mobile, 20px),3vw,var(--overlay-nav-inset-desktop, 40px));display:inline-flex;align-items:center;gap:var(--overlay-nav-mark-gap, 13px);margin:0;padding:var(--overlay-nav-toggle-pad, 6px);border:0;background:none;color:inherit;cursor:pointer}.overlay-nav__toggle{font-family:var(--kit-display-family, inherit);font-stretch:var(--kit-display-stretch, normal);font-size:var(--overlay-nav-toggle-size, 15px);font-weight:var(--overlay-nav-toggle-weight, 400);letter-spacing:var(--overlay-nav-toggle-tracking, .16em);text-transform:uppercase}.overlay-nav__book{right:clamp(var(--overlay-nav-inset-mobile, 20px),3vw,var(--overlay-nav-inset-desktop, 40px));--kit-button-border-width: var(--overlay-nav-book-border, 2px);--kit-button-pad: var(--overlay-nav-book-pad, 19px 38px);--kit-button-size: var(--overlay-nav-book-size, 12px);--kit-button-weight: var(--overlay-nav-book-weight, 700);--kit-duration-slow: .7s;z-index:calc(var(--overlay-nav-panel-z, 115) - 1)}.overlay-nav__book.kit-button:hover,.overlay-nav__book.kit-button:focus-visible{mix-blend-mode:normal;background:var(--royals-oxblood, #2b0103);color:var(--royals-paper, #f6f0e9);opacity:1}.overlay-nav__book.kit-blend-difference{background:rgba(var(--color-foreground),.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-nav__toggle.kit-blend-difference,.overlay-nav__home.kit-blend-difference,.overlay-nav__util.kit-blend-difference{color:var(--kit-blend-source, var(--kit-on-image, #fff))}.overlay-nav__toggle.kit-blend-none,.overlay-nav__home.kit-blend-none,.overlay-nav__util.kit-blend-none{color:var(--kit-chrome-solid-ink, var(--kit-on-image, #fff))}.overlay-nav__toggle-label{display:inline-block}.overlay-nav__toggle[aria-expanded=true] .overlay-nav__toggle-label--closed,.overlay-nav__toggle[aria-expanded=false] .overlay-nav__toggle-label--open{display:none}.overlay-nav--open .overlay-nav__toggle,.overlay-nav--open .overlay-nav__book,.overlay-nav--open .overlay-nav__home,.overlay-nav--open .overlay-nav__util,.overlay-nav__toggle[aria-expanded=true]{mix-blend-mode:normal;color:var(--overlay-nav-open-ink, var(--overlay-nav-ink, var(--kit-on-image, #fff)))}.overlay-nav__mark{display:block;flex:0 0 auto;width:var(--overlay-nav-mark-size, 26px);height:var(--overlay-nav-mark-size, 26px);object-fit:contain;transition:transform var(--kit-duration-slow) var(--kit-ease-out)}.overlay-nav--mark-rotate .overlay-nav__toggle:hover .overlay-nav__mark,.overlay-nav--mark-rotate .overlay-nav__toggle:focus-visible .overlay-nav__mark{transform:rotate(var(--overlay-nav-mark-rotation, 90deg))}.overlay-nav__panel{background-color:rgba(var(--color-foreground, 0 0 0),var(--overlay-nav-ground-alpha, 1));position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--overlay-nav-panel-z, 115);display:flex;flex-direction:column;padding:clamp(60px,10vh,var(--overlay-nav-pad-block, 140px)) clamp(28px,8vw,var(--overlay-nav-pad-inline, 120px));overflow-y:auto;color:var(--overlay-nav-ink, var(--kit-on-image, #fff));opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--kit-duration-overlay) var(--kit-ease-out),visibility 0s linear var(--kit-duration-overlay)}.overlay-nav__panel{-webkit-backdrop-filter:none;backdrop-filter:none}.overlay-nav__panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--kit-duration-overlay) var(--kit-ease-out),visibility 0s linear 0s}.overlay-nav__body{margin-block:auto;width:100%}.overlay-nav__panel--center .overlay-nav__body{text-align:center}.overlay-nav__panel--center .overlay-nav__row,.overlay-nav__panel--center .overlay-nav__foot{justify-content:center}.overlay-nav__eyebrow{display:block;margin-bottom:clamp(24px,4vh,var(--overlay-nav-eyebrow-gap, 52px));--kit-eyebrow-color: var(--overlay-nav-accent, var(--kit-accent))}.overlay-nav__link{color:inherit;padding-block:clamp(6px,1vh,14px);font-weight:var(--overlay-nav-link-weight, 400);font-size:clamp(2.4rem,7vw,var(--overlay-nav-link-size, 5.4rem));line-height:var(--overlay-nav-link-leading, 1.04);letter-spacing:var(--overlay-nav-link-tracking, var(--kit-tracking-none, 0));opacity:0;transform:translateY(var(--overlay-nav-reveal-distance, 18px));transition:color var(--kit-duration-base) var(--kit-ease-standard),opacity var(--kit-duration-reveal) var(--kit-ease-out),transform var(--kit-duration-reveal) var(--kit-ease-out);transition-delay:calc(var(--kit-stagger-lead, 20ms) + var(--overlay-nav-index, 0) * var(--overlay-nav-stagger, 60ms))}.overlay-nav__panel.is-open .overlay-nav__link{opacity:1;transform:none}.overlay-nav__link:hover,.overlay-nav__link:focus-visible{color:var(--overlay-nav-accent, inherit)}.overlay-nav__link.is-current{color:var(--overlay-nav-accent, inherit)}.overlay-nav--italic-hover .overlay-nav__link:hover .overlay-nav__label,.overlay-nav--italic-hover .overlay-nav__link:focus-visible .overlay-nav__label{font-style:italic}.overlay-nav__text{display:block}.overlay-nav__label{display:inline-block}.overlay-nav__note{display:block;margin-top:var(--overlay-nav-note-gap, 6px);color:var(--overlay-nav-accent, inherit)}.overlay-nav__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--overlay-nav-foot-gap, 28px);margin-top:clamp(30px,6vh,var(--overlay-nav-foot-offset, 64px));--kit-meta-color: var(--overlay-nav-accent, inherit);--kit-tracking-meta: var(--kit-tracking-kicker, .2em)}.overlay-nav__foot-link{color:inherit;text-decoration:none;transition:color var(--kit-duration-base) var(--kit-ease-standard)}.overlay-nav__foot-link:hover,.overlay-nav__foot-link:focus-visible{color:var(--overlay-nav-ink, var(--kit-on-image, #fff))}.overlay-nav__cart-count:empty{display:none}.overlay-nav__close:focus-visible{position:static!important;width:auto;height:auto;margin:var(--overlay-nav-close-margin, 24px 0 0);padding:var(--overlay-nav-close-pad, 10px 18px);overflow:visible;clip:auto;clip-path:none;border:var(--kit-hairline-width, 1px) solid currentColor;background:none;color:inherit;white-space:normal;cursor:pointer}@media screen and (max-width:749px){.overlay-nav__foot{gap:var(--overlay-nav-foot-gap-mobile, 16px)}.overlay-nav__row{--kit-numeral-width: var(--overlay-nav-numeral-width-mobile, 26px);--kit-numeral-gap: var(--overlay-nav-numeral-gap-mobile, 14px)}}@media(prefers-reduced-motion:reduce){.overlay-nav__panel,.overlay-nav__panel.is-open,.overlay-nav__link,.overlay-nav__mark,.overlay-nav__foot-link{transition:none!important}.overlay-nav__link{opacity:1;transform:none;transition-delay:0s!important}.overlay-nav--mark-rotate .overlay-nav__toggle:hover .overlay-nav__mark,.overlay-nav--mark-rotate .overlay-nav__toggle:focus-visible .overlay-nav__mark{transform:none}}.overlay-nav__home{position:fixed;z-index:calc(var(--overlay-nav-panel-z, 115) - 1);top:var(--overlay-nav-top, 26px);padding:var(--overlay-nav-toggle-pad, 6px);color:inherit;text-decoration:none}.overlay-nav__home{left:50%;transform:translate(-50%)}.overlay-nav__home{color:transparent!important}.overlay-nav__home-mark.video-hero__mark-crop{display:inline-block;width:106px;vertical-align:middle}.overlay-nav__utility{display:contents}.overlay-nav__util{position:fixed;z-index:calc(var(--overlay-nav-panel-z, 115) - 1);top:var(--overlay-nav-top, 26px);padding:var(--overlay-nav-toggle-pad, 6px)}.overlay-nav__util--cart{right:calc(clamp(var(--overlay-nav-inset-mobile, 20px),3vw,var(--overlay-nav-inset-desktop, 40px)) + var(--overlay-nav-book-clearance, 210px))}.overlay-nav__util:not(.overlay-nav__util--cart){right:calc(clamp(var(--overlay-nav-inset-mobile, 20px),3vw,var(--overlay-nav-inset-desktop, 40px)) + var(--overlay-nav-book-clearance, 210px) + var(--overlay-nav-cart-width-estimate, 62px) + var(--overlay-nav-utility-gap, 22px))}.overlay-nav:not(.overlay-nav--has-book) .overlay-nav__util--cart{right:clamp(var(--overlay-nav-inset-mobile, 20px),3vw,var(--overlay-nav-inset-desktop, 40px))}.overlay-nav:not(.overlay-nav--has-book) .overlay-nav__util:not(.overlay-nav__util--cart){right:calc(clamp(var(--overlay-nav-inset-mobile, 20px),3vw,var(--overlay-nav-inset-desktop, 40px)) + var(--overlay-nav-cart-width-estimate, 62px) + var(--overlay-nav-utility-gap, 22px))}@media screen and (max-width:749px){.overlay-nav__utility{display:none}}.overlay-nav__book{display:none}.overlay-nav__fab{display:none;position:fixed;right:var(--overlay-nav-inset-mobile, 20px);bottom:var(--overlay-nav-fab-bottom, 20px);z-index:calc(var(--overlay-nav-panel-z, 115) - 1);width:var(--overlay-nav-fab-size, 52px);height:var(--overlay-nav-fab-size, 52px);align-items:center;justify-content:center;border-radius:50%;background:var(--kit-accent);color:var(--kit-accent-contrast);box-shadow:0 6px 20px #00000047;text-decoration:none}.overlay-nav__fab .icon{width:22px;height:22px}.overlay-nav__fab-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--kit-ink);color:var(--kit-surface);font-size:11px;font-weight:600;line-height:18px;text-align:center}.overlay-nav__fab-badge.is-empty{display:none}@media screen and (max-width:749px){.overlay-nav__fab{display:flex}}@media screen and (max-width:374px){.overlay-nav__home{padding:2px;font-size:8px;letter-spacing:.05em}}.overlay-nav__util{color:inherit;text-decoration:none;white-space:nowrap}.overlay-nav__util--cart{display:inline-flex;align-items:baseline;gap:6px}.overlay-nav__cart-count:before{content:"("}.overlay-nav__cart-count:after{content:")"}.overlay-nav__cart-count.is-empty{opacity:.55}.overlay-nav__shop{display:grid;grid-template-columns:repeat(var(--overlay-nav-shop-cols, 4),minmax(0,1fr));gap:var(--overlay-nav-shop-gap, 32px);margin-block-start:var(--overlay-nav-shop-lead, 48px);padding-block-start:var(--overlay-nav-shop-pad, 32px);border-block-start:1px solid currentColor}.overlay-nav__shop-heading{margin:0 0 14px}.overlay-nav__shop-list{display:flex;flex-direction:column;gap:var(--overlay-nav-shop-row-gap, 9px);margin:0;padding:0;list-style:none}.overlay-nav__shop-link{color:inherit;text-decoration:none;font-size:var(--overlay-nav-shop-size, 1.5rem);line-height:1.35}.overlay-nav__shop-link.is-active{opacity:.6}@media screen and (max-width:989px){.overlay-nav__shop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:620px){.overlay-nav__shop{grid-template-columns:minmax(0,1fr);gap:26px}}.main-content--nav-gap{padding-top:140px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-overlay-nav.css.map */