*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:#30392f;font:15px/1.8 system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:25px 36px}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8b603d;outline-offset:4px}.intro{padding:48px 0 38px}.eyebrow{font-size:10px;letter-spacing:2px;color:#83735f}h1{font-size:clamp(34px,5vw,58px);font-weight:500;letter-spacing:-2px;line-height:1.3;margin:20px 0}h2{font-size:24px;font-weight:500;line-height:1.5;margin:6px 0 14px}p{color:#687063}.intro p{font-size:16px}.text-link{display:inline-block;margin-top:12px;font-size:12px}.two-ideas{display:grid;grid-template-columns:1fr 1fr;gap:12px 36px;border-block:1px solid #dedfd3;padding:26px 0;margin-bottom:36px}.two-ideas h2{font-size:21px;margin:5px 0}.two-ideas p{font-size:13px;margin:5px 0}.two-ideas .example-line{grid-column:1/-1;padding-top:16px;margin-top:8px;border-top:1px solid #e6e4da}.tools{display:flex;align-items:end;justify-content:space-between;gap:25px}label{display:grid;gap:8px;font-size:12px}.tools label{width:min(100%,450px)}input,select{width:100%;background:white;border:1px solid #bfc5b6;border-radius:0;padding:12px;font-size:16px}.groups{display:flex;gap:7px;flex-wrap:wrap}.groups button{padding:10px 15px;border:1px solid #bfc5b6;background:transparent;font-size:13px}.groups button[aria-pressed=true]{background:#303e32;color:white;border-color:#303e32}#fabric-count{font-size:12px;margin:22px 0 6px}.image-note{font-size:11px;margin:0 0 22px;color:#808477}.entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.fabric-card{background:white;border:1px solid #e1e1d6;padding:22px;scroll-margin-top:20px}.fabric-card .tag{font-size:10px;letter-spacing:1px;color:#87745e}.fabric-card h2{margin:5px 0 14px;font-size:23px}.fabric-card .meaning{font-size:15px;min-height:5.4em;color:#30392f}.texture-window{position:relative;overflow:hidden;aspect-ratio:4/3;background:white;margin:0 0 12px}.texture-window img{position:absolute;max-width:none;width:var(--sample-scale);height:auto;left:50%;top:50%;transform:translate(calc(-1 * var(--sample-x)),calc(-1 * var(--sample-y)))}.sample-caption{display:flex;justify-content:space-between;gap:8px;margin-bottom:18px;color:#797f70;font-size:10px}.fabric-card details{border-top:1px solid #e3e4da;padding-top:14px}.fabric-card summary{cursor:pointer;font-size:12px}.fabric-card details p{font-size:13px}.fabric-card strong{display:block;color:#30392f;font-size:11px}.fabric-card .check{font-size:12px;padding:12px 0 0;border-top:1px solid #efeee6}.fibre-stamp{display:flex;align-items:center;justify-content:space-between;min-height:65px;border-block:1px solid #e6e6dc;color:#8b806c;margin:10px 0 18px;font-size:11px;letter-spacing:1px}.fibre-stamp small{font-size:10px;letter-spacing:0;color:#8a8f80}.compare-section,.label-guide{padding:55px 0 12px;margin-top:45px;border-top:1px solid #dcded3;scroll-margin-top:25px}.compare-section>p{font-size:14px}.compare-selects{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:25px 0}.note{font-size:12px;padding:13px 16px;background:#eeeee5}.compare-table{overflow:auto;border:1px solid #dddfd2;background:white}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}th,td{padding:16px;vertical-align:top;border-bottom:1px solid #e6e7df;text-align:left;overflow-wrap:anywhere}th:first-child{width:100px}thead th{background:#efefe7;font-weight:500}thead th small{display:block;font-size:10px;font-weight:400;color:#787e6f}tbody th{font-size:12px;font-weight:500;color:#7a725e}tr:last-child>*{border-bottom:0}.label-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;margin-top:26px}.sample-label{padding:25px;background:white;border:1px solid #dddfd3}.sample-label>span{font-size:11px;color:#8b806c}.sample-label p{font-size:13px}.sample-label b{color:#30392f;font-weight:500}.label-layout ol{margin:0;padding-left:22px;font-size:13px;color:#717767}.label-layout li{padding-left:6px;margin-bottom:18px}.label-layout li b{display:block;color:#30392f;font-weight:500}.references{margin-top:45px;padding:24px 0;border-block:1px solid #dddfd3;font-size:12px}.references summary{cursor:pointer}.references li{margin:8px 0}footer{padding:35px 0;font-size:11px;color:#808477}[hidden]{display:none!important}.skip,.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;top:10px;left:10px;z-index:10;background:white;padding:12px}@media(max-width:900px){.entries{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{display:block}.groups{margin-top:20px}.label-layout{gap:20px}}@media(max-width:600px){main{padding:20px}.intro{padding:30px 0}.two-ideas{gap:16px}.two-ideas h2{font-size:19px}.two-ideas .eyebrow{font-size:9px;letter-spacing:.5px}.entries{grid-template-columns:1fr}.fabric-card{padding:22px}.fabric-card .meaning{min-height:0}.compare-selects{gap:10px}.compare-section,.label-guide{padding-top:35px}th,td{padding:11px;font-size:12px}th:first-child{width:67px}.label-layout{grid-template-columns:1fr}.compare-table th{font-size:11px}.fibre-stamp{min-height:55px}}
 .texture-window img.texture-sample{inset:0;width:100%;height:100%;transform:none;object-fit:cover}
.compare-selects select{margin-top:8px}