.fabric-library{padding:90px 7%;background:#191919;border-top:1px solid #333;color:#f3f1ed;scroll-margin-top:94px}
.fabric-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}
.fabric-eyebrow{font-size:10px;letter-spacing:1.8px;color:#999;margin:0 0 20px}
.fabric-library h2{font:800 clamp(45px,5.3vw,84px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em}.fabric-library h2 span{color:#f0222d}
.fabric-heading-copy{max-width:320px}.fabric-heading-copy>p{font-size:17px;font-weight:600;margin-bottom:13px}.fabric-heading-copy>span{font-size:14px;line-height:1.7;color:#999}
.fabric-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.fabric-filters button{background:none;border:1px solid #484848;padding:11px 20px;color:#aaa;font-size:12px}.fabric-filters button[aria-pressed=true]{background:#f3f1ed;border-color:#f3f1ed;color:#111}.fabric-filters button:hover{border-color:#f0222d}
.fabric-workbench{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:start}
.fabric-preview{position:sticky;top:115px;overflow:hidden;background:#111}.fabric-preview>img{display:block;width:100%;height:auto;aspect-ratio:1/1.04;object-fit:cover}.fabric-image-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:20px 24px;background:#080808d9;font-size:10px;letter-spacing:1.5px;color:#ccc}.fabric-image-label b{font-weight:500;color:#f0222d}
.fabric-list{border-top:1px solid #494949}.fabric-row{width:100%;display:grid;grid-template-columns:25px 56px 1fr 25px;align-items:center;gap:16px;background:none;border:0;border-bottom:1px solid #3c3c3c;padding:13px 12px;text-align:left;color:#aaa}.fabric-row[hidden]{display:none}.fabric-row[aria-pressed=true]{background:#242424;color:#fff;border-left:2px solid #f0222d}.fabric-row:hover{background:#222}.fabric-row img{width:56px;height:56px;object-fit:cover}.fabric-row-number{font-size:10px;color:#777}.fabric-row strong{display:block;font-size:17px;font-weight:500}.fabric-row small{display:block;font-size:11px;color:#888;margin-top:6px}.fabric-row-arrow{font-size:22px;color:#777}.fabric-row[aria-pressed=true] .fabric-row-arrow{color:#f0222d}
.fabric-detail{padding:30px 12px 0}.fabric-detail .fabric-eyebrow{color:#f0222d;margin-bottom:10px}.fabric-detail h3{font:700 38px/1.1 'Barlow Condensed',Impact,sans-serif;margin-bottom:15px}.fabric-detail>p:not(.fabric-eyebrow){font-size:13px;line-height:1.8;color:#aaa}.fabric-detail dl{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;border-top:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;padding:20px 0;margin:22px 0}.fabric-detail dt{font-size:9px;letter-spacing:1.3px;color:#777;margin-bottom:10px}.fabric-detail dd{margin:0;font-size:12px;line-height:1.6}.fabric-enquire{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #666;padding:18px 0;font-size:11px;letter-spacing:1px;font-weight:600}.fabric-enquire span{font-size:23px;color:#f0222d}.fabric-enquire:hover{color:#f0222d}
.fabric-library-note{font-size:11px;color:#888;line-height:1.8;margin-top:28px}
@media(max-width:900px){.fabric-workbench{gap:25px}.fabric-row{gap:10px;grid-template-columns:18px 42px 1fr 20px;padding:12px 8px}.fabric-row img{width:42px;height:42px}.fabric-row strong{font-size:15px}.fabric-detail{padding:25px 5px 0}.fabric-detail dl{grid-template-columns:1fr}}
@media(max-width:700px){.fabric-library{padding:55px 5%;scroll-margin-top:78px}.fabric-library-heading{display:block;margin-bottom:25px}.fabric-library h2{font-size:48px}.fabric-heading-copy{margin-top:25px;max-width:100%}.fabric-heading-copy>p{font-size:15px}.fabric-heading-copy>span{font-size:13px}.fabric-filters{gap:8px}.fabric-filters button{padding:10px 13px;font-size:11px}.fabric-workbench{grid-template-columns:1fr;gap:22px}.fabric-preview{position:relative;top:auto}.fabric-preview>img{aspect-ratio:1.2}.fabric-row{grid-template-columns:24px 50px 1fr 24px;gap:14px}.fabric-row img{width:50px;height:50px}.fabric-row strong{font-size:17px}.fabric-detail dl{grid-template-columns:1fr 1.2fr}.fabric-library-note{font-size:10px}}