.wfc-video-showcase{position:relative;overflow:hidden;background:#141214;color:#fff}.wfc-video-showcase__inner{position:relative;z-index:2;max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1.5rem}.wfc-video-showcase__accent{position:absolute;top:-10%;right:-5%;width:55%;height:120%;background:linear-gradient(135deg,transparent 0%,rgba(249,168,38,.04) 30%,rgba(249,168,38,.08) 50%,rgba(249,168,38,.04) 70%,transparent 100%);transform:skew(-12deg);pointer-events:none;z-index:1}.wfc-video-showcase__accent:after{content:"";position:absolute;top:15%;left:10%;width:2px;height:70%;background:linear-gradient(to bottom,transparent,rgba(249,168,38,.3) 30%,rgba(249,168,38,.5) 50%,rgba(249,168,38,.3) 70%,transparent)}.wfc-video-showcase__header{text-align:center;margin-bottom:3rem}.wfc-video-showcase__heading{font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem;color:#fff}.wfc-video-showcase__heading-accent{color:#f9a826;display:inline}.wfc-video-showcase__subheading{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:#ffffffb3;margin:0 auto;max-width:600px}.wfc-video-showcase__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:750px){.wfc-video-showcase__grid{grid-template-columns:3fr 2fr;gap:2rem}.wfc-video-showcase__grid--1{grid-template-columns:minmax(0,1fr);max-width:920px;margin-inline:auto}}.wfc-video-showcase__card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #0000004d;will-change:transform}.wfc-video-showcase__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 0 1px #f9a82626}.wfc-video-showcase__video-wrap{position:relative;aspect-ratio:16 / 9;background:#000;cursor:pointer;overflow:hidden}.wfc-video-showcase__thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .3s ease}.wfc-video-showcase__video-wrap:hover .wfc-video-showcase__thumbnail{transform:scale(1.03)}.wfc-video-showcase__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;min-width:44px;min-height:44px;background:#f9a826;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;box-shadow:0 4px 24px #f9a82666;z-index:3}.wfc-video-showcase__play-btn:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:12px 0 12px 22px;border-color:transparent transparent transparent #ffffff;margin-left:4px}.wfc-video-showcase__play-btn:hover,.wfc-video-showcase__play-btn:focus-visible{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 32px #f9a82699;background:#f9a826}.wfc-video-showcase__play-btn:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.wfc-video-showcase__play-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(249,168,38,.5);animation:wfc-pulse 2s ease-in-out infinite}@keyframes wfc-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:0}}.wfc-video-showcase__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.wfc-video-showcase__caption{padding:1rem 1.25rem;font-size:.95rem;line-height:1.5;color:#ffffffb3;margin:0}.wfc-video-showcase__placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff6;font-size:.95rem}.wfc-video-showcase__video-wrap.is-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#f9a826;border-radius:50%;animation:wfc-spin .7s linear infinite;z-index:4}@keyframes wfc-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.wfc-video-showcase__card{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94)}.wfc-video-showcase__card--left{transform:translate(-40px) translateY(0)}.wfc-video-showcase__card--right{transform:translate(40px) translateY(0)}.wfc-video-showcase__card.is-visible{opacity:1;transform:translate(0) translateY(0)}.wfc-video-showcase__card.is-visible:hover{transform:translate(0) translateY(-4px)}@media(prefers-reduced-motion:reduce){.wfc-video-showcase__card{opacity:1;transform:none;transition:box-shadow .2s ease}.wfc-video-showcase__card.is-visible,.wfc-video-showcase__card.is-visible:hover{transform:none}.wfc-video-showcase__play-btn:before{animation:none}.wfc-video-showcase__thumbnail,.wfc-video-showcase__play-btn{transition:none}}@media(max-width:749px){.wfc-video-showcase__header{margin-bottom:2rem}.wfc-video-showcase__play-btn{width:60px;height:60px}.wfc-video-showcase__play-btn:after{border-width:10px 0 10px 18px;margin-left:3px}.wfc-video-showcase__card--left,.wfc-video-showcase__card--right{transform:translateY(30px) translate(0)}}.section-wfc-video-showcase-padding{padding-top:var(--wfc-vs-padding-top, 60px);padding-bottom:var(--wfc-vs-padding-bottom, 60px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-wfc-video-showcase.css.map */