.probx{position:relative;background:var(--cream);padding-top:clamp(26px,3vw,50px);overflow-x:clip}.probx__head{max-width:880px;margin:0 auto;text-align:center}.probx .eyebrow{color:var(--eyebrow)}.probx__title{font-family:var(--font-head);font-weight:700;font-size:clamp(46px,6.6vw,96px);line-height:.85;letter-spacing:-.035em;color:var(--title);margin:clamp(14px,2vw,26px) 0 0}.probx__title .l2{display:block}.probx__title .hl{color:var(--hl)}.probx__sub{font-size:clamp(16px,1.55vw,20px);line-height:1.6;color:var(--text-soft);max-width:40em;margin:clamp(20px,2.4vw,30px) auto 0}.vs{max-width:1040px;margin:clamp(46px,5.6vw,82px) auto 0}.vs__spark{position:absolute;left:50%;top:50%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#f8c62f99,#f8c62f00 66%);transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:3}.vs__pieces{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:0}.vs__col{position:relative;width:59%;aspect-ratio:955/682;background-repeat:no-repeat;background-position:center;background-size:100% 100%;background-origin:border-box;display:flex;flex-direction:column}.vs__col--them{background-image:url(oh-puzzle-them.webp);z-index:1;padding:clamp(22px,2.6vw,36px) 18% clamp(24px,2.8vw,38px) 8%}.vs__col--us{background-image:url(oh-puzzle-us-green.webp);z-index:2;margin-left:-18%;padding:clamp(22px,2.6vw,36px) clamp(20px,2.4vw,34px) clamp(24px,2.8vw,38px) 17%}.vs__tag{align-self:flex-start;font-family:var(--font-body);font-weight:800;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill)}.vs__col--them .vs__tag{color:var(--text-soft);background:#1f3a2a0f}.vs__col--us .vs__tag{color:#fff;background:var(--gold)}.vs__title{font-family:var(--font-head);font-weight:700;font-size:clamp(22px,2.6vw,34px);line-height:.85;letter-spacing:-.035em;margin:14px 0 0;white-space:nowrap}.vs__col--them .vs__title{color:#5c6357}.vs__col--us .vs__title{color:#fff}.vs__cap{font-size:14.5px;line-height:1.5;margin:9px 0 0}.vs__col--them .vs__cap{color:var(--text-soft)}.vs__col--us .vs__cap{color:#e4611eeb}.vs__list{list-style:none;margin:clamp(18px,2.1vw,26px) 0 0;padding:0}.vs__li{display:flex;gap:13px;align-items:center;padding:15px 0;font-size:clamp(14.5px,1.04vw,16px);line-height:1.4}.vs__li+.vs__li{border-top:1px solid}.vs__col--them .vs__li{color:#6b7064}.vs__col--them .vs__li+.vs__li{border-color:#1f3a2a14}.vs__col--us .vs__li{color:#e6e9d8}.vs__col--us .vs__li+.vs__li{border-color:#ffffff1a}.vs__ic{flex:0 0 auto;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.vs__ic svg{width:12px;height:12px;display:block}.vs__col--them .vs__ic{background:#b0605221;color:#b06052}.vs__col--us .vs__ic{background:var(--gold);color:var(--green-deep);animation:vsIcGlow 1.8s ease-in-out infinite;will-change:box-shadow}.vs__col--us .vs__li:nth-child(2) .vs__ic{animation-delay:.24s}.vs__col--us .vs__li:nth-child(3) .vs__ic{animation-delay:.48s}.vs__col--us .vs__li:nth-child(4) .vs__ic{animation-delay:.72s}@media(prefers-reduced-motion:reduce){.vs__col--us .vs__ic{animation:none}}@media(max-width:900px){.vs__pieces{flex-direction:column;align-items:center;gap:0;width:calc(94vw/.9);max-width:none;margin-left:calc(50% - 47vw/.9)}.vs__col{width:100%;aspect-ratio:1200/1247;border-radius:0;justify-content:center}.vs__col--them{background-image:url(oh-puzzle-left.webp)!important;background-color:transparent;margin-left:0;z-index:1;padding:4% 7% 31%}.vs__col--us{background-image:url(oh-puzzle-right-green.webp)!important;background-color:transparent;margin-left:0;margin-top:-30%;z-index:2;padding:25% 7% 9%}.vs__title{white-space:normal;font-size:8vw;line-height:1;margin-top:2.4vw}.vs__cap{font-size:3.77vw;line-height:1.4;margin-top:1.4vw}.vs__tag{font-size:2.6vw;letter-spacing:.16em;padding:1.06vw 2.4vw}.vs__list{margin-top:2.95vw}.vs__li{padding:1.75vw 0;font-size:3.96vw;gap:2.6vw;line-height:1.3}.vs__ic{width:5.7vw;height:5.7vw}.vs__spark{width:54vw;height:54vw;top:48%}}.probx .container{position:relative;z-index:3}@media(min-width:901px){.probx{padding-bottom:calc(var(--section-y) + var(--arch) + 80px)!important}}@media(max-width:900px){.probx{padding-bottom:calc(46px + var(--arch) + 30px)!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/oh-probx.css.map */