.materials{padding:clamp(3.5rem,7vw,5rem) 0}.materials--compact{padding:clamp(2.5rem,5vw,3.5rem) 0}.materials--compact .section-head{margin-bottom:0}.materials--compact .materials__grid{margin-top:1.5rem}.materials__grid{display:grid;grid-gap:3px;gap:3px;margin-top:2rem;grid-template-columns:repeat(2,1fr)}@media (min-width:720px){.materials__grid{grid-template-columns:repeat(3,1fr)}}.materials__card--link{position:relative;display:block;overflow:hidden;color:var(--on-media-text);text-decoration:none;background:var(--charcoal);isolation:isolate;animation:materials-tile .7s ease both;animation-delay:calc(var(--i, 0) * 70ms)}.materials__card--link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.materials__media{position:relative;display:block;aspect-ratio:1;margin:0;background:var(--charcoal)}.materials__img{object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.materials__card--link:focus-visible .materials__img,.materials__card--link:hover .materials__img{transform:scale(1.06)}.materials__meta{position:absolute;inset:auto 0 0;z-index:1;padding:2.75rem .95rem .9rem;background:var(--media-caption-gradient)}.materials__index{display:block;margin-bottom:.35rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;color:var(--on-media-muted)}.materials__card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin:0 0 .25rem;font-family:var(--font-display);font-size:clamp(1rem,2.2vw,1.2rem);font-weight:700;letter-spacing:-.03em;color:var(--on-media-text);text-shadow:var(--media-text-shadow)}.materials__badge{font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light)}.materials__card p{margin:0;font-size:.78rem;line-height:1.4;color:var(--on-media-muted)}.materials__media--type{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface)}.materials__type-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:var(--text)}.materials__hardware{margin:1.75rem 0 0;text-align:center;font-size:.88rem;font-weight:500;color:var(--muted);letter-spacing:.02em}.materials__hardware-label{display:block;margin-bottom:.5rem}.materials__hardware-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem}.materials__hardware-links a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}@keyframes materials-tile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:480px){.materials__hardware{display:flex;flex-direction:column;align-items:center;gap:.35rem}.materials__hardware-links{flex-direction:column;align-items:center;gap:0}.materials__hardware-links a{display:inline-flex;align-items:center;min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.materials__card--link,.materials__img{animation:none;transition:none}.materials__card--link:focus-visible .materials__img,.materials__card--link:hover .materials__img{transform:none}}