.materials{--mat-bg:#e9eff5;--mat-surface:#fff;--mat-surface-2:#f3f6fa;--mat-ink:#0f2136;--mat-ink-soft:#647184;--mat-border:#d8e1e9;--mat-accent:#2f8fd6;--mat-font-display:var(--font-display);--mat-font-mono:var(--font-body);--mat-font-body:var(--font-body);background:var(--color-bg);color:var(--mat-ink);font-family:var(--mat-font-body);padding:64px 0 80px}.materials .wrap{max-width:var(--wrap-max);padding:0 var(--wrap-pad);margin:0 auto}.materials .mat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.materials .mat-head :is(h1,h2){font-family:var(--section-title-font);font-stretch:var(--display-stretch);font-weight:800;font-size:var(--section-title-size);text-transform:uppercase;letter-spacing:.005em;margin:0;line-height:.95}.materials .mat-head p{max-width:42ch;color:var(--mat-ink-soft);margin:0;font-size:15px;line-height:1.6}.materials .mat-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:900px){.materials .mat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.materials .mat-grid{grid-template-columns:1fr}}.materials .mat-card{background:var(--mat-surface);border:1px solid var(--mat-border);border-radius:20px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.materials .mat-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px #0f213659}.materials .mat-badge{z-index:2;font-family:var(--mat-font-body);letter-spacing:.04em;background:var(--mat-accent);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;position:absolute;top:14px;left:14px}.materials .mat-image{aspect-ratio:4/3;background:var(--mat-surface-2);position:relative;overflow:hidden}.materials .mat-image img{object-fit:cover;width:100%;height:100%;display:block}.materials .mat-body{flex-direction:column;flex:1;gap:14px;padding:20px 22px 22px;display:flex}.materials .mat-body h3{font-family:var(--mat-font-display);font-stretch:var(--display-stretch);text-transform:uppercase;letter-spacing:.01em;color:var(--mat-ink);margin:0;font-size:20px;font-weight:800}.materials .mat-btn{color:var(--mat-accent);border:1.5px solid var(--mat-accent);font-family:var(--mat-font-body);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:11px 18px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.materials .mat-btn svg{width:14px;height:14px;transition:transform .15s}.materials .mat-btn:hover{background:var(--mat-accent);color:#fff}.materials .mat-btn:hover svg{transform:translate(3px)}