/* Native Bricks elements: site-scoped presentation, with every content node editable. */
html{font-size:16px}body{font-family:'Instrument Sans',Arial,sans-serif;font-size:var(--body)}
:where(.brxe-section,.brxe-div,.brxe-block,.brxe-container){width:auto;max-width:none;align-items:normal;justify-content:normal;flex-direction:initial;flex-shrink:initial;display:block}
:where(.brxe-image){margin:0;vertical-align:middle} :where(.brxe-heading,.brxe-text-basic){width:auto}
[hidden]{display:none!important}#brx-content{min-height:0}#brx-header{position:static!important}#brx-footer{width:100%}
body.bricks-is-frontend .site-header{top:0}.site-header{background:transparent!important;color:#fff;transition:transform .42s cubic-bezier(.16,1,.3,1),color .3s;will-change:transform;padding:18px 0;pointer-events:none}
.site-header.is-hidden{transform:translateY(-115%);pointer-events:none}.site-header.is-hidden .header-inner{pointer-events:none}.header-inner{height:52px;gap:12px;border:0;padding:0 30px;pointer-events:auto}
.brand{position:relative;width:162px;height:44px;margin-right:10px;transition:width .45s cubic-bezier(.625,.05,0,1);flex-shrink:0}
.brand img{filter:none!important;position:absolute;width:100%;top:50%;transform:translateY(-50%);transition:opacity .35s,transform .45s cubic-bezier(.625,.05,0,1);object-fit:contain}
.brand .brand__isologo{width:40px;height:24px;left:0;opacity:0;transform:translate(22px,-50%) scale(.8)}
.site-header.is-scrolled .brand{width:50px}.site-header.is-scrolled .brand__wordmark{opacity:0;transform:translate(-20px,-50%) scale(.85)}
.site-header.is-scrolled .brand__isologo{opacity:1;transform:translate(0,-50%) scale(1)}
.desktop-nav{height:44px;gap:24px;padding:0 18px;border-radius:999px;transition:background .3s,color .3s;font-size:14px;white-space:nowrap}
.desktop-nav>a,.desktop-nav>button{position:relative;height:44px;border:0;min-width:0;display:flex;align-items:center;line-height:1.2;padding:0;gap:0}
.desktop-nav span{position:relative}.desktop-nav span::after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:-3px;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.desktop-nav>a:hover span::after,.desktop-nav>button:hover span::after,.desktop-nav>[aria-expanded=true] span::after{transform:scaleX(1)}
.header-tools{padding:0 18px 0 26px;gap:2px;height:44px;border-radius:999px;transition:background .3s,color .3s}
.site-header.is-scrolled .desktop-nav,.site-header.is-scrolled .header-tools,.site-header:has([aria-expanded=true]) .desktop-nav,.site-header:has([aria-expanded=true]) .header-tools{background:#fff;color:#171717}
.site-header.is-scrolled .brand__isologo{filter:drop-shadow(0 1px 3px #0006)!important}
.site-header.is-scrolled:has(.mega-menu:not([hidden])) .brand__isologo{filter:invert(1)!important}
.site-header .icon-button{border-radius:50%;width:38px;height:38px}.header-tools .icon{width:22px;height:22px}
.bag-count,.favorite-count{position:absolute;top:0;right:0;bottom:auto;display:grid;place-items:center;width:17px;height:17px;min-width:17px;line-height:1;border-radius:50%;font-size:10px;font-weight:500;background:currentColor;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;color:#171717}
.site-header.is-scrolled .bag-count,.site-header.is-scrolled .favorite-count{background:#171717;color:#fff}
.mega-menu{top:80px;left:30px;width:calc(100% - 60px);border-radius:6px;pointer-events:auto;box-shadow:0 14px 30px #0002;max-height:calc(100svh - 108px);overflow:auto}
.mega-menu__categories{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-menu__categories>a{min-height:64px}.mega-menu__categories>a:not(:has(img)){padding-left:0}
.mobile-menu{pointer-events:auto}.mobile-submenu{padding:0 0 16px 20px}.mobile-submenu a{font-size:16px!important;min-height:40px!important;border:0!important}.mobile-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border-bottom:1px solid var(--line);font-size:24px}
.mobile-section-toggle[aria-expanded=true] .icon{transform:rotate(45deg);transition:transform .3s}.mobile-section-toggle .icon{transition:transform .3s}
/* Shared Radian motion: one timing curve, no rotation or competing background movement. */
.button,.hero__actions .button{--button-ease:cubic-bezier(.625,.05,0,1);display:inline-flex;min-height:48px;padding:9px 12px 9px 18px;gap:1.2rem;flex:none;width:auto;transition:none}
.button .button__label-mask{display:block;overflow:hidden;line-height:1.4;flex:none}
.button .button__label{display:block;position:relative;transition:transform .45s var(--button-ease)}
.button .button__label::after{content:attr(data-label);position:absolute;left:0;top:100%;white-space:nowrap}
.button:hover .button__label,.button:focus-visible .button__label{transform:translateY(-100%)}
.button .button__arrow,.hero__actions .button .button__arrow{display:block;position:relative;flex:none;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;overflow:hidden;transform:none!important;transition:none}
.button .button__arrow-track,.hero__actions .button .button__arrow-track{display:flex;width:52px;height:26px;gap:0;transform:translateX(-26px);transition:transform .45s var(--button-ease)}
.button .button__arrow .icon,.hero__actions .button .button__arrow .icon{display:block;flex:0 0 26px;width:26px;height:26px;padding:4px}
.button:hover .button__arrow-track,.button:focus-visible .button__arrow-track,.hero__actions .button:hover .button__arrow-track{transform:translateX(0)}
/* Full-bleed product track: four complete cards plus a visible fifth on desktop. */
.featured .section-heading__actions{display:flex}.featured .section-heading .text-link{text-transform:uppercase;font-size:13px;letter-spacing:.01em}
.featured>.carousel-controls{display:flex;justify-content:flex-end;width:100%;padding:24px var(--gutter) 0;gap:8px}.carousel-controls .icon-button{border:1px solid var(--line);border-radius:50%}
.product-track{display:flex;align-items:stretch}.product-card{flex:0 0 22%;min-width:0}.product-card__media{background:#eeefec}.product-card__media img{mix-blend-mode:multiply}.product-card__price{font-size:1rem}.product-card__price .woocommerce-Price-currencySymbol{font-size:inherit}.product-card__meta{font-size:12px}
.product-card__media>a{display:block;width:100%;height:100%}.product-card h3>a{font-size:inherit}.product-card h3{font-size:clamp(1.05rem,1.4vw,1.4rem)}
.activity-detail{background:#eeefec}.activity-detail__image{mix-blend-mode:multiply}.activity-tabs button{width:100%}.activities__nav{min-width:0}
.social__message{text-align:center;display:flex;flex-direction:column;align-items:center}.social__message .text-link{justify-content:center;align-self:center}.social__message p{width:100%;text-align:center}
.hero__image{will-change:transform}.hero__content h1{font-size:clamp(3.2rem,6.4vw,6rem)}.hero__content p{font-size:clamp(1rem,1.3vw,1.25rem)}
.footer__brand{display:block}.footer__brand img{width:100%}.footer{background:#000}
.dialog{margin:auto;padding:32px;border:0;max-height:85svh;overflow:auto;position:fixed}dialog.dialog:not([open]){display:none!important}dialog.dialog[open]{display:block}.dialog--drawer{margin:0 0 0 auto;height:100svh;max-height:100svh;width:min(100%,520px)}
dialog::backdrop{background:#0007;animation:duke-backdrop-in .4s ease both}dialog.is-closing::backdrop{animation:duke-backdrop-out .26s ease both}
@keyframes duke-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes duke-backdrop-out{from{opacity:1}to{opacity:0}}
.newsletter input{border:0;min-height:48px;background:transparent;padding:8px 0;box-shadow:none;border-radius:0}.newsletter p:empty{display:none}.search-field input{background:transparent;border:0;box-shadow:none}
/* Builder stays usable: reveal the selected hidden component through the Structure panel. */
.bricks-is-builder .site-header{pointer-events:auto}.bricks-is-builder .hero__content{opacity:1!important;visibility:visible!important}.bricks-is-builder .hero{height:auto!important}
@media(max-width:1150px){.desktop-nav{gap:16px;padding:0 12px}.header-inner{padding:0 22px}.brand{width:138px;margin-right:0}.language-label{display:none}.header-tools{gap:0;padding:0}}
@media(max-width:991px){.desktop-nav{display:none}.header-inner{padding:0 20px;gap:10px;justify-content:space-between}.mobile-menu-toggle{display:inline-flex!important}.brand{width:140px;margin-right:auto}.header-tools{margin-left:auto}.site-header.is-scrolled .brand{width:48px}.site-header.is-scrolled .mobile-menu-toggle{background:#fff;color:#171717}.site-header{padding:10px 0}.header-tools .account-link{display:none}.mobile-menu{position:absolute;top:72px;left:12px;right:12px;width:auto;max-height:calc(100svh - 84px);overflow:auto;background:#fff;padding:12px 24px;border-radius:6px;box-shadow:0 14px 30px #0002}.mobile-menu>a{display:flex;align-items:center;justify-content:space-between;font-size:24px;padding:16px 0;border-bottom:1px solid var(--line)}.mega-menu{display:none!important}}
@media(max-width:800px){.product-card{flex-basis:76%}.featured>.carousel-controls{padding-top:20px}.hero__content h1{font-size:clamp(3.2rem,12vw,4.5rem)}.hero__actions .button{gap:.6rem;padding-left:14px}.activity-tabs{overflow-x:auto;scrollbar-width:none}.activity-tabs button{width:auto;flex:none}.activity-detail{width:100%}.site-header .icon-button{width:34px;height:36px}.header-tools{gap:2px}.header-inner{padding:0 14px;gap:6px}.brand{width:125px}.dialog{padding:24px;max-width:calc(100% - 24px)}.dialog--drawer{max-width:100%;width:100%}.button .button__label{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.site-header,.brand,.brand img{transition:none}.button .button__label,.button .button__arrow-track{transition:none!important;transform:none!important}.button .button__arrow-track .icon:last-child{display:none}dialog::backdrop{animation-duration:.001s}}
/* Bricks gives nested spans auto margins; anchor the arrow track inside its mask. */
.button .button__arrow-track,.hero__actions .button .button__arrow-track{position:absolute;left:0;top:0;margin:0}
.brand{left:auto;transform:none}.site-header.is-scrolled .brand{width:60px;background:#fff;border-radius:999px}.site-header.is-scrolled .brand__isologo{left:10px;filter:invert(1)!important}
.activity-detail__copy{padding:0 20px 20px}.newsletter{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:16px}.newsletter .form-group{padding:0;margin:0;flex:1}.newsletter .form-group:last-of-type{flex:0 0 auto}.newsletter label{font-size:13px;margin-bottom:8px}.newsletter input{color:#fff;border-bottom:1px solid #777!important}.newsletter button{min-height:48px;background:transparent;color:#fff;border:0;border-radius:0;text-decoration:underline;text-underline-offset:4px;padding:0 4px}.newsletter button:hover{background:transparent}.newsletter .submit-button-wrapper{flex:0 0 auto;width:auto}.footer__newsletter>#newsletter-status{grid-column:2}.search-field{display:block}.duke-search form{display:flex;width:100%;align-items:center}.duke-search input{width:100%;min-height:52px;border:0;padding:12px}.duke-search button{height:44px;width:44px;padding:10px;background:transparent;color:#171717}.duke-search button svg{width:24px;height:24px}.duke-search .bricks-search-form{border-bottom:1px solid #aaa}
@media(max-width:800px){.brand{position:relative;left:auto;transform:none}.newsletter{width:100%}.footer__newsletter>#newsletter-status{grid-column:auto}}

/* Feedback 02: shared motion and stable infinite product layout. */
html.lenis,html.lenis body{scroll-behavior:auto!important}
.site-header{transition:transform .55s cubic-bezier(.22,1,.36,1),color .3s}
.header-tools .language-label{margin:0 12px 0 0}
.product-track{--slide-gap:clamp(12px,1.2vw,20px);display:block;overflow-x:auto;padding:0;scroll-snap-type:none;touch-action:pan-y pinch-zoom}
.product-track.is-carousel-ready{overflow:hidden}
.product-track__slides{display:flex;gap:0;width:100%;align-items:stretch;touch-action:pan-y pinch-zoom}
.product-track__slides>.product-card{flex:0 0 calc((100% - 4 * var(--slide-gap))/5);margin-right:var(--slide-gap);min-width:0;scroll-snap-align:none}
.product-card__media,.activity-detail,.activity-detail__image{background:#f4f4f2}
.product-card__media img{mix-blend-mode:multiply}
.activities{padding:0;grid-template-columns:32% 1fr;gap:0;background:#000}
.activities__nav{padding:clamp(32px,3.5vw,56px) var(--gutter);color:#fff}
.activities__nav h2{color:#fff}
.activities__nav .activity-tabs button{color:#c8c8c8;border-bottom-color:#484848}
.activities__nav .activity-tabs [aria-selected=true]{color:#fff;border-bottom-color:#fff}
.activities__nav>p{color:#fff}
.activity-panel{gap:0;grid-template-columns:1.55fr 1fr}
.activity-detail__copy{padding:24px clamp(20px,2vw,32px) 32px}
.activity-detail__image{height:clamp(260px,26vw,390px)}
.footwear__marquee{animation-duration:38s}
[data-motion]{will-change:auto}
@media(max-width:1150px){.header-tools{padding:0 12px}.product-track__slides>.product-card{flex-basis:calc((100% - 2 * var(--slide-gap))/3)}}
@media(max-width:800px){
 .header-tools{padding:0 10px}.header-tools .language-label{display:none}
 .product-track__slides>.product-card{flex-basis:82%}
 .activities{grid-template-columns:1fr;gap:0}
 .activities__nav{padding:32px var(--gutter) 24px}
 .activity-panel{grid-template-columns:1.3fr 1fr}
 .activity-detail__image{height:220px}
 .activity-detail__copy{padding:16px 16px 24px}
}
@media(max-width:360px){.activity-panel{grid-template-columns:1fr}.activity-detail{display:grid;grid-template-columns:1fr 1.5fr}.activity-detail__image{height:180px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}.footwear__marquee{animation:none}}

/* Feedback 03: the resting carousel shows complete cards with equal outer gutters. */
.product-track{width:calc(100% - 2 * var(--slide-gap));margin-inline:var(--slide-gap)}
.product-card h3,.product-card h3>a{font-size:18px;line-height:1.3}
.product-card__media{isolation:isolate}
.product-card__media:hover .product-card__secondary{opacity:0}
.product-card__media.has-secondary:hover .product-card__secondary{opacity:1}
.product-card__media.has-secondary:hover .product-card__primary{opacity:0}
.product-card__secondary{background:#f4f4f2}
@media(max-width:800px){.product-track__slides>.product-card{flex-basis:calc((100% - var(--slide-gap))/2)}}
@media(max-width:600px){.product-track__slides>.product-card{flex-basis:100%}}
@media(hover:none){.product-card__media.has-secondary:hover .product-card__secondary{opacity:0}.product-card__media.has-secondary:hover .product-card__primary{opacity:1}}