.ww-fibers{--ww-cream: #f4f1e6;--ww-ink: #002927;--ww-orange: #dd6e42;--ww-rule: rgba(0, 41, 39, .16);display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);grid-template-areas:"copy figure" "tiles figure";grid-template-rows:auto 1fr;column-gap:3vw;min-height:100svh;padding:6svh 6vw;color:var(--ww-ink);background:var(--ww-cream);font-family:League Spartan,sans-serif;overflow:clip}.ww-fibers__copy{grid-area:copy;align-self:end}.ww-fibers p{margin:0}.ww-fibers__eyebrow{margin-bottom:14px!important;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ww-orange)}.ww-fibers__title{margin:0;color:inherit;font-family:League Spartan,sans-serif;font-size:clamp(36px,min(4.1vw,7.4svh),80px);font-weight:700;line-height:.94;letter-spacing:-.04em;text-transform:uppercase}.ww-fibers__intro{margin-top:14px!important;max-width:28em;font-size:clamp(16px,1.25vw,19px);line-height:1.4}.ww-fibers__figure{grid-area:figure;align-self:center;margin:0 -3vw 0 0;color:var(--ww-figure)}.ww-fibers__art{position:relative;aspect-ratio:2400 / 1200;container-type:inline-size}.ww-fibers .ww-fibers__quad{position:absolute;left:25%;top:10%;width:50%;height:auto}.ww-fibers__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ww-fibers__leader{stroke:currentColor;stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:.7;stroke-dasharray:1;stroke-dashoffset:0}.ww-fibers__leader.is-key{stroke:var(--ww-orange);stroke-width:1.8px;opacity:1}.ww-fibers__readings{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.ww-fibers__reading{position:absolute;translate:0 -55%;white-space:nowrap;font-family:Yahli Hand,League Spartan,sans-serif;font-size:2.2cqw;font-weight:700;line-height:1}.ww-fibers__reading--l{translate:-100% -55%}.ww-fibers__reading.is-key{color:var(--ww-orange);font-size:2.65cqw}.ww-fibers__keys{display:none}.ww-fibers__tiles{grid-area:tiles;align-self:start;display:grid;grid-template-columns:max-content minmax(0,1fr);margin:4svh 0 0;padding:0;list-style:none}.ww-fibers__tile{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;column-gap:22px;padding:min(16px,1.9svh) 0;border-top:1px solid var(--ww-rule)}.ww-fibers__tile:last-child{border-bottom:1px solid var(--ww-rule)}.ww-fibers__stat{color:var(--ww-orange);font-size:clamp(32px,min(3vw,5.4svh),52px);font-weight:700;line-height:1;letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums}.ww-fibers__topic{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ww-fibers__line{margin-top:4px!important;max-width:34em;font-size:15px;line-height:1.3}@media(max-width:999px){.ww-fibers{display:flex;flex-direction:column;min-height:0;padding:48px 24px 40px}.ww-fibers__copy,.ww-fibers__tiles{align-self:stretch}.ww-fibers__title{font-size:clamp(30px,9vw,60px)}.ww-fibers__intro{font-size:16px}.ww-fibers__figure{margin:22px 0 0}.ww-fibers__art{aspect-ratio:1200 / 882}.ww-fibers .ww-fibers__quad{position:static;width:100%}.ww-fibers__lines,.ww-fibers__readings{display:none}.ww-fibers__keys{display:grid;grid-template-columns:repeat(2,max-content);justify-content:space-between;gap:24px;margin-top:16px}.ww-fibers__key li{white-space:nowrap}.ww-fibers__key{margin:0;padding:0;list-style:none;font-family:Yahli Hand,League Spartan,sans-serif;font-size:15px;font-weight:700;line-height:1.3}.ww-fibers__key li+li{margin-top:4px}.ww-fibers__key .is-key{margin-bottom:4px;color:var(--ww-orange);font-size:17px}.ww-fibers__tiles{margin-top:28px}.ww-fibers__tile{column-gap:16px;padding:14px 0}.ww-fibers__stat{font-size:clamp(26px,7.6vw,36px)}.ww-fibers__line{font-size:14px}}@media(prefers-reduced-motion:no-preference){.ww-fibers[data-ww-armed] .ww-fibers__copy,.ww-fibers[data-ww-armed] .ww-fibers__quad,.ww-fibers[data-ww-armed] .ww-fibers__tile{opacity:0;translate:0 18px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.7,.2,1)}.ww-fibers[data-ww-armed] .ww-fibers__quad{transition-delay:.12s}.ww-fibers[data-ww-armed] .ww-fibers__tile{transition-delay:calc(.3s + var(--i) * .11s)}.ww-fibers[data-ww-inview] .ww-fibers__copy,.ww-fibers[data-ww-inview] .ww-fibers__quad,.ww-fibers[data-ww-inview] .ww-fibers__tile{opacity:1;translate:none}@supports (animation-timeline: view()){.ww-fibers__art{view-timeline:--ww-fibers-art block}.ww-fibers__leader{animation:ww-fibers-draw linear both;animation-timeline:--ww-fibers-art;animation-range:entry calc(30% + var(--p) * 8%) entry calc(38% + var(--p) * 8%)}.ww-fibers__reading{animation:ww-fibers-land linear both;animation-timeline:--ww-fibers-art;animation-range:entry calc(35% + var(--p) * 8%) entry calc(42% + var(--p) * 8%)}@keyframes ww-fibers-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ww-fibers-land{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}}}.ww-fibers__reading.is-key,.ww-fibers__key .is-key{text-transform:uppercase;letter-spacing:.02em}.ww-fibers__reading.is-key{font-size:2.05cqw}@media(max-width:749px){.ww-fibers__keys{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.ww-fibers__key li{white-space:normal}.ww-fibers__key .is-key{font-size:15px;letter-spacing:.02em;line-height:1.15}}@media(max-width:749px){.ww-fibers__keys{grid-template-rows:repeat(4,auto);row-gap:0}.ww-fibers__key{display:grid;grid-row:1 / span 4;grid-template-rows:subgrid;align-content:start}.ww-fibers__key li+li{margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ww-fibers.css.map */
