.wf-library{--wf-ink: #181917;--wf-muted: #686a65;--wf-line: rgba(24, 25, 23, .14);--wf-soft: #f3f1ec;--wf-paper: #faf9f6;--wf-card: #ffffff;--wf-accent: #8a7258;color:var(--wf-ink)}.wf-library *{box-sizing:border-box}.wf-library .wf-lib-container{width:min(100% - 40px,var(--container-width, 1280px));margin-inline:auto}.wf-library .wf-lib-eyebrow{margin:0 0 14px;font-size:12px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--wf-muted)}.wf-library .wf-lib-title{margin:0;font-size:clamp(34px,5vw,72px);line-height:.98;letter-spacing:-.035em;font-weight:500;color:var(--wf-ink)}.wf-library .wf-lib-heading{margin:0;font-size:clamp(28px,3.3vw,48px);line-height:1.05;letter-spacing:-.025em;font-weight:500;color:var(--wf-ink)}.wf-library .wf-lib-copy{color:var(--wf-muted);line-height:1.72;font-size:16px}.wf-library .wf-lib-copy p{margin:0 0 12px}.wf-library .wf-lib-link{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:650}.wf-library .wf-lib-link:after{content:"\2197";font-size:.95em;transition:transform .2s ease}.wf-library .wf-lib-link:hover:after{transform:translate(2px,-2px)}.wf-library .wf-lib-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e9e6df}.wf-library .wf-lib-placeholder svg{width:42%;height:42%;opacity:.28}.wf-library-hero{background:var(--wf-paper);padding:40px 0 76px;overflow:hidden}.wf-library-hero__top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(40px,8vw,120px);align-items:end;padding:clamp(56px,8vw,110px) 0 48px}.wf-library-hero__intro{max-width:610px}.wf-library-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.wf-library-hero__stage{position:relative;min-height:clamp(430px,58vw,740px)}.wf-library-hero__image{position:absolute;overflow:hidden;border-radius:2px;background:#e9e6df}.wf-library-hero__image img{width:100%;height:100%;object-fit:cover}.wf-library-hero__image--main{top:0;right:13%;bottom:0;left:0}.wf-library-hero__image--detail{width:34%;height:49%;right:0;bottom:8%;box-shadow:0 20px 50px #0000001f;border:8px solid var(--wf-paper)}.wf-library-hero__note{position:absolute;right:0;top:5%;width:31%;padding:20px 18px;background:#faf9f6f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--wf-line)}.wf-library-hero__note strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.wf-library-hero__note span{color:var(--wf-muted);font-size:14px;line-height:1.5}.wf-library-families{padding:clamp(72px,8vw,120px) 0;background:#fff}.wf-library-families__head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.wf-library-families__head .wf-lib-copy{max-width:560px}.wf-library-families__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.wf-library-family{grid-column:span 4;min-height:430px;background:var(--wf-soft);position:relative;overflow:hidden;color:#fff;text-decoration:none}.wf-library-family:nth-child(1),.wf-library-family:nth-child(4){grid-column:span 7}.wf-library-family:nth-child(2),.wf-library-family:nth-child(5){grid-column:span 5}.wf-library-family__media{position:absolute;top:0;right:0;bottom:0;left:0}.wf-library-family__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.wf-library-family:hover img{transform:scale(1.035)}.wf-library-family__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000f,#0000009e)}.wf-library-family__body{position:absolute;inset:auto 0 0;padding:28px}.wf-library-family__index{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.wf-library-family__title{margin:10px 0 8px;font-size:clamp(25px,2.6vw,40px);line-height:1.02;font-weight:500;color:#fff}.wf-library-family__desc{max-width:530px;color:#ffffffd4;line-height:1.55}.wf-library-series{padding:clamp(70px,8vw,118px) 0;background:var(--wf-soft);overflow:hidden}.wf-library-series__head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:42px}.wf-library-series__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,31vw);gap:14px;overflow-x:auto;padding:0 max(20px,calc((100vw - var(--container-width,1280px))/2)) 18px;scroll-snap-type:x proximity;scrollbar-width:thin}.wf-library-series__card{scroll-snap-align:start;background:#fff;min-height:490px;position:relative;text-decoration:none;color:var(--wf-ink);overflow:hidden}.wf-library-series__media{height:66%;min-height:310px;overflow:hidden;background:#e5e2dc}.wf-library-series__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.wf-library-series__card:hover img{transform:scale(1.04)}.wf-library-series__body{padding:22px}.wf-library-series__title{margin:0 0 7px;font-size:23px;font-weight:500}.wf-library-series__meta{font-size:13px;color:var(--wf-muted)}.wf-library-feel{padding:clamp(80px,9vw,140px) 0;background:#151614;color:#fff}.wf-library-feel .wf-lib-eyebrow,.wf-library-feel .wf-lib-copy{color:#fff9}.wf-library-feel .wf-lib-heading{color:#fff}.wf-library-feel__head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:48px;align-items:end}.wf-library-feel__list{border-top:1px solid rgba(255,255,255,.18)}.wf-library-feel__item{display:grid;grid-template-columns:80px 1fr minmax(220px,.7fr);gap:24px;align-items:center;min-height:112px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none}.wf-library-feel__num{font-size:12px;color:#ffffff73;letter-spacing:.12em}.wf-library-feel__name{font-size:clamp(30px,4vw,58px);font-weight:400;letter-spacing:-.03em}.wf-library-feel__aside{display:flex;align-items:center;gap:18px;justify-content:flex-end;color:#fff9}.wf-library-feel__swatch{width:72px;height:54px;overflow:hidden;background:#333}.wf-library-feel__swatch img{width:100%;height:100%;object-fit:cover}.wf-library-appmap{padding:clamp(76px,9vw,130px) 0;background:#fff}.wf-library-appmap__head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.wf-library-appmap__table{border-top:1px solid var(--wf-line)}.wf-library-appmap__row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--wf-line);min-height:92px}.wf-library-appmap__label{padding:24px 20px 24px 0;font-size:20px;font-weight:550;display:flex;align-items:center}.wf-library-appmap__chips{padding:18px 0 18px 24px;border-left:1px solid var(--wf-line);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wf-library-appmap__chip{display:inline-flex;padding:10px 14px;border:1px solid var(--wf-line);border-radius:999px;color:var(--wf-ink);text-decoration:none;font-size:14px;background:var(--wf-paper);transition:.2s ease}.wf-library-appmap__chip:hover{background:var(--wf-ink);color:#fff}.wf-library-compare{padding:clamp(72px,8vw,120px) 0;background:var(--wf-paper)}.wf-library-compare__head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.wf-library-compare__head .wf-lib-copy{max-width:530px}.wf-library-compare__grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-top:1px solid var(--wf-line);border-left:1px solid var(--wf-line);background:#fff}.wf-library-compare__cell{min-height:72px;padding:18px;border-right:1px solid var(--wf-line);border-bottom:1px solid var(--wf-line);display:flex;align-items:center}.wf-library-compare__cell--label{background:var(--wf-soft);font-weight:650}.wf-library-compare__product{display:block}.wf-library-compare__thumb{aspect-ratio:1.25;background:#e5e2dc;overflow:hidden;margin-bottom:14px}.wf-library-compare__thumb img{width:100%;height:100%;object-fit:cover}.wf-library-compare__product strong{display:block;font-size:20px;font-weight:550}.wf-library-compare__product span{color:var(--wf-muted);font-size:13px}.wf-library-resources{padding:clamp(70px,8vw,118px) 0;background:#fff}.wf-library-resources__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wf-line);border-left:1px solid var(--wf-line);margin-top:38px}.wf-library-resource{min-height:265px;padding:28px;border-right:1px solid var(--wf-line);border-bottom:1px solid var(--wf-line);color:var(--wf-ink);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease,color .2s ease}.wf-library-resource:hover{background:var(--wf-ink);color:#fff}.wf-library-resource__num{font-size:12px;letter-spacing:.14em;opacity:.55}.wf-library-resource__title{font-size:26px;line-height:1.1;font-weight:500;margin-bottom:9px}.wf-library-resource__desc{font-size:14px;line-height:1.5;opacity:.66}.wf-library-resource__arrow{font-size:24px}.wf-library-samples{background:#d8d1c4;padding:clamp(75px,9vw,135px) 0;overflow:hidden}.wf-library-samples__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,8vw,120px);align-items:center}.wf-library-samples__media{aspect-ratio:1.25;position:relative;background:#c8c0b3;overflow:hidden}.wf-library-samples__media img{width:100%;height:100%;object-fit:cover}.wf-library-samples__badge{position:absolute;left:20px;bottom:20px;padding:12px 14px;background:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.wf-library-samples__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}@media(max-width:989px){.wf-library .wf-lib-container{width:min(100% - 28px,var(--container-width,1280px))}.wf-library-hero__top,.wf-library-series__head,.wf-library-feel__head,.wf-library-appmap__head,.wf-library-samples__inner{grid-template-columns:1fr;gap:24px}.wf-library-hero__top{padding-top:48px}.wf-library-hero__stage{min-height:560px}.wf-library-hero__image--main{right:6%}.wf-library-hero__image--detail{width:43%;height:38%}.wf-library-hero__note{width:42%}.wf-library-families__head,.wf-library-compare__head{display:block}.wf-library-families__head .wf-lib-copy,.wf-library-compare__head .wf-lib-copy{margin-top:20px}.wf-library-family,.wf-library-family:nth-child(1),.wf-library-family:nth-child(2),.wf-library-family:nth-child(4),.wf-library-family:nth-child(5){grid-column:span 6;min-height:360px}.wf-library-series__rail{grid-auto-columns:minmax(280px,66vw);padding-left:14px;padding-right:14px}.wf-library-resources__grid{grid-template-columns:repeat(2,1fr)}.wf-library-compare__grid{overflow-x:auto;grid-template-columns:180px repeat(3,minmax(220px,1fr))}}@media(max-width:749px){.wf-library .wf-lib-copy{font-size:15px}.wf-library .wf-lib-title{font-size:42px}.wf-library .wf-lib-heading{font-size:31px}.wf-library-hero{padding-bottom:52px}.wf-library-hero__stage{min-height:460px}.wf-library-hero__image--main{top:0;right:0;bottom:13%;left:0}.wf-library-hero__image--detail{width:47%;height:36%;right:12px;bottom:0;border-width:5px}.wf-library-hero__note{left:12px;right:auto;top:12px;width:58%;padding:14px}.wf-library-families__grid{gap:10px}.wf-library-family,.wf-library-family:nth-child(1),.wf-library-family:nth-child(2),.wf-library-family:nth-child(4),.wf-library-family:nth-child(5){grid-column:1 / -1;min-height:330px}.wf-library-family__body{padding:20px}.wf-library-series__rail{grid-auto-columns:82vw}.wf-library-series__card{min-height:430px}.wf-library-feel__item{grid-template-columns:42px 1fr;min-height:90px;gap:10px}.wf-library-feel__aside{display:none}.wf-library-appmap__row{grid-template-columns:1fr}.wf-library-appmap__label{padding-bottom:10px}.wf-library-appmap__chips{padding:0 0 20px;border-left:0}.wf-library-resources__grid{grid-template-columns:1fr}.wf-library-resource{min-height:200px}.wf-library-samples__media{order:2}}.wf-library{max-width:100%}.wf-library :where(h1,h2,h3,h4,h5,h6){color:inherit;overflow-wrap:break-word}.wf-library :where([class*=__grid],[class*=__layout],[class*=__wrap],[class*=__top],[class*=__in])>*{min-width:0}.wf-library :where(.media,[class*=__media],[class*=__visual],[class*=__cover],[class*=__stage]){min-width:0;max-width:100%;overflow:hidden}.wf-library :where(.wf-ph,[class$=-ph],.wfc-ph){max-width:100%;overflow:hidden}.wf-library :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-library :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-library :where(img,svg){max-width:100%}@media(max-width:989px){.wf-library :where(h1,h2,h3){overflow-wrap:normal;word-break:normal}}.wf-library-feel h1,.wf-library-feel h2,.wf-library-feel h3{color:#f7f4ed}
/*# sourceMappingURL=/cdn/shop/t/22/assets/wf-material-library.css.map */
