.fabric-hero{padding:72px 36px;background:var(--ink);color:#fff}.fabric-hero .eyebrow{color:#9aa0a3}.fabric-hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end}.fabric-hero h1{font-size:clamp(44px,5.6vw,77px);letter-spacing:-2px;line-height:1;margin-top:24px}.fabric-hero-copy p{max-width:500px;color:#b9bec0;font-size:15px;line-height:1.7}.fabric-index{display:grid;gap:28px;margin-top:52px}.fabric-index-label{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}.fabric-index-label strong{font-family:var(--font-display),sans-serif;font-size:13px;letter-spacing:.3px;text-transform:uppercase}.fabric-index-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:1px 0 0 1px}.fabric-index a{display:flex;align-items:center;gap:12px;min-width:0;margin:-1px 0 0 -1px;padding:13px 14px;border:1px solid #ffffff1f;background:var(--ink);color:#e4e6e6;transition:background-color .15s ease}.fabric-index a:hover{background:#23272a;color:#fff}.fabric-index svg{flex:none}.fabric-index a span{min-width:0}.fabric-index a strong{display:block;font-family:var(--font-display),sans-serif;font-size:12px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fabric-index small{display:block;margin-top:3px;color:#8b9194;font-size:9px;letter-spacing:1.3px}.fabric-filter{gap:14px 32px;padding-top:40px!important;padding-bottom:0!important}.fabric-filter,.fabric-filter-group{display:flex;flex-wrap:wrap;align-items:center}.fabric-filter-group{gap:8px}.fabric-filter-group .eyebrow{margin-right:6px}.fabric-empty button,.fabric-filter button{padding:10px 16px;border:1px solid var(--line);background:#fff;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.fabric-empty button:hover,.fabric-filter button:hover{border-color:#b9bec0}.fabric-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.fabric-count{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.fabric-empty{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted)}.fabric-series{padding-top:40px!important;padding-bottom:16px!important}.fabric-series-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:baseline;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.fabric-series-head h2{font-size:32px;line-height:1.1}.fabric-series-head p{grid-column:2;max-width:620px;margin-top:8px;color:#3d4347;line-height:1.6}.fabric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.fabric-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:540px;border:1px solid var(--line);background:#fff}.fabric-card:target{outline:2px solid #e8705f;outline-offset:3px}.fabric-card-media{position:relative;overflow:hidden;background:var(--paper)}.fabric-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fabric-card-family{position:absolute;top:14px;left:14px;padding:6px 9px;background:#ffffffeb;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.fabric-card-body{display:flex;flex-direction:column;padding:34px 32px 30px}.fabric-card-title{margin:0;font-size:inherit;font-weight:inherit}.fabric-logo{display:inline-flex;align-items:center;gap:12px;color:var(--ink)}.fabric-logo svg{flex:none}.fabric-logo-word{font-family:var(--font-display),sans-serif;font-weight:700;font-size:27px;line-height:1;letter-spacing:-.5px;text-transform:uppercase}.fabric-logo-code{align-self:flex-start;margin-left:-4px;font-family:var(--font-body),sans-serif;font-weight:500;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.fabric-tagline{margin-top:20px;font-family:var(--font-display),sans-serif;font-size:15px}.fabric-description{margin-top:9px;color:#3d4347;font-size:14px;line-height:1.7}.fabric-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin:22px 0 24px;border-top:1px solid var(--line)}.fabric-specs div{padding:11px 0;border-bottom:1px solid var(--line)}.fabric-specs dt{color:var(--muted);font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.fabric-specs dd{margin:4px 0 0;font-size:13px;line-height:1.4}.fabric-swatch{display:inline-block;width:11px;height:11px;margin-right:7px;border:1px solid #17191b33;vertical-align:-1px}.fabric-card-body h4.eyebrow{margin:0 0 12px;font-family:var(--font-body),sans-serif;font-weight:500}.fabric-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;padding:0;list-style:none}.fabric-traits li{display:flex;align-items:center;gap:9px;font-size:13px}.fabric-traits svg{flex:none;color:#3d4347}.fabric-used{margin-top:auto;padding-top:24px;font-size:13px}.fabric-used .eyebrow{display:block;margin-bottom:4px}.fabric-note{margin-top:40px;background:var(--paper)}.fabric-note p{max-width:760px;margin-top:12px;color:#3d4347;line-height:1.7}@media(max-width:1320px){.fabric-grid{grid-template-columns:minmax(0,1fr)}.fabric-card{grid-template-columns:38% minmax(0,1fr);min-height:500px}.fabric-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.fabric-hero{padding:56px 25px}.fabric-hero-copy{grid-template-columns:minmax(0,1fr);gap:24px}.fabric-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fabric-count{width:100%;margin-left:0}}@media(max-width:760px){.fabric-hero{padding:42px 18px}.fabric-hero h1{font-size:48px;letter-spacing:-1.5px}.fabric-index{margin-top:36px;gap:22px}.fabric-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fabric-index a{flex-direction:column;gap:8px;padding:12px 4px 10px;text-align:center}.fabric-index a strong{font-size:8.5px;letter-spacing:.2px;line-height:1.25;white-space:normal;overflow:visible}.fabric-index small{display:none}.fabric-filter{padding-top:28px!important;gap:14px}.fabric-filter button{padding:9px 12px}.fabric-filter-group .eyebrow{width:100%}.fabric-series{padding-top:32px!important}.fabric-series-head{grid-template-columns:minmax(0,1fr)}.fabric-series-head h2{font-size:25px;margin-top:8px}.fabric-series-head p{grid-column:1}.fabric-grid{gap:18px}.fabric-card{grid-template-columns:minmax(0,1fr);min-height:0}.fabric-card-media{aspect-ratio:1/1}.fabric-card-body{padding:26px 20px 24px}.fabric-logo-word{font-size:23px}.fabric-traits{gap:10px 12px}}@media(prefers-reduced-motion:reduce){.fabric-index a{transition:none}}