.ftf-nav{display:none}@media(min-width:1200px){.wt-header--flyout .ftf-nav{display:block}.wt-header--flyout~.wt-drawer--nav,.wt-header--flyout .wt-header__nav-teaser,.wt-header--flyout .wt-header__menu-trigger{display:none!important}page-header.wt-header--flyout .wt-header__body{max-width:var(--site-max-width);margin-left:auto;margin-right:auto;position:relative;justify-content:flex-start;align-items:center;gap:clamp(8px,1vw,22px)}page-header.wt-header--flyout .wt-header__body .wt-header__logo{position:static;inset:auto;transform:none}.wt-header--flyout .wt-header__logo-wrapper{order:-2;margin:0;display:flex;align-items:center}.wt-header--flyout .wt-header__logo__placeholder{display:none}.wt-header--flyout .ftf-nav{order:-1;margin-inline-start:auto;margin-inline-end:auto}.wt-header--flyout-left .ftf-nav{margin-inline-start:clamp(20px,2vw,36px);margin-inline-end:auto}.ftf-nav{--_ftf-bg: var(--ftf-panel-bg, var(--color-background, #ffffff));--_ftf-text: var(--ftf-text, var(--color-menu-text, #1a1a1a));--_ftf-accent: var(--ftf-accent, #2c6e49);--_ftf-hover: var(--ftf-hover, var(--_ftf-accent));--_ftf-radius: var(--ftf-radius, 12px);--_ftf-col-min: var(--ftf-col-min, 180px);--_ftf-col-gap: 24px;--_ftf-gap: var(--gap, 8px);--_ftf-shadow: var(--ftf-shadow, 0 24px 48px -12px rgba(0, 0, 0, .22));--ftf-panel-inset: 16px;position:relative;z-index:60;font-family:var(--ftf-font, var(--font-navigation));font-style:var(--font-navigation-style, normal);font-weight:var(--ftf-font-weight, var(--font-navigation-weight, 500));font-size:var(--ftf-font-size, var(--font-navigation-size, 15px));letter-spacing:var(--ftf-letter-spacing, var(--font-navigation-letter-spacing, normal));color:var(--_ftf-text)}.ftf-list{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(22px,2vw,36px);margin:0;padding:0;min-width:0}.ftf-item{display:flex}.ftf-item--has-panel{position:relative}.ftf-trigger{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:18px;font-weight:var(--ftf-trigger-weight, 500);letter-spacing:.02em;line-height:1.2;padding:10px 2px;color:inherit;text-decoration:none;text-transform:var(--ftf-uppercase, none);white-space:nowrap;transition:color .2s ease}.ftf-trigger__text{position:relative}.ftf-trigger__text:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.16,1,.3,1)}.ftf-trigger:hover,.ftf-trigger:focus-visible{color:var(--_ftf-hover)}.ftf-trigger:hover .ftf-trigger__text:after,.ftf-trigger:focus-visible .ftf-trigger__text:after,.ftf-trigger--active .ftf-trigger__text:after,.ftf-item.is-open>.ftf-trigger .ftf-trigger__text:after{transform:scaleX(1)}.ftf-trigger__icon{display:inline-flex;align-items:center;opacity:.5;transition:transform .25s ease,opacity .2s ease}.ftf-trigger__icon .svg-icon,.ftf-trigger__icon svg{width:12px;height:12px}.ftf-trigger:hover .ftf-trigger__icon,.ftf-trigger:focus-visible .ftf-trigger__icon,.ftf-item.is-open>.ftf-trigger .ftf-trigger__icon{opacity:1}.ftf-item.is-open>.ftf-trigger .ftf-trigger__icon{transform:rotate(180deg)}.ftf-panel{position:absolute;top:100%;left:0;z-index:70;min-width:240px;max-width:min(94vw,1040px);padding-top:12px;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s}.ftf-panel__inner{--_ftf-cols: min(var(--ftf-count, 3), 4);position:relative;width:calc(var(--_ftf-cols) * var(--_ftf-col-min) + (var(--_ftf-cols) - 1) * var(--_ftf-col-gap) + clamp(18px,1.6vw,30px) * 2);max-width:min(94vw,1040px);background:var(--_ftf-bg);border-radius:var(--_ftf-radius);box-shadow:var(--_ftf-shadow);padding:clamp(18px,1.6vw,30px);overflow:hidden}.ftf-item.is-open>.ftf-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.ftf-nav[data-flyout-trigger=hover] .ftf-item--has-panel:hover>.ftf-panel,.ftf-nav[data-flyout-trigger=hover] .ftf-item--has-panel:focus-within>.ftf-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.ftf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background:#0f121157;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}.ftf-backdrop.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease,visibility 0s linear 0s}.ftf-item--has-panel:last-child .ftf-panel{left:auto;right:0}.ftf-nav--full,.ftf-nav--full .ftf-item--has-panel{position:static}.ftf-nav--full .ftf-panel{left:0;right:0;width:auto;min-width:0;max-width:none}.ftf-nav--full .ftf-panel__inner{max-width:min(var(--site-max-width),calc(100% - var(--ftf-panel-inset, 16px) * 2));margin:0 auto;padding-left:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2) - var(--ftf-panel-inset, 16px));padding-right:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2) - var(--ftf-panel-inset, 16px))}.ftf-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--_ftf-col-min),1fr));gap:clamp(16px,1.5vw,28px) var(--_ftf-col-gap);align-items:start}.ftf-col{min-width:0}.ftf-nav--full .ftf-panel__inner{width:auto}.ftf-cols--grid{display:grid;gap:clamp(16px,1.5vw,28px) var(--_ftf-col-gap);align-items:start;justify-content:start}.ftf-colgroup{display:flex;flex-direction:column;gap:clamp(20px,1.8vw,32px);margin:0;padding:0;list-style:none;min-width:0}.ftf-nav--grid:not(.ftf-nav--full) .ftf-panel__inner{width:max-content;max-width:min(94vw,1040px)}.ftf-col__title{display:block;color:var(--_ftf-text);font-size:1.125em;font-weight:var(--ftf-col-title-weight, 500);letter-spacing:-.01em;text-decoration:none;text-transform:var(--ftf-uppercase, none);line-height:1.3;margin-bottom:12px;transition:color .18s ease}.ftf-col__title:hover,.ftf-col__title:focus-visible,.ftf-col__title--active{color:var(--_ftf-hover)}.ftf-col__title--link{font-weight:var(--ftf-col-title-weight, 500);border-bottom:0;margin-bottom:0}.ftf-col__title--collection-card{display:flex;flex-direction:column;gap:12px}.ftf-col__collection-media{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--_ftf-text) 6%,transparent);transition:box-shadow .22s ease,transform .22s ease}.ftf-col__collection-image{display:block;width:100%;height:100%;object-fit:cover}.ftf-col__collection-label{display:block;width:100%}.ftf-col__title--collection-card:hover .ftf-col__collection-media,.ftf-col__title--collection-card:focus-visible .ftf-col__collection-media{box-shadow:0 6px 18px -6px #00000024;transform:translateY(-2px)}.ftf-col__list{display:flex;flex-direction:column;gap:2px}.ftf-link{position:relative;display:block;color:color-mix(in srgb,var(--_ftf-text) 72%,transparent);text-decoration:none;font-size:1em;font-weight:400;line-height:1.5;padding:7px 0;transition:color .18s ease,transform .18s ease}.ftf-link:hover,.ftf-link:focus-visible,.ftf-link--active{color:var(--_ftf-hover);transform:translate(4px)}.ftf-discipline{margin-top:clamp(20px,1.8vw,32px);padding-top:clamp(20px,1.8vw,32px)}.ftf-discipline+.ftf-discipline{margin-top:0;padding-top:clamp(8px,.8vw,14px)}.ftf-discipline__heading{margin:0 0 clamp(16px,1.4vw,24px);color:var(--_ftf-text);font-size:1.125em;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:left;line-height:1.3}.ftf-discipline__head{display:flex;align-items:center;gap:16px;margin:0 0 clamp(16px,1.4vw,24px)}.ftf-discipline__head .ftf-discipline__heading{margin:0}.ftf-discipline__badge{display:inline-flex;align-items:center;flex-shrink:0;margin-inline-start:auto;padding:5px 14px;border-radius:999px;background:#b20000;color:#fff;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background .18s ease}a.ftf-discipline__badge:hover,a.ftf-discipline__badge:focus-visible{background:#8c0303}a.ftf-discipline__badge:focus-visible{outline:2px solid var(--_ftf-accent);outline-offset:3px}.ftf-discipline__grid{--_ftf-discipline-size: var(--ftf-discipline-image-width, 120px);display:grid;grid-template-columns:repeat(auto-fit,var(--_ftf-discipline-size));justify-content:start;gap:clamp(12px,1.2vw,24px);margin:0;padding:0;list-style:none}.ftf-nav--full .ftf-discipline__grid{--_ftf-discipline-size: var(--ftf-discipline-image-width, 120px)}.ftf-discipline--need .ftf-discipline__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.ftf-discipline__item{min-width:0}.ftf-discipline__card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--_ftf-text);text-decoration:none;transition:color .18s ease}.ftf-discipline__media{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--_ftf-text) 6%,transparent);transition:box-shadow .22s ease,transform .22s ease}.ftf-discipline__img{display:block;width:100%;height:100%;object-fit:cover}.ftf-discipline__label{display:block;width:100%;font-size:1em;font-weight:500;line-height:1.35;text-align:left;text-transform:var(--ftf-uppercase, none);transition:color .18s ease}.ftf-discipline__card:hover,.ftf-discipline__card:focus-visible{color:var(--_ftf-hover)}.ftf-discipline__card:hover .ftf-discipline__media,.ftf-discipline__card:focus-visible .ftf-discipline__media{box-shadow:0 6px 18px -6px #00000024;transform:translateY(-2px)}.ftf-discipline__card:focus-visible{outline:2px solid var(--_ftf-accent);outline-offset:4px;border-radius:6px}.ftf-trigger:focus-visible,.ftf-col__title:focus-visible,.ftf-link:focus-visible{outline:2px solid var(--_ftf-accent);outline-offset:3px;border-radius:3px}}@media(min-width:1800px){page-header.wt-header--flyout .wt-header__body{max-width:var(--site-max-width-big)}.ftf-nav--full .ftf-panel__inner{max-width:min(var(--site-max-width-big),calc(100% - var(--ftf-panel-inset, 16px) * 2))}}@media(prefers-reduced-motion:reduce){.ftf-panel,.ftf-trigger,.ftf-trigger__icon,.ftf-trigger__text:after,.ftf-link,.ftf-col__title{transition:none!important}.ftf-discipline__card,.ftf-discipline__media,.ftf-col__collection-media,.ftf-discipline__badge{transition:none!important}}@media(prefers-reduced-motion:reduce){.ftf-backdrop{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/flyout-menu.css.map */