.dfv{--dfv-bg: #0b0c0f;--dfv-ink: #f2f2ee;--dfv-mute: rgba(242, 242, 238, .62);--dfv-line: rgba(242, 242, 238, .22);--dfv-y: #e1dc10;--dfv-sans: "Le Havre", "Jost", "Futura", "Century Gothic", sans-serif;position:relative;background:var(--dfv-bg);color:var(--dfv-ink);font-family:var(--dfv-sans);overflow:hidden;-webkit-font-smoothing:antialiased}.dfv *,.dfv *:before,.dfv *:after{box-sizing:border-box}.dfv a{color:inherit;text-decoration:none}.dfv-stage{position:relative;width:min(100%,177.78svh);aspect-ratio:16 / 9;max-height:100svh;margin:0 auto;container-type:inline-size;overflow:hidden}.dfv .dfv-film,.dfv .dfv-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;transition:opacity .8s ease}.dfv .dfv-film{transform:scale(1.02)}.dfv .dfv-shot{opacity:0;object-position:50% 16%;filter:brightness(.82) contrast(1.04);transform:scale(1.06);transition:opacity .8s ease,transform 6s linear}.dfv .dfv-shot.is-on{opacity:1;transform:scale(1)}.dfv-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to top,rgba(5,6,8,.78) 0%,rgba(5,6,8,.25) 32%,transparent 55%),linear-gradient(to bottom,rgba(5,6,8,.35) 0%,transparent 18%)}.dfv-bar{position:absolute;z-index:2;left:5cqw;right:5cqw;bottom:4.4cqw;display:flex;align-items:flex-end;justify-content:space-between;gap:4cqw;opacity:0;transform:translateY(10px);transition:opacity 1.1s ease .5s,transform 1.1s cubic-bezier(.2,.8,.2,1) .5s}.dfv.is-in .dfv-bar{opacity:1;transform:none}.dfv-eyebrow{margin:0 0 1cqw;font-size:max(10px,.7cqw);letter-spacing:.38em;text-transform:uppercase;color:var(--dfv-mute)}.dfv-title{margin:0;font-weight:600;font-size:max(36px,6.4cqw);line-height:.88;letter-spacing:-.025em;text-transform:uppercase}.dfv-title span{display:block;font-weight:300;letter-spacing:.06em}.dfv-side{display:flex;flex-direction:column;align-items:flex-end;gap:1.6cqw;text-align:right}.dfv-specs{list-style:none;margin:0;padding:0;display:flex;gap:2.2cqw}.dfv-specs li{display:flex;flex-direction:column;gap:.3cqw;padding-left:1.2cqw;border-left:1px solid var(--dfv-line);text-align:left}.dfv-specs b{font-weight:500;font-size:max(13px,1.05cqw);letter-spacing:.02em}.dfv-specs span{font-size:max(10px,.62cqw);letter-spacing:.24em;text-transform:uppercase;color:var(--dfv-mute)}.dfv-cta{display:inline-flex;align-items:center;gap:.8em;min-height:44px;padding:.95cqw 1.8cqw;border:1px solid rgba(242,242,238,.7);font-size:max(11px,.8cqw);letter-spacing:.26em;text-transform:uppercase;background:#0b0c0f2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.dfv-cta:after{content:"\2192";letter-spacing:0;transition:transform .3s ease}.dfv-cta:hover,.dfv-cta:focus-visible{background:var(--dfv-ink);color:var(--dfv-bg);border-color:var(--dfv-ink);outline:none}.dfv-cta:hover:after{transform:translate(4px)}.dfv-cta:focus-visible{box-shadow:0 0 0 2px var(--dfv-bg),0 0 0 4px var(--dfv-y)}.dfv-tag{position:absolute;z-index:2;top:3.2cqw;right:5cqw;margin:0;font-size:max(10px,.62cqw);letter-spacing:.32em;text-transform:uppercase;color:var(--dfv-mute);transition:opacity .6s ease}.dfv.is-swap .dfv-tag{opacity:0}@media(max-width:749px){.dfv-stage{width:100%;aspect-ratio:3 / 4;max-height:none}.dfv .dfv-shot{object-position:50% 18%}.dfv-stage:after{background:linear-gradient(to top,rgba(5,6,8,.85) 0%,rgba(5,6,8,.3) 42%,transparent 62%)}.dfv-bar{left:16px;right:16px;bottom:20px;flex-direction:column;align-items:flex-start;gap:18px}.dfv-eyebrow{font-size:10px;margin-bottom:8px}.dfv-title{font-size:44px}.dfv-side{align-items:flex-start;text-align:left;gap:16px;width:100%}.dfv-specs{gap:14px;flex-wrap:wrap}.dfv-specs li{padding-left:10px;gap:3px}.dfv-specs b{font-size:14px}.dfv-specs span{font-size:9px;letter-spacing:.2em}.dfv-cta{padding:12px 18px;font-size:11px}.dfv-tag{top:16px;right:16px;font-size:9px}}@media(prefers-reduced-motion:reduce){.dfv-bar{opacity:1;transform:none;transition:none}.dfv .dfv-shot{transition:none;transform:none}}.dfv .dfv-title,.dfv .dfv-title span,.dfv .dfv-eyebrow,.dfv .dfv-specs b,.dfv .dfv-specs span,.dfv .dfv-tag,.dfv a.dfv-cta{font-family:var(--dfv-sans)!important;-webkit-text-fill-color:currentColor!important;background-image:none!important;text-shadow:none!important;opacity:1!important}.dfv .dfv-title,.dfv .dfv-title span,.dfv .dfv-specs b{color:var(--dfv-ink)!important}.dfv .dfv-eyebrow,.dfv .dfv-specs span,.dfv .dfv-tag{color:var(--dfv-mute)!important}.dfv a.dfv-cta{color:var(--dfv-ink)!important}.dfv a.dfv-cta:hover,.dfv a.dfv-cta:focus-visible{color:var(--dfv-bg)!important}.dfv .dfv-title{margin:0!important;letter-spacing:-.025em!important;line-height:.88!important;text-transform:uppercase!important;font-weight:600!important}.dfv .dfv-title span{letter-spacing:.06em!important;font-weight:300!important}.dfv .dfv-title:before,.dfv .dfv-title:after{content:none!important}@media(min-width:750px){.dfv--float-safe .dfv-bar,.dfv--float-safe .dfv-tag{right:calc(5cqw + 72px)}}@media(max-width:749px){.dfv--float-safe .dfv-side{padding-right:64px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/okami-dryfit-video.css.map */