/* material banners */
.ts-materials{display:grid;grid-template-columns:repeat(var(--ts-mat-cols,2),minmax(0,1fr));gap:24px}
.ts-mat{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;display:block;color:#fff;background:var(--ts-ink)}
.ts-mat:hover{color:#fff}
.ts-mat img,.ts-mat__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ts-mat__placeholder{fill:rgba(255,255,255,.18)}
.ts-mat:hover img{transform:scale(1.03)}
.ts-mat__scrim{display:block;position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--ts-ink) 0%,transparent) 40%,color-mix(in srgb,var(--ts-ink) 85%,transparent) 100%)}
.ts-mat__in{position:absolute;left:32px;right:32px;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.ts-mat__eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ts-sky);margin-bottom:6px}
.ts-mat__t{display:block;font-size:28px;font-weight:800;letter-spacing:-.02em}
.ts-mat__btn{height:44px;padding:0 18px;border-radius:999px;background:#fff;color:var(--ts-ink);font-size:14px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap;flex:none}

@media (max-width:1040px){
  .ts-mat__t{font-size:24px}
}
@media (max-width:560px){
  .ts-materials{grid-template-columns:minmax(0,1fr)}
  .ts-mat{aspect-ratio:16/10;border-radius:18px}
  .ts-mat__in{left:20px;right:20px;bottom:18px}
  .ts-mat__eyebrow{display:none}
  .ts-mat__t{font-size:20px}
  .ts-mat__btn{height:36px;padding:0 14px;font-size:12px}
}