.material-showcase{background:#111;color:#fff;--muted:#b9b9b9;--shelf:#f5f5f5;padding:24px 0;margin:0}
.material-showcase__row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"feature heading" "feature products" "feature links";column-gap:clamp(28px,5vw,72px);row-gap:24px;padding:56px 0;border-bottom:1px solid #333;scroll-margin-top:100px}
.material-showcase__row:last-child{border-bottom:0}
.material-showcase__row--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"heading feature" "products feature" "links feature"}
.material-showcase__heading{grid-area:heading;align-self:start}
.material-showcase__eyebrow{font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#b9b9b9;margin:0 0 10px}
.material-showcase__heading h2{font-size:clamp(28px,3vw,42px);line-height:1.1;font-weight:500;letter-spacing:.01em;margin:0 0 18px}
.material-showcase__description{font-size:14px;line-height:1.6;color:#c6c6c6;margin:0;max-width:470px}
.material-showcase__feature{grid-area:feature;display:block;min-width:0;overflow:hidden;border-radius:4px;background:#282828;position:relative}
.material-showcase__image{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s ease}
.material-showcase__products{grid-area:products;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
.material-showcase .product-card__media{background:#f5f5f5;padding:0;border-radius:4px;overflow:hidden}
.material-showcase .product-card__frame{aspect-ratio:1/1.06}
.material-showcase .product-card__img--a{width:100%;height:100%;object-fit:contain}
.material-showcase .product-card__title{font-size:12px;line-height:1.4;color:#fff}
.material-showcase .product-card__fit{font-size:11px;color:#b9b9b9}
.material-showcase .product-card__row{font-size:13px;flex-wrap:wrap;row-gap:4px;margin-top:5px}
.material-showcase .product-card__badge{color:#111}
.material-showcase .swatch-dot{border-color:#777}
.material-showcase__links{grid-area:links;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.material-showcase__link{font-size:12px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #999;padding:5px 0;line-height:1.6}
.material-showcase__link span{margin-left:8px}
.material-showcase__secondary{font-size:11px;color:#b9b9b9;text-underline-offset:4px;line-height:1.5}
.material-showcase a:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.material-showcase__feature:hover .material-showcase__image{transform:scale(1.025)}}
@media(max-width:989px){.material-showcase{padding:8px 0}.material-showcase__row,.material-showcase__row--reverse{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "feature" "products" "links";padding:40px 0;gap:24px}.material-showcase__feature{aspect-ratio:4/3}.material-showcase__image{object-position:center 46%}.material-showcase__description{max-width:560px}.material-showcase__products{gap:24px 16px}.material-showcase .product-card__frame{aspect-ratio:4/5}}
@media(max-width:479px){.material-showcase__heading h2{font-size:30px}.material-showcase__description{font-size:13px}.material-showcase__products{gap:20px 12px}.material-showcase__links{align-items:flex-start;flex-direction:column;gap:12px}}