/* Kicks: Sneakers & Streetwear theme styles by SmartestDeveloper. */
.header { border-bottom: 3px solid var(--color-text); }
.header__logo-text { font-size: 1.9rem; letter-spacing: -.04em; }
.header__link { text-transform: uppercase; font-weight: 700; letter-spacing: .04em; }
.button { border-radius: 0; border: 3px solid var(--color-text); box-shadow: 6px 6px 0 var(--color-text); text-transform: uppercase; letter-spacing: .04em; }
.button:hover { transform: translate(3px, 3px); box-shadow: 3px 3px 0 var(--color-text); }
.button--secondary { background: #fff; color: var(--color-text); }
.hero__display { font-size: calc(clamp(3.4rem, 13vw, 12rem) * var(--heading-scale)); line-height: .85; letter-spacing: -.05em; }
.hero__display { -webkit-text-stroke: 2px var(--color-text); color: transparent; }
.hero__strip { gap: 0; border-top: 3px solid var(--color-text); border-bottom: 3px solid var(--color-text); }
.hero__strip .hero__media + .hero__media { border-left: 3px solid var(--color-text); }
.h2 { letter-spacing: -.03em; }
.kicker { background: var(--color-accent); color: #fff; padding: 4px 10px; }
.marquee { transform: rotate(-1.5deg); margin: 20px -20px; border: 3px solid var(--color-text); }
.card--bordered { border: 3px solid var(--color-text); border-radius: 0; transition: transform .2s, box-shadow .2s; }
.card--bordered:hover { transform: translate(-4px, -4px); box-shadow: 8px 8px 0 var(--color-accent); border-color: var(--color-text); }
.card--bordered .card__media { border-radius: 0; border-bottom: 3px solid var(--color-text); }
.card__title { text-transform: uppercase !important; }
.clist--mosaic .clist__item { border: 3px solid var(--color-text); border-radius: 0; }
.clist--mosaic .clist__title { font-size: 2rem; text-transform: uppercase; }
.quote { border: 3px solid var(--color-text); border-radius: 0; background: #fff !important; }
.split--overlap .split__content { border: 3px solid var(--color-text); border-radius: 0; box-shadow: 10px 10px 0 var(--color-accent); }
.input { border: 3px solid currentColor; border-radius: 0; }
.footer__wordmark { color: var(--color-accent); }