.wf-proj{--ink:#111311;--paper:#f4f1eb;--line:#d6d0c7;--muted:#6f736e;background:var(--paper);color:var(--ink)}.wf-proj *{box-sizing:border-box}.wf-proj img,.wf-proj svg{display:block;width:100%;height:100%;object-fit:cover}.wf-proj-c{width:min(1500px,calc(100% - 64px));margin:auto}.wf-proj-k{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.wf-proj h1,.wf-proj h2,.wf-proj h3{font-weight:500}.wf-proj-copy{font-size:13px;line-height:1.75;color:var(--muted)}.wf-ph{min-height:220px;background:#dfdbd2}.wf-ph svg{opacity:.25}.wf-proj-hero{background:#141614;color:#f6f2eb;padding:70px 0 110px}.wf-proj-hero .wf-proj-k,.wf-proj-hero .wf-proj-copy{color:#aaa99f}.wf-proj-hero__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:end}.wf-proj-hero h1{font-size:clamp(58px,8vw,124px);line-height:.84;letter-spacing:-.06em;margin:0}.wf-proj-hero__media{height:560px;margin-top:52px}.wf-proj-filter{padding:34px 0;border-bottom:1px solid var(--line);background:#fff}.wf-proj-filter__row{display:flex;gap:10px;overflow:auto}.wf-proj-filter span{white-space:nowrap;border:1px solid var(--line);padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.wf-proj-feature{padding:120px 0;background:#fff}.wf-proj-feature__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.wf-proj-feature__media{height:650px}.wf-proj-feature__aside{display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--ink);padding-top:18px}.wf-proj-feature h2{font-size:clamp(44px,5.5vw,86px);line-height:.94;letter-spacing:-.05em;margin:0}.wf-proj-feature__facts{border-top:1px solid var(--line)}.wf-proj-feature__facts div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.wf-proj-grid{padding:120px 0}.wf-proj-grid__wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.wf-proj-grid article{grid-column:span 4}.wf-proj-grid article:nth-child(4n+1){grid-column:span 7}.wf-proj-grid article:nth-child(4n+2){grid-column:span 5}.wf-proj-grid .media{height:360px}.wf-proj-grid article:nth-child(4n+1) .media{height:520px}.wf-proj-grid h3{font-size:18px;margin:14px 0 5px}.wf-proj-grid p{font-size:11px;color:var(--muted);margin:0}.wf-proj-before{padding:120px 0;background:#e9e4db}.wf-proj-before__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.wf-proj-before .media{height:460px}.wf-proj-before h3{font-size:20px;margin:14px 0 0}.wf-proj-map{padding:120px 0;background:#fff}.wf-proj-map__rows{border-top:1px solid var(--line)}.wf-proj-map article{display:grid;grid-template-columns:220px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.wf-proj-map h3{font-size:20px;margin:0}.wf-proj-map p{font-size:11px;color:var(--muted);margin:0}.wf-proj-map span{font-size:10px;text-transform:uppercase}.wf-proj-facts{padding:120px 0;background:#171917;color:#f5f1ea}.wf-proj-facts__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #444}.wf-proj-facts article{padding:25px;border-right:1px solid #444;min-height:210px}.wf-proj-facts span{font-size:9px;color:#aaa}.wf-proj-facts h3{font-size:20px;margin:80px 0 0}.wf-proj-material{padding:120px 0;background:#f6f2eb}.wf-proj-material__rail{display:flex;gap:12px;overflow:auto}.wf-proj-material article{flex:0 0 300px}.wf-proj-material .media{height:300px}.wf-proj-material h3{font-size:17px;margin:12px 0}.wf-proj-cta{padding:110px 0;background:#b79d78}.wf-proj-cta__in{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.wf-proj-cta h2{font-size:clamp(44px,6vw,88px);line-height:.9;letter-spacing:-.05em;margin:0}.wf-proj-cta a{display:inline-flex;background:#111;color:#fff;padding:13px 18px;text-decoration:none;font-size:11px;margin-top:18px}@media(max-width:989px){.wf-proj-c{width:calc(100% - 32px)}.wf-proj-hero__grid,.wf-proj-feature__grid,.wf-proj-cta__in{grid-template-columns:1fr}.wf-proj-grid article,.wf-proj-grid article:nth-child(n){grid-column:span 6}.wf-proj-facts__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wf-proj-c{width:calc(100% - 24px)}.wf-proj-hero h1{font-size:54px}.wf-proj-hero__media,.wf-proj-feature__media{height:390px}.wf-proj-grid article,.wf-proj-grid article:nth-child(n){grid-column:1/-1}.wf-proj-grid article .media,.wf-proj-grid article:nth-child(n) .media{height:330px}.wf-proj-before__grid,.wf-proj-facts__grid{grid-template-columns:1fr}.wf-proj-map article{grid-template-columns:1fr}.wf-proj-hero,.wf-proj-feature,.wf-proj-grid,.wf-proj-before,.wf-proj-map,.wf-proj-facts,.wf-proj-material,.wf-proj-cta{padding:76px 0}}.wf-proj{max-width:100%}.wf-proj :where(h1,h2,h3,h4,h5,h6){color:inherit;overflow-wrap:break-word}.wf-proj :where([class*=__grid],[class*=__layout],[class*=__wrap],[class*=__top],[class*=__in])>*{min-width:0}.wf-proj :where(.media,[class*=__media],[class*=__visual],[class*=__cover],[class*=__stage]){min-width:0;max-width:100%;overflow:hidden}.wf-proj :where(.wf-ph,[class$=-ph],.wfc-ph){max-width:100%;overflow:hidden}.wf-proj :where(.media,[class*=__media],[class*=__visual],[class*=__cover],article)>:where(.wf-ph,[class$=-ph],.wfc-ph){width:100%;height:100%;min-height:0;max-height:100%}.wf-proj :where(.media,[class*=__media],[class*=__visual],[class*=__cover],article)>:where(.wf-ph,[class$=-ph],.wfc-ph)>svg{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:cover}.wf-proj :where(img,svg){max-width:100%}@media(max-width:989px){.wf-proj :where(h1,h2,h3){overflow-wrap:normal;word-break:normal}}.wf-proj-grid__wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf-proj-grid article,.wf-proj-grid article:nth-child(4n+1),.wf-proj-grid article:nth-child(4n+2){grid-column:auto}.wf-proj-grid .media,.wf-proj-grid article:nth-child(4n+1) .media{height:380px}.wf-proj-hero h1,.wf-proj-facts h1,.wf-proj-facts h2,.wf-proj-facts h3{color:#f6f2eb}@media(max-width:989px){.wf-proj-grid__wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-proj-grid .media,.wf-proj-grid article:nth-child(4n+1) .media{height:330px}}@media(max-width:640px){.wf-proj-grid__wrap{grid-template-columns:1fr}.wf-proj-grid .media,.wf-proj-grid article:nth-child(4n+1) .media{height:300px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/wf-selected-projects.css.map */