.mt-material {
  --mt-material-bg: #f5f1e9;
  --mt-material-panel: rgba(255, 253, 248, .82);
  --mt-material-panel-solid: #fbf8f1;
  --mt-material-ink: #211f1b;
  --mt-material-muted: #6e665c;
  --mt-material-line: rgba(74, 60, 44, .17);
  --mt-material-gold: #a9782d;
  --mt-material-container: var(--mt-header-container, 1480px);
  --mt-material-sticky-top: 124px;
  overflow: clip;
  background: var(--mt-material-bg);
  color: var(--mt-material-ink);
  font-family: var(--font-body, "Archivo", sans-serif);
}

.mt-material,
.mt-material *,
.mt-material *::before,
.mt-material *::after { box-sizing: border-box; }

.mt-material__container {
  width: min(calc(100% - 64px), var(--mt-material-container));
  margin-inline: auto;
}

.mt-material__eyebrow {
  margin: 0 0 .62rem;
  color: var(--mt-material-gold);
  font: 600 clamp(.67rem, .75vw, .78rem)/1.2 var(--font-body, "Archivo", sans-serif);
  letter-spacing: .17em;
  text-transform: uppercase;
}

.mt-material h1,
.mt-material h2,
.mt-material h3 {
  font-family: var(--font-display, "Geologica", sans-serif);
  color: var(--mt-material-ink);
}

.mt-material h2 {
  margin: 0 0 1rem;
  font-size: clamp(1.45rem, 2vw, 2.25rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.026em;
}

.mt-material h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

.mt-material p { color: var(--mt-material-muted); }

.mt-material a { color: inherit; }

.mt-material svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mt-material-breadcrumbs {
  padding-block: .9rem;
  border-bottom: 1px solid var(--mt-material-line);
}

.mt-material-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--mt-material-muted);
  font-size: .76rem;
}

.mt-material-breadcrumbs a { text-decoration: none; }
.mt-material-breadcrumbs a:hover { color: var(--mt-material-gold); }

.mt-material-hero {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  min-height: clamp(18rem, 24vw, 22rem);
  border-bottom: 1px solid var(--mt-material-line);
}

.mt-material-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(1.75rem, 3vw, 3.2rem) clamp(1.1rem, 3vw, 3rem) clamp(1.75rem, 3vw, 3.2rem) 0;
}

.mt-material-hero h1 {
  max-width: 16ch;
  margin: 0;
  font-size: clamp(2.05rem, 2.8vw, 3.5rem);
  font-weight: 400;
  line-height: .99;
  letter-spacing: -.05em;
}

.mt-material-hero__copy > p:not(.mt-material__eyebrow) {
  max-width: 42rem;
  margin: 1.2rem 0 0;
  font-size: clamp(.94rem, 1vw, 1.06rem);
  line-height: 1.7;
}

.mt-material-hero__actions,
.mt-material-bespoke > div:last-child,
.mt-material-empty > div {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

.mt-material-hero__actions { margin-top: 1.55rem; }

.mt-material-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 2.8rem;
  padding: .78rem 1.1rem;
  border: 1px solid var(--mt-material-gold);
  font: 600 .72rem/1 var(--font-body, "Archivo", sans-serif);
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.mt-material-button--primary {
  background: var(--mt-material-gold);
  color: #fffaf1;
}

.mt-material-button--secondary {
  background: transparent;
  color: var(--mt-material-ink);
}

.mt-material-button:hover { transform: translateY(-1px); }

.mt-material-hero__media {
  min-width: 0;
  overflow: hidden;
  background: #e7dfd2;
}

.mt-material-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--mt-material-object-position, center center);
}

.mt-material-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--mt-material-line);
}

.mt-material-facts article {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
  padding: clamp(1rem, 1.8vw, 1.45rem);
  border-inline-end: 1px solid var(--mt-material-line);
}

.mt-material-facts article:last-child { border-inline-end: 0; }
.mt-material-facts svg { flex: 0 0 1.65rem; width: 1.65rem; height: 1.65rem; color: var(--mt-material-gold); }
.mt-material-facts div { min-width: 0; }
.mt-material-facts span,
.mt-material-facts strong { display: block; }
.mt-material-facts span { margin-bottom: .28rem; color: var(--mt-material-muted); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; }
.mt-material-facts strong { font-size: .82rem; font-weight: 600; line-height: 1.35; }

.mt-material-about,
.mt-material-variation,
.mt-material-technical-grid,
.mt-material-products,
.mt-material-editorial-grid,
.mt-material-taxonomy-grid,
.mt-material-faq,
.mt-material-bespoke {
  margin-block-start: clamp(2.25rem, 4vw, 4.3rem);
}

.mt-material-about {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(19rem, .95fr);
  gap: clamp(1.8rem, 4vw, 4.6rem);
  align-items: start;
}

.mt-material-about article p:not(.mt-material__eyebrow),
.mt-material-variation article > p:not(.mt-material__eyebrow),
.mt-material-editorial-card > p,
.mt-material-bespoke p {
  margin: 0 0 .9rem;
  font-size: .94rem;
  line-height: 1.72;
}

.mt-material-profile {
  overflow: hidden;
  border: 1px solid var(--mt-material-line);
  background: var(--mt-material-panel);
}

.mt-material-profile table { width: 100%; border-collapse: collapse; }
.mt-material-profile th,
.mt-material-profile td { padding: .72rem .9rem; border-bottom: 1px solid var(--mt-material-line); text-align: start; vertical-align: top; font-size: .79rem; }
.mt-material-profile tr:last-child th,
.mt-material-profile tr:last-child td { border-bottom: 0; }
.mt-material-profile th { width: 42%; color: var(--mt-material-gold); font-weight: 600; }
.mt-material-profile td { color: var(--mt-material-ink); }

.mt-material-variation {
  display: grid;
  grid-template-columns: minmax(16rem, .62fr) minmax(0, 1.38fr);
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: start;
}

.mt-material-variation__notice {
  display: flex;
  gap: .75rem;
  margin-top: 1.2rem;
  padding: .9rem;
  border-inline-start: 2px solid var(--mt-material-gold);
  background: rgba(255,255,255,.42);
}
.mt-material-variation__notice svg { flex: 0 0 1.2rem; color: var(--mt-material-gold); }
.mt-material-variation__notice p { margin: 0; font-size: .78rem; line-height: 1.55; }

.mt-material-gallery { min-width: 0; }
.mt-material-gallery__main { margin: 0; overflow: hidden; aspect-ratio: 16 / 8.6; background: #e9e2d7; }
.mt-material-gallery__main img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s ease; }
.mt-material-gallery__main img.is-changing { opacity: .25; }
.mt-material-gallery__rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(7.5rem, 1fr); gap: .6rem; margin-top: .65rem; overflow-x: auto; scroll-snap-type: x proximity; }
.mt-material-gallery__rail button { overflow: hidden; aspect-ratio: 4 / 3; margin: 0; padding: 0; border: 1px solid var(--mt-material-line); background: transparent; cursor: pointer; scroll-snap-align: start; }
.mt-material-gallery__rail button.is-active { border-color: var(--mt-material-gold); box-shadow: inset 0 0 0 1px var(--mt-material-gold); }
.mt-material-gallery__rail img { width: 100%; height: 100%; object-fit: cover; }

.mt-material-technical-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  align-items: start;
}

.mt-material-technical-grid > article,
.mt-material-editorial-card,
.mt-material-taxonomy-grid > article,
.mt-material-faq,
.mt-material-bespoke {
  border: 1px solid var(--mt-material-line);
  background: var(--mt-material-panel);
}

.mt-material-technical-grid > article { padding: clamp(1.15rem, 2vw, 1.65rem); }

.mt-material-finishes__list { display: grid; gap: .75rem; }
.mt-material-finishes__list > section { display: grid; grid-template-columns: 7.2rem minmax(0, 1fr); gap: .85rem; padding-top: .75rem; border-top: 1px solid var(--mt-material-line); }
.mt-material-finishes__list > section:first-child { padding-top: 0; border-top: 0; }
.mt-material-finishes__list img { width: 100%; height: 100%; min-height: 6.2rem; object-fit: cover; }
.mt-material-finishes__list p { margin: .35rem 0 .55rem; font-size: .76rem; line-height: 1.5; }
.mt-material-finishes dl { margin: 0; }
.mt-material-finishes dl div { display: grid; grid-template-columns: 4.5rem minmax(0,1fr); gap: .4rem; padding-block: .18rem; font-size: .66rem; }
.mt-material-finishes dt { color: var(--mt-material-gold); font-weight: 600; text-transform: uppercase; }
.mt-material-finishes dd { margin: 0; color: var(--mt-material-muted); }

.mt-material-applications__table { border-top: 1px solid var(--mt-material-line); }
.mt-material-applications__table > div { display: grid; grid-template-columns: 2rem minmax(0,1fr) minmax(7rem,.55fr); gap: .65rem; align-items: center; padding-block: .65rem; border-bottom: 1px solid var(--mt-material-line); }
.mt-material-applications__icon { color: var(--mt-material-gold); }
.mt-material-applications__table strong,
.mt-material-applications__table b,
.mt-material-applications__table small { display: block; }
.mt-material-applications__table strong { font-size: .76rem; }
.mt-material-applications__table b { color: var(--mt-material-ink); font-size: .72rem; }
.mt-material-applications__table small { margin-top: .2rem; color: var(--mt-material-muted); font-size: .64rem; line-height: 1.35; }

.mt-material-pros-cons section { padding: .85rem; border: 1px solid var(--mt-material-line); background: rgba(255,255,255,.33); }
.mt-material-pros-cons section + section { margin-top: .7rem; }
.mt-material-pros-cons ul,
.mt-material-editorial-card ul { display: grid; gap: .48rem; margin: .65rem 0 0; padding: 0; list-style: none; }
.mt-material-pros-cons li,
.mt-material-editorial-card li { display: flex; gap: .5rem; color: var(--mt-material-muted); font-size: .73rem; line-height: 1.45; }
.mt-material-pros-cons li svg,
.mt-material-editorial-card li svg { flex: 0 0 1rem; width: 1rem; height: 1rem; color: var(--mt-material-gold); }

.mt-material-products { scroll-margin-top: calc(var(--mt-material-sticky-top) + 1rem); }
.mt-material-products__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.mt-material-products__heading h2 { margin-bottom: 0; }
.mt-material-filter-toggle { display: none; align-items: center; gap: .5rem; min-height: 2.65rem; padding: .65rem .9rem; border: 1px solid var(--mt-material-line); background: transparent; color: var(--mt-material-ink); font: 600 .72rem/1 var(--font-body, "Archivo", sans-serif); text-transform: uppercase; }

.mt-material-products__layout { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); gap: 1rem; align-items: start; }
.mt-material-filter { position: sticky; top: var(--mt-material-sticky-top); max-height: calc(100vh - var(--mt-material-sticky-top) - 1rem); overflow: auto; border: 1px solid var(--mt-material-line); background: var(--mt-material-panel-solid); z-index: 5; }
.mt-material-filter form { padding: .85rem; }
.mt-material-filter__header { display: flex; align-items: center; justify-content: space-between; min-height: 2.5rem; border-bottom: 1px solid var(--mt-material-line); text-transform: uppercase; font-size: .72rem; letter-spacing: .08em; }
.mt-material-filter__header button { display: none; border: 0; background: transparent; font-size: 1.5rem; }
.mt-material-filter__group { border-bottom: 1px solid var(--mt-material-line); }
.mt-material-filter__group summary { display: flex; align-items: center; justify-content: space-between; min-height: 2.55rem; cursor: pointer; list-style: none; font-size: .75rem; font-weight: 500; }
.mt-material-filter__group summary::-webkit-details-marker { display: none; }
.mt-material-filter__group > div { display: grid; gap: .4rem; padding: .2rem 0 .8rem; }
.mt-material-filter__option { display: grid; grid-template-columns: 1rem minmax(0,1fr) auto; gap: .5rem; align-items: center; min-height: 1.75rem; cursor: pointer; color: var(--mt-material-muted); font-size: .7rem; }
.mt-material-filter__option input { position: absolute; opacity: 0; pointer-events: none; }
.mt-material-filter__box { width: .9rem; height: .9rem; border: 1px solid var(--mt-material-line); }
.mt-material-filter__option input:checked + .mt-material-filter__box { border-color: var(--mt-material-gold); background: var(--mt-material-gold); box-shadow: inset 0 0 0 2px var(--mt-material-panel-solid); }
.mt-material-filter__option small { font-size: .64rem; }
.mt-material-filter__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .8rem; }
.mt-material-filter__actions a,
.mt-material-filter__actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.4rem; padding: .6rem; border: 1px solid var(--mt-material-gold); font: 600 .65rem/1 var(--font-body, "Archivo", sans-serif); text-decoration: none; text-transform: uppercase; }
.mt-material-filter__actions button { background: var(--mt-material-gold); color: #fff; }
.mt-material-filter__backdrop { display: none; }

.mt-material-products__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.1rem; margin-bottom: .75rem; padding: .55rem .75rem; border: 1px solid var(--mt-material-line); background: var(--mt-material-panel); }
.mt-material-products__toolbar > strong { font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.mt-material-products__toolbar form { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.mt-material-products__toolbar label { display: inline-flex; align-items: center; gap: .45rem; color: var(--mt-material-muted); font-size: .67rem; text-transform: uppercase; }
.mt-material-products__toolbar select { min-height: 2.15rem; padding: .45rem 1.8rem .45rem .65rem; border: 1px solid var(--mt-material-line); background: transparent; color: var(--mt-material-ink); font: 500 .69rem/1 var(--font-body, "Archivo", sans-serif); }
.mt-material-products__toolbar button { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mt-material-products__chips { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .75rem; }
.mt-material-products__chips a { padding: .4rem .6rem; border: 1px solid var(--mt-material-line); color: var(--mt-material-muted); font-size: .66rem; text-decoration: none; text-transform: uppercase; }
.mt-material-products__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .72rem; }

.mt-material-empty { padding: clamp(2rem, 5vw, 4.5rem); border: 1px solid var(--mt-material-line); text-align: center; background: var(--mt-material-panel); }
.mt-material-empty h3 { font-size: 1.6rem; }
.mt-material-empty p { max-width: 35rem; margin: .7rem auto 1.2rem; line-height: 1.6; }
.mt-material-empty > div { justify-content: center; }
.mt-material-empty a { padding: .7rem 1rem; border: 1px solid var(--mt-material-gold); text-decoration: none; font-size: .7rem; text-transform: uppercase; }

.mt-material-editorial-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.mt-material-editorial-card { min-width: 0; padding: 1.1rem; }
.mt-material-editorial-card > img { width: calc(100% + 2.2rem); height: 8.8rem; margin: -1.1rem -1.1rem 1rem; object-fit: cover; }
.mt-material-editorial-card h2 { font-size: 1.35rem; }
.mt-material-editorial-card h3 { margin-top: .8rem; color: var(--mt-material-gold); font-size: .72rem; font-family: var(--font-body, "Archivo", sans-serif); letter-spacing: .08em; text-transform: uppercase; }
.mt-material-editorial-card > a { display: inline-flex; margin-top: .8rem; color: var(--mt-material-gold); font-size: .69rem; font-weight: 600; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }

.mt-material-comparison-list,
.mt-material-collection-list { display: grid; gap: .55rem; }
.mt-material-comparison-list a,
.mt-material-collection-list a { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: .65rem; align-items: center; padding-top: .55rem; border-top: 1px solid var(--mt-material-line); text-decoration: none; }
.mt-material-comparison-list img,
.mt-material-collection-list img { width: 4rem; height: 3rem; object-fit: cover; }
.mt-material-comparison-list strong,
.mt-material-comparison-list small,
.mt-material-collection-list strong,
.mt-material-collection-list small { display: block; }
.mt-material-comparison-list strong,
.mt-material-collection-list strong { font-size: .74rem; }
.mt-material-comparison-list small,
.mt-material-collection-list small { margin-top: .2rem; color: var(--mt-material-muted); font-size: .63rem; line-height: 1.35; }

.mt-material-taxonomy-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: .8rem; }
.mt-material-taxonomy-grid > article { min-width: 0; padding: 1.1rem; }
.mt-material-taxonomy-grid h2 { font-size: 1.35rem; }
.mt-material-taxonomy-grid nav { display: flex; flex-wrap: wrap; gap: .45rem; }
.mt-material-taxonomy-grid nav a { padding: .42rem .62rem; border: 1px solid var(--mt-material-line); font-size: .64rem; text-decoration: none; text-transform: uppercase; }
.mt-material-related-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(7rem, 1fr); gap: .6rem; overflow-x: auto; scroll-snap-type: x proximity; }
.mt-material-related-rail a { min-width: 0; text-decoration: none; scroll-snap-align: start; }
.mt-material-related-rail img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mt-material-related-rail span { display: block; margin-top: .35rem; font-size: .68rem; text-align: center; }

.mt-material-faq { display: grid; grid-template-columns: minmax(15rem, .38fr) minmax(0, .62fr); gap: 1.5rem; padding: clamp(1.2rem, 2vw, 1.8rem); }
.mt-material-faq > div:last-child { border-top: 1px solid var(--mt-material-line); }
.mt-material-faq details { border-bottom: 1px solid var(--mt-material-line); }
.mt-material-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3rem; cursor: pointer; list-style: none; font-size: .82rem; }
.mt-material-faq summary::-webkit-details-marker { display: none; }
.mt-material-faq summary span:last-child { color: var(--mt-material-gold); font-size: 1.15rem; transition: transform .24s ease; }
.mt-material-faq details[open] summary span:last-child { transform: rotate(45deg); }
.mt-material-faq details > div { padding: 0 0 1rem; overflow: hidden; }
.mt-material-faq details p { margin: 0; font-size: .78rem; line-height: 1.65; }
.mt-material-faq details a { display: inline-flex; margin-top: .55rem; color: var(--mt-material-gold); font-size: .68rem; text-decoration: none; text-transform: uppercase; }

.mt-material-bespoke { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.5rem; align-items: center; margin-bottom: clamp(2.5rem, 5vw, 5rem); padding: clamp(1.4rem, 3vw, 2.4rem); background-image: linear-gradient(90deg, rgba(249,246,239,.97), rgba(249,246,239,.78)), var(--mt-material-bespoke-image, none); background-size: cover; }
.mt-material-bespoke h2 { margin-bottom: .65rem; }
.mt-material-bespoke p { max-width: 48rem; margin-bottom: 0; }
.mt-material-bespoke > div:last-child { justify-content: flex-end; }

.mt-material :focus-visible { outline: 2px solid var(--mt-material-gold); outline-offset: 3px; }

@media (max-width: 1320px) {
  .mt-material-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mt-material-editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .mt-material__container { width: min(calc(100% - 40px), var(--mt-material-container)); }
  .mt-material-hero { grid-template-columns: .9fr 1.1fr; }
  .mt-material-technical-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mt-material-pros-cons { grid-column: 1 / -1; }
  .mt-material-products__layout { grid-template-columns: 14rem minmax(0,1fr); }
}

@media (max-width: 900px) {
  .mt-material { --mt-material-sticky-top: 76px; }
  .mt-material-hero { grid-template-columns: 1fr; }
  .mt-material-hero__copy { padding: 2rem 0 1.5rem; }
  .mt-material-hero__media { aspect-ratio: 16 / 8.7; }
  .mt-material-facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mt-material-facts article:nth-child(2) { border-inline-end: 0; }
  .mt-material-facts article:nth-child(-n+2) { border-bottom: 1px solid var(--mt-material-line); }
  .mt-material-about,
  .mt-material-variation { grid-template-columns: 1fr; gap: 1.25rem; }
  .mt-material-profile { order: 2; }
  .mt-material-technical-grid { grid-template-columns: 1fr; }
  .mt-material-pros-cons { grid-column: auto; }
  .mt-material-filter-toggle { display: inline-flex; }
  .mt-material-products__layout { display: block; }
  .mt-material-filter {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(92vw, 24rem);
    max-height: none;
    transform: translateX(105%);
    transition: transform .25s ease;
    z-index: 1200;
    box-shadow: -1rem 0 3rem rgba(0,0,0,.18);
  }
  .mt-material-filter.is-open { transform: translateX(0); }
  .mt-material-filter form { min-height: 100%; padding: 1rem; }
  .mt-material-filter__header { position: sticky; top: 0; z-index: 2; background: var(--mt-material-panel-solid); }
  .mt-material-filter__header button { display: block; }
  .mt-material-filter__backdrop { position: fixed; inset: 0; z-index: 1190; display: block; background: rgba(23,20,16,.46); }
  .mt-material-products__toolbar { align-items: flex-start; }
  .mt-material-products__toolbar form { justify-content: flex-end; }
  .mt-material-taxonomy-grid,
  .mt-material-faq { grid-template-columns: 1fr; }
  .mt-material-bespoke { grid-template-columns: 1fr; }
  .mt-material-bespoke > div:last-child { justify-content: flex-start; }
}

@media (max-width: 680px) {
  .mt-material__container { width: min(calc(100% - 24px), var(--mt-material-container)); }
  .mt-material-breadcrumbs { overflow-x: auto; }
  .mt-material-breadcrumbs ol { flex-wrap: nowrap; width: max-content; }
  .mt-material-hero h1 { font-size: clamp(2rem, 11vw, 3rem); }
  .mt-material-hero__actions,
  .mt-material-bespoke > div:last-child { display: grid; grid-template-columns: 1fr; }
  .mt-material-button { width: 100%; }
  .mt-material-gallery__main { aspect-ratio: 4 / 3; }
  .mt-material-gallery__rail { grid-auto-columns: 38%; }
  .mt-material-products__heading { align-items: center; }
  .mt-material-products__toolbar { display: grid; gap: .55rem; }
  .mt-material-products__toolbar form { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .mt-material-products__toolbar label { display: grid; gap: .3rem; }
  .mt-material-products__toolbar select { width: 100%; }
  .mt-material-products__grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .55rem; }
  .mt-material-editorial-grid { grid-template-columns: 1fr; }
  .mt-material-taxonomy-grid > article,
  .mt-material-editorial-card,
  .mt-material-faq,
  .mt-material-bespoke { padding: 1rem; }
}

@media (max-width: 420px) {
  .mt-material__container { width: min(calc(100% - 20px), var(--mt-material-container)); }
  .mt-material-facts { grid-template-columns: 1fr; }
  .mt-material-facts article { border-inline-end: 0; border-bottom: 1px solid var(--mt-material-line); }
  .mt-material-facts article:last-child { border-bottom: 0; }
  .mt-material-finishes__list > section { grid-template-columns: 5.5rem minmax(0,1fr); }
  .mt-material-applications__table > div { grid-template-columns: 1.7rem minmax(0,1fr); }
  .mt-material-applications__table > div > span:last-child { grid-column: 2; }
  .mt-material-products__grid { grid-template-columns: 1fr; }
  .mt-material-products__heading { align-items: flex-end; }
  .mt-material-products__heading h2 { font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  .mt-material *,
  .mt-material *::before,
  .mt-material *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}