@font-face{font-family:StepUp Coolvetica;src:url('../fonts/coolvetica-rg.woff') format('woff');font-display:swap;font-style:normal;font-weight:400}
.stepup-element{--stepup-elements-ink:#191919;--stepup-elements-paper:#faf9f6;--stepup-elements-accent:#dc1a2e;--stepup-elements-border:#d8d5ce;color:var(--stepup-elements-ink);background:var(--stepup-elements-paper);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;min-width:0;max-width:100%;overflow-wrap:anywhere;box-sizing:border-box}
.stepup-element *,.stepup-element *::before,.stepup-element *::after{box-sizing:border-box}
.stepup-element a{color:inherit;text-decoration:none}.stepup-element a:hover{color:inherit}.stepup-element :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--stepup-elements-accent);outline-offset:3px}
.stepup-element .stepup-element-title{color:inherit;font-family:inherit;font-size:clamp(30px,4vw,56px);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin:0;white-space:normal}
.stepup-element .stepup-element-accent{color:var(--stepup-elements-accent)}
.stepup-element .stepup-element-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px}.stepup-element-eyebrow::before{content:"";width:22px;height:2px;background:var(--stepup-elements-accent);flex:none}
.stepup-element .stepup-element-description{font-size:13px;line-height:1.8;margin:0 0 18px}
.stepup-element-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.stepup-element-heading>div{min-width:0}.stepup-element-heading-aside{max-width:340px}
.stepup-element .stepup-element-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;background:var(--stepup-elements-ink);color:var(--stepup-elements-paper);font-size:12px;font-weight:700;border:1px solid transparent;max-width:100%}
.stepup-element .stepup-element-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid currentColor;padding:7px 0;font-size:12px;max-width:100%}
:is(.stepup-element-card-arrow,.stepup-element-text-link>span[aria-hidden="true"],.stepup-element-strip-link>span[aria-hidden="true"],.stepup-element-brand-count>span[aria-hidden="true"]){display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;background:none;color:inherit;line-height:0}
.stepup-element-arrow-icon{display:block;width:15px;height:15px;overflow:visible;transition:transform .18s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:is(.stepup-element-collection-card:hover .stepup-element-card-arrow,.stepup-element-text-link:hover>span[aria-hidden="true"],.stepup-element-strip-link:hover>span[aria-hidden="true"],.stepup-element-brand:hover .stepup-element-brand-count>span[aria-hidden="true"],.stepup-element-card-media:hover .stepup-element-card-view>span[aria-hidden="true"]) .stepup-element-arrow-icon{transform:translate(2px,-2px)}}
.stepup-element-items{--stepup-columns:3;display:grid;grid-template-columns:repeat(var(--stepup-columns),minmax(0,1fr));gap:20px;min-width:0}.stepup-element-items>*{min-width:0}
.stepup-element-image{display:block;width:100%;height:100%;object-fit:contain}.stepup-element-placeholder{display:block;min-height:100px;width:100%;height:100%;background:linear-gradient(135deg,#eeeae3,#dcd8d0)}
.stepup-element-empty{border:1px solid var(--stepup-elements-border);padding:20px;font-size:13px}.stepup-element button{font:inherit;color:inherit;cursor:pointer}.stepup-element button:disabled{opacity:.45;cursor:default}
.stepup-element .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px){.stepup-element-items{--stepup-columns:2}}
@media(max-width:767px){.stepup-element-items{--stepup-columns:1}.stepup-element-heading{display:block}.stepup-element-heading-aside{margin-top:16px;max-width:none}.stepup-element .stepup-element-eyebrow{font-size:9px;gap:10px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.stepup-element *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Homepage desktop/tablet parity with the approved preview. */
@media(min-width:768px){
.stepup-element :is(.stepup-element-title,.stepup-element-collection-title,.stepup-element-brand-name,.stepup-offer h3){font-family:"StepUp Coolvetica",Arial,sans-serif;font-weight:400}
:is(#stepup-every-kind-of-you,#stepup-more-ways-to-step-out,#stepup-everyday-icons,#stepup-off-duty,#stepup-brand-index,#stepup-promotional-offers,#stepup-the-brand-perspective,#stepup-just-landed,#stepup-store-favorites){margin:0;padding:65px 4.4% 8px}
#stepup-made-to-move{margin:0;padding:100px 4.4% 8px}
#stepup-made-to-move .stepup-element-heading{margin-bottom:35px}
#stepup-standout{margin:96px 0 0;padding:64px 4.4%}
#stepup-discovery{margin:0;padding:0 4.4%}
#stepup-the-stepup-mindset{margin:104px 0 76px;padding:0 4.4%}
#stepup-service-benefits{margin:0;padding:0 4.4%}
:is(#stepup-every-kind-of-you,#stepup-more-ways-to-step-out,#stepup-everyday-icons,#stepup-brand-index,#stepup-promotional-offers,#stepup-just-landed,#stepup-store-favorites) .stepup-element-title{font-size:clamp(32px,3.5vw,50px);line-height:1.02;letter-spacing:-.025em}
#stepup-made-to-move .stepup-element-title{font-size:clamp(64px,7vw,100px);line-height:.87;letter-spacing:-3px}
#stepup-made-to-move .stepup-element-accent,#stepup-standout .stepup-element-accent{display:block}
#stepup-standout .stepup-element-title{font-size:clamp(56px,6vw,82px);line-height:.96;letter-spacing:-.025em}
#stepup-off-duty .stepup-element-title{font-size:52px;line-height:1.02;letter-spacing:-2px}
#stepup-the-brand-perspective .stepup-element-title{font-size:42px;line-height:.96;letter-spacing:-1.2px}
#stepup-the-stepup-mindset .stepup-element-title{font-size:clamp(38px,5vw,65px);line-height:1.02;letter-spacing:-.025em}
:is(#stepup-just-landed,#stepup-store-favorites) .stepup-element-description{font-size:12px;line-height:1.7}
}
@media(min-width:1024px){
:is(#stepup-every-kind-of-you,#stepup-more-ways-to-step-out,#stepup-everyday-icons,#stepup-off-duty,#stepup-brand-index,#stepup-promotional-offers,#stepup-the-brand-perspective,#stepup-just-landed,#stepup-store-favorites){padding-top:84px}
:is(#stepup-every-kind-of-you,#stepup-more-ways-to-step-out,#stepup-everyday-icons,#stepup-brand-index,#stepup-promotional-offers,#stepup-just-landed,#stepup-store-favorites) .stepup-element-title{font-size:clamp(32px,3.5vw,50px);line-height:1.02;letter-spacing:-.025em}
#stepup-made-to-move .stepup-element-title{font-size:clamp(64px,7vw,100px)}
#stepup-made-to-move .stepup-element-accent{display:inline}
#stepup-standout .stepup-element-title{font-size:clamp(56px,6vw,82px);letter-spacing:-.025em}
#stepup-off-duty .stepup-element-title{font-size:65px}
#stepup-the-brand-perspective .stepup-element-title{font-size:56px}
#stepup-the-stepup-mindset .stepup-element-title{font-size:clamp(38px,5vw,65px);letter-spacing:-.025em}
}

/* Homepage mobile parity. This scope intentionally stops before the approved
   768px tablet rules begin. */
@media(max-width:767px){
.stepup-element :is(.stepup-element-title,.stepup-element-collection-title,.stepup-element-brand-name,.stepup-offer h3){font-family:"StepUp Coolvetica",Arial,sans-serif;font-weight:400}
.stepup-element-heading{display:flex;position:relative;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:24px}
.stepup-element-heading>div{width:auto;min-width:0}
.stepup-element-heading-aside{position:static;margin-top:0;max-width:170px;flex:none}
:is(#stepup-every-kind-of-you,#stepup-more-ways-to-step-out,#stepup-everyday-icons,#stepup-off-duty,#stepup-brand-index,#stepup-promotional-offers,#stepup-the-brand-perspective,#stepup-just-landed,#stepup-store-favorites){margin:0;padding:50px 20px 0}
#stepup-made-to-move{margin:0;padding:60px 20px 0}
#stepup-discovery{margin:0;padding:0 20px}
#stepup-standout{margin:55px 0 0;padding:40px 20px}
#stepup-the-stepup-mindset{margin:60px 0 42px;padding:0 20px}
#stepup-service-benefits{margin:0;padding:0 20px}
:is(#stepup-every-kind-of-you,#stepup-more-ways-to-step-out,#stepup-everyday-icons,#stepup-brand-index,#stepup-promotional-offers,#stepup-just-landed,#stepup-store-favorites) .stepup-element-title{font-size:35px;line-height:1.02;letter-spacing:-.875px}
#stepup-made-to-move .stepup-element-title{font-size:clamp(64px,18.2vw,71px);line-height:.9;letter-spacing:-2.1px}
#stepup-made-to-move .stepup-element-accent,#stepup-standout .stepup-element-accent{display:block}
#stepup-standout .stepup-element-title{font-size:62px;line-height:.96;letter-spacing:-1.55px}
#stepup-off-duty .stepup-element-title{font-size:53px;line-height:1.02;letter-spacing:-1.6px}
#stepup-the-brand-perspective .stepup-element-title{font-size:45px;line-height:.96;letter-spacing:-1.1px}
#stepup-the-stepup-mindset .stepup-element-title{font-size:40px;line-height:1.02;letter-spacing:-1px}
:is(#stepup-just-landed,#stepup-store-favorites) .stepup-element-description{font-size:11px;line-height:1.7;margin-bottom:18px}
.stepup-element-arrow-icon{width:14px;height:14px}
#stepup-made-to-move .stepup-element-heading{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:26px}
#stepup-made-to-move .stepup-element-heading-aside{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:none;width:100%}
#stepup-made-to-move .stepup-element-heading-aside .stepup-element-description{font-size:11px;margin:0;max-width:180px}
#stepup-more-ways-to-step-out .stepup-element-heading{align-items:flex-start;flex-direction:column;gap:9px}
#stepup-standout .stepup-element-heading{align-items:flex-start;flex-direction:column;gap:25px}
#stepup-standout .stepup-element-heading-aside{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:none;width:100%}
#stepup-everyday-icons .stepup-element-product-items{padding-bottom:4px}
#stepup-standout{padding-bottom:40px}
#stepup-standout .stepup-element-product-items{padding-bottom:4px}
#stepup-brand-index{padding-top:50px}
}
@media(max-width:340px){
.stepup-element-heading-aside{position:static;margin-top:8px;max-width:none}
#stepup-the-brand-perspective .stepup-element-title{font-size:41px;letter-spacing:-1px}
}


/* Homepage touch feedback is visual only; native links and scroll gestures remain untouched. */
@media(hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){
:is(.stepup-element-collection-card,.stepup-element-brand,.stepup-offer,.stepup-element-button,.stepup-element-text-link){transition:transform .18s ease,opacity .18s ease}
.stepup-element-collection-card .stepup-element-image{transition:transform .18s ease}
.stepup-element-collection-card:active{transform:scale(.985)}
.stepup-element-collection-card:active .stepup-element-image{transform:scale(1.015)}
.stepup-element-button:active{transform:translateY(1px) scale(.97)}
:is(.stepup-element-text-link:active,.stepup-element-collection-card:active .stepup-element-card-arrow){opacity:.8}
:is(.stepup-element-text-link:active>span[aria-hidden="true"],.stepup-element-collection-card:active .stepup-element-card-arrow) .stepup-element-arrow-icon{transform:translate(2px,-2px)}
.stepup-element-brand:active{transform:scale(.985)}
.stepup-offer:active{transform:translateY(1px) scale(.99)}
}

/* Prototype entrance/reveal motion; presentation only, with no layout changes. */
@keyframes stepup-scroll-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.stepup-scroll-reveal{opacity:0;translate:0 16px}
.stepup-scroll-reveal.is-stepup-scroll-revealed{animation:stepup-scroll-arrive 500ms cubic-bezier(.2,.7,.2,1) var(--stepup-reveal-delay,0ms) both}
@media(prefers-reduced-motion:reduce){.stepup-scroll-reveal,.stepup-scroll-reveal.is-stepup-scroll-revealed{opacity:1;translate:none;animation:none}}