#ref-resources-page .ref-resource-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
#ref-resources-page .ref-resource-card-grid-news{grid-template-columns:repeat(4,minmax(0,1fr))}
#ref-resources-page .ref-resource-card-grid-fabric-wiki,#ref-resources-page .ref-resource-card-grid-garment-wiki{grid-template-columns:repeat(3,minmax(0,1fr))}
#ref-resources-page .ref-resource-card{min-width:0}
#ref-resources-page .ref-resource-card-image{display:block;position:relative;overflow:hidden;border-radius:24px;aspect-ratio:410/373;background:#f1eee7}
#ref-resources-page .ref-resource-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
#ref-resources-page .ref-resource-card:hover .ref-resource-card-image img{transform:scale(1.045)}
#ref-resources-page .ref-resource-card-empty{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e5e4db,#d1d6cb)}
#ref-resources-page .ref-resource-card-arrow{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#ac7900;color:#fff;font:34px/1 Arial,sans-serif}
#ref-resources-page .ref-resource-card-copy{padding-top:16px}
#ref-resources-page .ref-resource-card-section{margin:0 0 8px;color:#777;font-size:14px}
#ref-resources-page .ref-resource-card h3{margin:0;color:#0f100f;font-size:clamp(20px,2vw,26px);line-height:1.2;font-weight:600}
#ref-resources-page .ref-resource-card h3 a{color:inherit;text-decoration:none}
#ref-resources-page .ref-resource-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
#ref-resources-page .ref-resource-card-excerpt{margin:10px 0 0;color:#676767;font-size:16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ref-resources-page .ref-resource-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}
#ref-resources-page .ref-resource-card-featured .ref-resource-card-image{aspect-ratio:16/9}
#ref-resources-page .ref-resource-card-featured h3{font-size:clamp(28px,3.4vw,46px)}
#ref-resources-page #resource-fabric-wiki .ref-resource-card h3{color:#fff}
#ref-resources-page #resource-fabric-wiki .ref-resource-card-section,#ref-resources-page #resource-fabric-wiki .ref-resource-card-excerpt{color:#e5eee3}
#ref-resources-page .ref-resource-empty{margin:36px 0;color:#676767}
@media(max-width:1023px){
 #ref-resources-page .ref-resource-card-grid,#ref-resources-page .ref-resource-card-grid-news,#ref-resources-page .ref-resource-card-grid-fabric-wiki,#ref-resources-page .ref-resource-card-grid-garment-wiki{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px;margin-top:24px}
 #ref-resources-page .ref-resource-card,#ref-resources-page .ref-resource-card-featured{display:block;flex:0 0 min(78vw,340px);scroll-snap-align:start}
 #ref-resources-page .ref-resource-card-featured .ref-resource-card-image{aspect-ratio:410/373}
 #ref-resources-page .ref-resource-card-featured h3{font-size:22px}
 #ref-resources-page .ref-resource-card-arrow{width:44px;height:44px;font-size:26px}
}