/* Full-width campaigns, built with the store's product photography. */
.retail-hero{position:relative;width:100%;isolation:isolate;background:#111;color:#fff;overflow:hidden;--hero-height:clamp(500px,43vw,660px)}
.retail-hero__stage{height:var(--hero-height);position:relative}
.retail-hero__slide{position:absolute;inset:0;background:#141516;color:#fff;touch-action:pan-y pinch-zoom}
.retail-hero__inner{width:min(1440px,100%);height:100%;margin:auto;display:grid;grid-template-columns:44% 56%;align-items:center;position:relative;padding:0 5%;box-sizing:border-box}
.retail-hero__copy{position:relative;z-index:2;padding:32px 0 65px;max-width:640px}
.retail-eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;margin:0 0 14px}
.retail-hero__copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,4.4vw,64px);font-weight:900;line-height:1;letter-spacing:-.042em;margin:0 0 20px;color:inherit;text-wrap:initial}
.retail-hero__description{font-size:18px;line-height:1.4;max-width:395px;margin:0 0 26px;color:inherit}
.retail-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#111;min-height:42px;padding:10px 23px;border:2px solid #fff;border-radius:999px;text-transform:uppercase;text-decoration:none;font-size:13px;line-height:1.4;letter-spacing:.015em;font-weight:800;box-sizing:border-box}
.retail-pill:hover{background:#e7f7fc;border-color:#e7f7fc;color:#111}
.retail-pill span{white-space:nowrap}
.retail-hero__visual{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;position:relative;padding:20px 0 60px;box-sizing:border-box}
.retail-hero__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-height:650px}
.retail-hero__slide--music{background:#141516}
.retail-hero__slide--music .retail-hero__visual img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.retail-hero__slide--pantera{background:#e8d5a4;color:#171612}
.retail-hero__slide--pantera .retail-hero__visual img{mix-blend-mode:normal}
.retail-hero__slide--football{background:#073a63}
.retail-hero__slide--football .retail-hero__visual img{mask-image:linear-gradient(to bottom,#000 87%,transparent)}
.retail-hero__slide--personal{background:#a8dfed;color:#082a39}
.retail-hero__slide--personal .retail-pill,.retail-hero__slide--pantera .retail-pill{background:#111;color:#fff;border-color:#111}
.retail-hero__slide--personal .retail-pill:hover,.retail-hero__slide--pantera .retail-pill:hover{background:#28536a;border-color:#28536a}
.retail-hero__slide--personal .retail-hero__visual{padding-left:26px}
.retail-hero__slide--personal .retail-hero__visual img{object-fit:contain}
.retail-hero__slide--more{background:#0786b2}
.retail-hero__collection{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;min-height:0;height:100%;padding:50px 0 80px 20px;box-sizing:border-box}
.retail-hero__collection img{width:100%;height:82%;object-fit:contain;min-height:0;max-height:500px;background:#f6f5f2;box-sizing:border-box;padding:12px}
.retail-hero__collection img:first-child{transform:rotate(-6deg) translateY(-12px)}
.retail-hero__collection img:last-child{transform:rotate(5deg) translateY(22px)}
.retail-hero__controls{position:absolute;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;background:#111c;color:#fff;border-radius:999px;padding:4px 10px;border:1px solid #ffffff40;backdrop-filter:blur(10px)}
.retail-hero__controls button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:0;flex:none}
.retail-hero__controls .retail-hero__arrow{width:34px;height:34px;font-size:20px}
.retail-hero__dots{display:flex;align-items:center}
.retail-hero__dots button{width:23px;height:34px}
.retail-hero__dots button:before{content:'';display:block;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:transparent}
.retail-hero__dots button[aria-current=true]:before{background:#fff}
.retail-hero__controls .retail-hero__toggle{font-size:10px;min-width:67px;min-height:30px;padding:0 8px;border-left:1px solid #ffffff55}
.retail-hero a:focus-visible,.retail-hero button:focus-visible{outline:3px solid #f5c629;outline-offset:3px}
.retail-hero [hidden]{display:none!important}
.retail-hero__slide:not([hidden]){animation:retail-campaign-in .3s ease-out both}
@keyframes retail-campaign-in{from{opacity:.2}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.retail-hero__slide:not([hidden]){animation:none}}
@media(min-width:1600px){.retail-hero__inner{padding-inline:50px}}
@media(max-width:900px){.retail-hero{--hero-height:620px}.retail-hero__inner{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:28px 24px 58px;align-items:start;gap:14px}.retail-hero__copy{padding:0;max-width:540px}.retail-eyebrow{font-size:10px;margin-bottom:9px}.retail-hero__copy h2{font-size:38px;line-height:1;letter-spacing:-.04em;margin-bottom:12px}.retail-hero__description{font-size:15px;line-height:1.3;max-width:420px;margin-bottom:16px}.retail-pill{min-height:40px;font-size:12px;padding:9px 20px}.retail-hero__visual,.retail-hero__slide--personal .retail-hero__visual{padding:0;min-height:0;width:100%;height:100%}.retail-hero__visual img{max-height:100%;width:100%;object-fit:contain}.retail-hero__collection{padding:15px 25px 5px;gap:18px;height:100%}.retail-hero__collection img{height:90%;max-height:100%;padding:8px}.retail-hero__controls{gap:5px;bottom:12px}.retail-hero__slide--music .retail-hero__visual img{mask-image:none}}
@media(max-width:480px){.retail-hero{--hero-height:clamp(520px,calc(100svh - 170px),620px)}.retail-hero__inner{padding:22px 20px 57px;gap:12px}.retail-hero__copy h2{font-size:32px}.retail-hero__description{font-size:14px;margin-bottom:14px;max-width:330px}.retail-pill{font-size:11px;min-height:38px;padding:9px 18px}.retail-hero__collection{padding:10px 6px 4px;gap:15px}.retail-hero__collection img{height:85%;padding:6px}}
@media(max-width:350px){.retail-hero__copy h2{font-size:30px}.retail-hero__inner{padding-inline:16px}.retail-hero__controls{gap:1px;padding-inline:6px}.retail-hero__dots button{width:20px}}