.wf_grid{display:flex;flex-direction:column;margin:6rem auto;gap:1.4rem}.wf_grid .l figure{height:35rem;overflow:hidden}.wf_grid .l figure img{object-fit:cover;width:100%;height:100%}.wf_grid .r{display:flex;flex-direction:column;align-items:flex-start}.wf_grid .r h2{font-size:4.8rem;font-weight:500;text-transform:uppercase;font-family:var(--font-title)}.wf_grid .r p{font-size:1.4rem;line-height:2.4rem}@media(min-width:900px){.wf_grid{gap:5rem;flex-direction:row}.wf_grid .keen-slider{display:grid!important;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,25rem);gap:4rem;width:55%!important}.wf_grid .keen-slider figure{width:auto;height:auto}.wf_grid .keen-slider figure img{width:100%;height:100%;object-fit:cover}.wf_grid .keen-slider figure:nth-child(1){grid-column:1;grid-row:2;height:25rem}.wf_grid .keen-slider figure:nth-child(2){grid-column:1;grid-row:3}.wf_grid .keen-slider figure:nth-child(3){grid-column:2/-1;grid-row:1/3}.wf_grid .keen-slider figure:nth-child(4){grid-column:2;grid-row:3}.wf_grid .r{width:calc(45% - 5rem);justify-content:center}}.wf_scroll{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.wf_scroll figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wf_scroll_h{position:absolute;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;text-align:center}.wf_scroll_h span{font-size:1.4rem;text-transform:uppercase;font-weight:500;line-height:1.8rem}.wf_scroll_h h2{font-family:var(--font-title);font-size:3rem;line-height:4.2rem;font-weight:500;padding:0 1.4rem;text-transform:uppercase;margin:1rem 0 0}@media(min-width:1024px){.wf_scroll_h h2{font-size:6rem;line-height:5rem}}.wf_scroll_inner{position:absolute;top:50%;translate:0 -50%;width:100%;height:calc(100% - 10rem);overflow:hidden;z-index:10}.wf_scroll_inner .wf_scroll_track{display:flex;flex-direction:column;align-items:center;padding:0 1.2rem}.wf_scroll_item{max-width:35rem;min-height:45rem;width:100%;position:relative;display:flex;flex-direction:column}.wf_scroll_item strong{position:relative;z-index:5;color:#fff;text-align:center;font-family:var(--font-title);text-transform:uppercase;font-size:4rem;font-weight:400;margin-top:4rem;padding:0 2rem}.wf_scroll_item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wf_scroll_item+.wf_scroll_item{margin-top:clamp(4rem,1.4rem + 5.7vw,10rem)}.wf_scroll_item:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);z-index:2;pointer-events:none}.wf_scroll:before{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;background-color:#1e1e1e;opacity:.35;z-index:2;pointer-events:none}.wf_experiences{margin:10rem auto;display:flex;flex-direction:column;gap:2rem}.wf_experiences .l{width:100%;display:flex;flex-direction:column}.wf_experiences .l h2{text-align:left}.wf_experiences .l p{font-size:2rem;line-height:3rem;width:100%;margin-left:auto;font-style:italic}.wf_experiences .l .wf_controls{display:flex;gap:2rem;margin:auto 0 0 auto}.wf_experiences .l .wf_controls button{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.wf_experiences .l .wf_controls button svg{font-size:4rem}.wf_experiences .l .wf_controls .prev svg{transform:rotate(90deg)}.wf_experiences .l .wf_controls .next svg{transform:rotate(-90deg)}@media(min-width:1440px){.wf_experiences .l p{width:55%}.wf_experiences .l h2{text-align:center}}.wf_experiences .r{flex:1}.wf_experiences .r div{position:relative;width:50%;height:45rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.wf_experiences .r div strong{z-index:5;position:relative;color:#fff;font-family:var(--font-title);font-size:3.2rem}.wf_experiences .r div img{position:absolute;inset:0;width:100%;height:100%;transition:transform .3s var(--cubic),opacity .3s var(--cubic)}.wf_experiences .r div:after{content:"";position:absolute;background-color:#000;opacity:.3;inset:0;transition:opacity .3s var(--cubic)}.wf_experiences .r div:hover:after{opacity:.6}.wf_experiences .r div:hover img{transform:scale(1.02)}@media(min-width:768px){.wf_experiences{flex-direction:row;gap:10rem}.wf_experiences .l{width:40%}.wf_experiences .r div{height:65rem}}