/* Side Step brand layer */
.ss-pattern{display:block;background-image:var(--ss-mask);background-size:var(--ss-pattern-size,200px) var(--ss-pattern-size,200px);background-repeat:repeat}
.ss-hero__pattern,.ss-tile>.ss-pattern,.ss-footer-brand>.ss-pattern,.ss-marquee--dark .ss-marquee__dot{filter:invert(1)}
.ss-mask{display:inline-block;background-image:var(--ss-mask);background-size:contain;background-repeat:no-repeat;background-position:center}
.ss-svg svg{display:block;width:100%;height:auto}
.ss-eyebrow{margin:0;font-size:11px;letter-spacing:.34em;text-transform:uppercase}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 38px;font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;border:1px solid currentColor;transition:background-color .25s ease,color .25s ease}
.ss-btn--light{color:#fff}.ss-btn--light:hover{background:#fff;color:#000}
.ss-btn--dark{color:#000}.ss-btn--dark:hover{background:#000;color:#fff}

/* Hero */
.ss-hero{position:relative;display:grid;place-items:center;min-height:var(--ss-hero-h,85svh);overflow:hidden;background:#000;color:#fff;text-align:center}
.ss-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ss-hero--image::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,var(--ss-overlay,.45))}
.ss-hero__pattern{position:absolute;inset:-25%;opacity:.1;transform:rotate(-8deg);--ss-pattern-size:180px}
.ss-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;padding:96px 24px}
.ss-hero__logo{margin:0;width:min(600px,80vw);color:#fff}
.ss-hero__tagline{margin:0;font-size:13px;letter-spacing:.38em;text-transform:uppercase;opacity:.85}
.ss-hero__inner>*{animation:ss-rise .9s cubic-bezier(.2,.7,.2,1) both}
.ss-hero__inner>*:nth-child(2){animation-delay:.12s}.ss-hero__inner>*:nth-child(3){animation-delay:.24s}.ss-hero__inner>*:nth-child(4){animation-delay:.36s}
@keyframes ss-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Marquee */
.ss-marquee{overflow:hidden;background:#000;color:#fff}
.ss-marquee--light{background:#fff;color:#000;border-block:1px solid #000}
.ss-marquee__track{display:flex;width:max-content;animation:ss-scroll var(--ss-speed,35s) linear infinite}
.ss-marquee__item{display:inline-flex;align-items:center;gap:30px;padding:17px 15px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap}
.ss-marquee__dot{width:16px;height:21px}
@keyframes ss-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ss-marquee__track,.ss-hero__inner>*{animation:none}}

/* Split tiles */
.ss-split{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#000}
@media (max-width:749px){.ss-split{grid-template-columns:1fr}}
.ss-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#0b0b0b;color:#fff;text-decoration:none}
.ss-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.ss-tile:hover img{transform:scale(1.04)}
.ss-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0) 55%)}
.ss-tile>.ss-pattern{position:absolute;inset:0;opacity:.12}
.ss-tile__body{position:absolute;inset:auto 0 0 0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,4vw,44px)}
.ss-tile__title{font-family:var(--font-heading--family);font-size:clamp(28px,3.4vw,48px);line-height:1;letter-spacing:.02em;text-transform:uppercase}
.ss-tile__link{padding-bottom:4px;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:.32em;text-transform:uppercase}

/* Story */
.ss-story{padding:clamp(72px,10vw,140px) 24px;background:#fff;color:#000;text-align:center}
.ss-story__mono{width:58px;margin:0 auto 30px}
.ss-story__heading{max-width:16ch;margin:12px auto 22px;font-family:var(--font-heading--family);font-size:clamp(34px,5vw,66px);font-weight:400;line-height:1.02;text-transform:uppercase}
.ss-story__text{max-width:58ch;margin:0 auto 34px;font-size:15px;line-height:1.85;color:#333}
.ss-band{position:relative;height:var(--ss-band-h,150px);overflow:hidden;background:#fff;color:#000;border-block:1px solid #000}
.ss-band>.ss-pattern{position:absolute;inset:0;--ss-pattern-size:150px}

/* Footer brand band */
.ss-footer-brand{position:relative;overflow:hidden;padding:80px 24px 60px;background:#000;color:#fff;text-align:center}
.ss-footer-brand>.ss-pattern{position:absolute;inset:0;opacity:.08}
.ss-footer-brand__logo{position:relative;width:min(440px,72vw);margin:0 auto 20px}
.ss-footer-brand__tag{position:relative;margin:0;font-size:11px;letter-spacing:.36em;text-transform:uppercase;opacity:.7}

/* Header logo fallback */
.ss-header-logo{display:block;line-height:0;color:var(--color-foreground)}
.ss-header-logo svg{display:block;width:auto;height:var(--ss-hm,28px)}
@media (min-width:750px){.ss-header-logo svg{height:var(--ss-h,36px)}}

/* Global identity touches */
.button,.button-secondary,.shopify-payment-button__button--unbranded{letter-spacing:.2em;text-transform:uppercase;font-size:12px}