.fabric-family{position:relative;aspect-ratio:2700/1044;color:#244b16}.fabric-family-photo{position:absolute;inset:0 33.3333% 0 0;overflow:hidden}.fabric-family-photo img{width:150%;max-width:none;height:100%;object-fit:cover;object-position:left}.fabric-family-copy{position:absolute;inset:0 0 0 66.6667%;background:#f6efe9;padding:7.5% 2.8% 3%;display:flex;flex-direction:column;align-items:flex-start}.fabric-family-copy h2{font-size:clamp(20px,2.2vw,46px);line-height:1.2;margin:0 0 7%;font-weight:700}.fabric-family-copy p{font-size:clamp(14px,1.3vw,28px);line-height:1.25;margin:0 0 5%}.fabric-family-copy ul{list-style:none;margin:0;padding:0;font-size:clamp(12px,1vw,22px);line-height:1.8}.fabric-family-copy a{margin-top:auto;font-size:clamp(14px,1.3vw,28px);text-decoration:underline;text-underline-offset:5px}.fabric-family-copy li::before{content:'✓';display:inline-block;width:1.8em}@media(max-width:768px){.fabric-family{aspect-ratio:auto}.fabric-family-photo{position:relative;inset:auto;aspect-ratio:1800/1044}.fabric-family-copy{position:relative;inset:auto;padding:28px 24px;gap:16px}.fabric-family-copy h2{font-size:26px;margin:0}.fabric-family-copy p{font-size:16px;margin:0}.fabric-family-copy ul{font-size:14px}.fabric-family-copy a{font-size:16px;margin-top:8px}}
.fabric-page{max-width:1900px;margin:0 auto}.fabric-banner img{display:block;width:100%;height:auto}.fabric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 20px}.fabric-cards img{width:100%;height:auto}.fabric-more{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:40px}@media(max-width:768px){.fabric-cards{display:flex;overflow-x:auto;gap:8px;margin:0 12px;scroll-snap-type:x mandatory}.fabric-cards>a{flex:0 0 44%;scroll-snap-align:start}.fabric-more>a{flex-basis:44%}}

.fabric-family-mobile{display:none}@media(max-width:768px){.fabric-family{display:none}.fabric-family-mobile{display:block}.fabric-family-mobile img{display:block;width:100%;height:auto}}

.fabric-feedback{background:#faf9f6;color:#244b16;text-align:center;padding:7.8% 7.65% 6.8%}.fabric-feedback h2{font-size:clamp(24px,3.4vw,64px);line-height:1.1;margin:0;font-weight:700}.fabric-feedback-subtitle{font-size:clamp(17px,2.2vw,42px);margin:1.7% 0 4.7%}.fabric-feedback-photo{position:relative;overflow:hidden;aspect-ratio:2288/750;border-radius:12px}.fabric-feedback-photo img{position:absolute;width:118.007%;max-width:none;height:auto;left:-9.0035%;top:-66.9333%}.fabric-feedback-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin-top:4%}.fabric-feedback blockquote{font-style:italic;font-size:clamp(14px,1.3vw,25px);line-height:1.3;margin:0}.fabric-explore{color:#244b16;text-align:center;padding:5.6% 20px 1.8%}.fabric-explore h2{font-size:clamp(26px,3.4vw,64px);font-weight:700;margin:0}@media(max-width:768px){.fabric-feedback{padding:36px 18px}.fabric-feedback h2{font-size:27px}.fabric-feedback-subtitle{font-size:18px;margin:12px 0 22px}.fabric-feedback-quotes{grid-template-columns:1fr;gap:20px;margin-top:24px}.fabric-feedback blockquote{font-size:15px}.fabric-explore{padding:34px 18px 16px}}

.fabric-more>a{color:#244b16;text-decoration:none;container-type:inline-size}.fabric-swatch-photo{position:relative;aspect-ratio:856/1112;overflow:hidden}.fabric-swatch-photo img{position:absolute;top:0;left:0;width:100%;height:auto}.fabric-swatch-copy{padding:7% 4.7% 9%;font-size:6.5cqi;line-height:1.3}.fabric-swatch-copy p{margin:0 0 9%}.fabric-swatch-copy p:last-child{margin:0}.fabric-swatch-copy strong{font-weight:700}