.ww-versus{--ww-cream: #f4f1e6;--ww-orange: #dd6e42;--ww-night: #0e1614;position:relative;padding:clamp(64px,12svh,140px) 6vw clamp(64px,11svh,130px);--ww-ink: #002927;color:var(--ww-ink);background:var(--ww-cream);font-family:League Spartan,sans-serif;overflow:clip}.ww-versus p{margin:0}.ww-versus__head{text-align:center}.ww-versus__eyebrow{margin-bottom:16px!important;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ww-orange)}.ww-versus__title{margin:0;color:inherit;font-family:League Spartan,sans-serif;font-size:clamp(38px,min(5vw,8.6svh),92px);font-weight:700;line-height:.92;letter-spacing:-.045em;text-transform:uppercase}.ww-versus__intro{margin:18px auto 0!important;max-width:30em;font-size:17px;line-height:1.45;opacity:.8}.ww-versus__duo{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,20px);width:min(100%,880px);margin:clamp(40px,7svh,72px) auto 0}.ww-versus__panel{position:relative;margin:0;aspect-ratio:4 / 5;overflow:clip;background:#1c1f1c}.ww-versus .ww-versus__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ww-versus .ww-film__video{opacity:0;transition:opacity .6s ease}.ww-versus .ww-film__video.is-playing{opacity:1}.ww-versus__panel--them .ww-versus__media{filter:grayscale(.85) contrast(1.05) brightness(.8)}.ww-versus__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#080e0cd1);pointer-events:none}.ww-versus__panel figcaption{color:var(--ww-cream);position:absolute;left:clamp(16px,2vw,28px);right:16px;bottom:clamp(16px,2vw,26px);z-index:1}.ww-versus__panel-name{display:block;font-size:clamp(22px,2.3vw,36px);font-weight:700;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.ww-versus__panel-sub{display:block;margin-top:8px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.ww-versus__panel--them .ww-versus__panel-name{opacity:.75}.ww-versus__panel--us .ww-versus__panel-sub{opacity:.9}.ww-versus__vs{position:absolute;top:50%;left:50%;z-index:2;translate:-50% -50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ww-orange);color:var(--ww-cream);font-size:17px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 8px var(--ww-cream),0 18px 40px -10px #00292759}.ww-versus__rows{width:min(100%,1120px);margin:clamp(48px,8svh,88px) auto 0;padding:0}.ww-versus__row{display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,15vw,220px) minmax(0,1fr);grid-template-areas:"them topic us";align-items:center;padding:clamp(18px,2.6svh,26px) 0;border-top:1px solid rgba(0,41,39,.12)}.ww-versus__row:last-child{border-bottom:1px solid rgba(0,41,39,.12)}.ww-versus__topic{grid-area:topic;text-align:center;font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.3;text-transform:uppercase;color:var(--ww-orange)}.ww-versus__them{grid-area:them;margin:0;text-align:right;font-size:clamp(15px,1.15vw,18px);line-height:1.4;color:#00292780}.ww-versus__us{grid-area:us;margin:0;font-size:clamp(18px,1.55vw,24px);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ww-ink)}.ww-versus__note{margin-top:18px!important;text-align:center;font-size:12px;opacity:.55}@media(max-width:899px){.ww-versus{padding:56px 20px 60px}.ww-versus__title{font-size:clamp(32px,10vw,56px)}.ww-versus__intro{font-size:15.5px}.ww-versus__duo{gap:8px;margin-top:32px}.ww-versus__panel figcaption{left:12px;bottom:12px}.ww-versus__panel-name{font-size:19px}.ww-versus__panel-sub{margin-top:6px;font-size:10px;letter-spacing:.1em}.ww-versus__vs{width:46px;height:46px;font-size:13px;box-shadow:0 0 0 6px var(--ww-cream)}.ww-versus__rows{margin-top:36px}.ww-versus__row{grid-template-columns:1fr 1fr;grid-template-areas:"topic topic" "them us";column-gap:16px;row-gap:8px;align-items:start;padding:18px 0}.ww-versus__topic{font-size:11px}.ww-versus__them{text-align:left;font-size:13.5px}.ww-versus__us{font-size:15.5px}}@media(prefers-reduced-motion:no-preference){.ww-versus__drift{animation:ww-versus-drift 22s ease-in-out infinite alternate}@keyframes ww-versus-drift{0%{scale:1.04;translate:-1.5% 0}to{scale:1.14;translate:1.5% -2%}}@supports (animation-timeline: view()){.ww-versus__them{animation:ww-versus-in-l linear both;animation-timeline:view();animation-range:entry 10% entry 80%}.ww-versus__us{animation:ww-versus-in-r linear both;animation-timeline:view();animation-range:entry 15% entry 85%}.ww-versus__topic{animation:ww-versus-fade linear both;animation-timeline:view();animation-range:entry 5% entry 60%}.ww-versus__panel--them{animation:ww-versus-in-l linear both;animation-timeline:view();animation-range:entry 0% cover 35%}.ww-versus__panel--us{animation:ww-versus-in-r linear both;animation-timeline:view();animation-range:entry 0% cover 35%}@keyframes ww-versus-in-l{0%{opacity:0;translate:-28px 0}to{opacity:1;translate:none}}@keyframes ww-versus-in-r{0%{opacity:0;translate:28px 0}to{opacity:1;translate:none}}@keyframes ww-versus-fade{0%{opacity:0}to{opacity:1}}}}@media(prefers-reduced-motion:reduce){.ww-versus .ww-film__video{display:none}}@media(max-width:899px){.ww-versus .ww-film__video{display:none}}@media(max-width:899px){.ww-versus__them,.ww-versus__us,.ww-versus__topic,.ww-versus__panel--them,.ww-versus__panel--us,.ww-versus__drift{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ww-versus.css.map */