.xyl-page--r-mat {
  --rmat-content-width: min(var(--xyl-container), calc(100% - 110px));
  --rmat-ink: #101310;
  --rmat-muted: #777;
  --rmat-lime: #b8ff0c;
  --rmat-deep: #02241a;
  color: var(--rmat-ink);
}
.xyl-page--r-mat .rmat-container {
  width: var(--rmat-content-width);
  margin-inline: auto;
}
.xyl-page--r-mat .rmat-hero {
  position: relative;
  isolation: isolate;
  min-height: 670px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  color: #fff;
  background: #061c15;
}
.xyl-page--r-mat .rmat-hero__media,
.xyl-page--r-mat .rmat-sustainability__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}
.xyl-page--r-mat .rmat-hero__media img,
.xyl-page--r-mat .rmat-sustainability__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
.xyl-page--r-mat .rmat-hero__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(2, 20, 14, .78) 0%, rgba(2, 20, 14, .42) 42%, rgba(2, 20, 14, .04) 100%), linear-gradient(0deg, rgba(2, 20, 14, .16), transparent 48%);
  mix-blend-mode: multiply;
}
.xyl-page--r-mat .rmat-hero__inner {
  width: min(1320px, calc(100% - 80px));
  min-height: inherit;
  margin-inline: auto;
  padding-block: 92px 65px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}.xyl-page--r-mat .rmat-hero .eyebrow {
    letter-spacing: .06em;
    margin: 0 0 var(--hero-eyebrow-gap);
    line-height: var(--leading-body);
    font-size: var(--type-lead);
}.xyl-page--r-mat .rmat-hero h1 {
    display: flex;
    flex-direction: column;
    max-width: 760px;
    font-size: var(--type-display);
    font-weight: 700;
    letter-spacing: -.055em;
    text-wrap: balance;
    margin: 0 0 var(--hero-title-gap);
    line-height: var(--leading-display);
}
.xyl-page--r-mat .rmat-hero h1 .is-accent { color: var(--rmat-lime); }.xyl-page--r-mat .rmat-hero__intro {
    max-width: 500px;
    margin: 0 0 var(--hero-intro-gap);
    line-height: var(--leading-body);
    white-space: normal;
    font-size: var(--type-lead);
}.xyl-page--r-mat .rmat-hero__button {
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 999px;
    color: #fff;
    background: rgba(0,0,0,.2);
    position: relative;
    margin: 0;
    height: 46px;
    min-height: 46px;
    padding: 9px 25px;
    gap: 12px;
    line-height: var(--leading-body);
    font-size: var(--type-lead);
}
.xyl-page--r-mat .rmat-benefits {
  min-height: 140px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #f8f8f8;
}
.xyl-page--r-mat .rmat-benefit {
  min-width: 0;
  min-height: 140px;
  padding: 18px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-right: 1px solid #dedede;
  color: #363b37;
  font-size: var(--type-label);
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.xyl-page--r-mat .rmat-benefit:last-child { border-right: 0; }
.xyl-page--r-mat .rmat-benefit__icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
}
.xyl-page--r-mat .rmat-benefit__icon img { width: 100%; height: 100%; object-fit: contain; }
.xyl-page--r-mat .rmat-technology { padding-top: 27px; }
.xyl-page--r-mat .rmat-section-title {
  margin: 0;
  font-size: var(--type-highlight);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.xyl-page--r-mat .rmat-technology > .rmat-container > .rmat-section-title { margin-bottom: 32px; }
.xyl-page--r-mat .rmat-tabs {
  min-height: 55px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #f1f1f1;
}
.xyl-page--r-mat .rmat-tabs__tab {
  position: relative;
  min-width: 0;
  min-height: 55px;
  padding: 12px 16px;
  border: 0;
  background: transparent;
  color: #5d625e;
  font-size: var(--type-label);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease;
}
.xyl-page--r-mat .rmat-tabs__tab.is-active { background: #ccff50; color: #142018; }
.xyl-page--r-mat .rmat-tabs__tab:focus-visible { outline: 2px solid var(--xyl-green); outline-offset: -4px; }
.xyl-page--r-mat .rmat-tab-panel {
  width: min(1320px, calc(100% - 80px));
  min-height: 300px;
  margin: 70px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 555fr) minmax(0, 615fr);
  justify-content: space-between;
  align-items: center;
  gap: clamp(56px, 9vw, 135px);
}
.xyl-page--r-mat .rmat-tab-panel__copy { max-width: 555px; }
.xyl-page--r-mat .rmat-tab-panel__heading-wrap,
.xyl-page--r-mat .rmat-sustainability__heading-wrap { max-width: 100%; }
.xyl-page--r-mat .rmat-tab-panel__heading {
  display: flex;
  flex-direction: column;
  margin: 0 0 22px;
  font-size: var(--type-statement);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.045em;
}
.xyl-page--r-mat .rmat-tab-panel__description {
  max-width: 520px;
  margin: 0 0 24px;
  color: var(--rmat-muted);
  font-size: var(--type-lead);
  line-height: 1.25;
}
.xyl-page--r-mat .rmat-tab-panel__button {
  min-height: 45px;
  padding: 9px 25px;
  border: 1px solid #102b22;
  border-radius: 999px;
  color: #102b22;
  background: transparent;
}
.xyl-page--r-mat .rmat-tab-panel__media {
  width: 100%;
  aspect-ratio: 615 / 300;
  overflow: hidden;
  background: #e8e8e6;
}
.xyl-page--r-mat .rmat-tab-panel__image { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.xyl-page--r-mat .rmat-tab-panel.is-switching .rmat-tab-panel__copy,
.xyl-page--r-mat .rmat-tab-panel.is-switching .rmat-tab-panel__media { opacity: .25; transform: translateY(6px); }
.xyl-page--r-mat .rmat-tab-panel__copy,
.xyl-page--r-mat .rmat-tab-panel__media { transition: opacity .28s ease, transform .28s ease; }
.xyl-page--r-mat .rmat-performance { padding-top: 52px; }
.xyl-page--r-mat .rmat-performance > .rmat-section-title { margin-bottom: 24px; }
.xyl-page--r-mat .rmat-advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.xyl-page--r-mat .rmat-advantage {
  min-width: 0;
  min-height: 146px;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  background: var(--rmat-deep);
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: background-color .22s ease, color .22s ease, transform .22s ease;
}
.xyl-page--r-mat .rmat-advantage:hover { transform: translateY(-2px); }
.xyl-page--r-mat .rmat-advantage.is-active { background: rgba(184,255,12,.72); color: #101310; }
.xyl-page--r-mat .rmat-advantage:focus-visible { outline: 2px solid #101310; outline-offset: 3px; }
.xyl-page--r-mat .rmat-advantage__number { font-size: var(--type-feature); font-weight: 700; line-height: 1; }
.xyl-page--r-mat .rmat-advantage strong { font-size: var(--type-label); line-height: 1.2; }
.xyl-page--r-mat .rmat-advantage > span:last-child { font-size: var(--type-body); line-height: 1.2; color: inherit; opacity: .76; }
.xyl-page--r-mat .rmat-performance__detail {
  min-height: 44px;
  margin: 14px 0 0;
  padding: 11px 20px;
  background: #eee;
  color: #696969;
  font-size: var(--type-body);
  line-height: 1.35;
}
.xyl-page--r-mat .rmat-applications { padding-top: 52px; }
.xyl-page--r-mat .rmat-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.xyl-page--r-mat .rmat-view-link { flex: none; font-size: var(--type-label); text-decoration: none; }
.xyl-page--r-mat .rmat-view-link span { margin-left: 10px; }
.xyl-page--r-mat .rmat-application-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.xyl-page--r-mat .rmat-application { min-width: 0; }
.xyl-page--r-mat .rmat-application__media {
  width: 100%;
  height: 204px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #e9e9e9;
}
.xyl-page--r-mat .rmat-application__media img { width: 84%; height: auto; max-width: none; max-height: none; object-fit: contain; object-position: center; }
.xyl-page--r-mat .rmat-application__media--portrait img { width: 98%; }
.xyl-page--r-mat .rmat-application h3,
.xyl-page--r-mat .rmat-product h3 { margin: 8px 0 0; font-size: var(--type-body); font-weight: 500; line-height: 1.2; }
.xyl-page--r-mat .rmat-sustainability {
  position: relative;
  isolation: isolate;
  min-height: 500px;
  margin-top: 60px;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #fff;
  background: #10291f;
}
.xyl-page--r-mat .rmat-sustainability__media img { object-position: center 52%; }
.xyl-page--r-mat .rmat-sustainability__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(2,20,14,.78) 0%, rgba(2,20,14,.56) 46%, rgba(2,20,14,.22) 100%), linear-gradient(0deg, rgba(2,20,14,.28), transparent 65%);
  mix-blend-mode: multiply;
}
.xyl-page--r-mat .rmat-sustainability__content {
  width: min(1320px, calc(100% - 80px));
  margin-inline: auto;
  padding-block: 52px;
}
.xyl-page--r-mat .rmat-sustainability__content h2 {
  display: flex;
  flex-direction: column;
  max-width: 700px;
  margin: 0 0 14px;
  font-size: clamp(var(--type-statement), 3.2vw, 48px);
  font-weight: 700;
  line-height: 1.07;
  letter-spacing: -.045em;
}
.xyl-page--r-mat .rmat-sustainability__content p { max-width: 556px; margin: 0 0 5%; font-size: var(--type-body); line-height: 1.25; }
.xyl-page--r-mat .rmat-sustainability__content .button {
  min-height: 45px;
  padding: 9px 25px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 999px;
  color: #fff;
  background: rgba(0,0,0,.18);
}
.xyl-page--r-mat .rmat-products { padding-top: 56px; padding-bottom: 108px; }
.xyl-page--r-mat .rmat-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.xyl-page--r-mat .rmat-product { min-width: 0; }
.xyl-page--r-mat .rmat-product__media {
  width: 100%;
  height: auto;
  aspect-ratio: 408.33 / 262.5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #e9e9e9;
}
.xyl-page--r-mat .rmat-product:first-child .rmat-product__media { background: #21452b; }
.xyl-page--r-mat .rmat-product__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.xyl-page--r-mat .rmat-product:not(:first-child) .rmat-product__media img { object-fit: contain; }
@media (min-width: 2100px) {
  .xyl-page--r-mat { --rmat-content-width: min(var(--xyl-container), calc(100% - 160px)); }
}
@media (max-width: 1050px) {
  .xyl-page--r-mat .rmat-hero { min-height: 620px; }
  .xyl-page--r-mat .rmat-tab-panel { width: var(--rmat-content-width); grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: 40px; }
  .xyl-page--r-mat .rmat-tab-panel__heading { font-size: clamp(32px, 4vw, var(--type-statement)); }
  .xyl-page--r-mat .rmat-benefit { padding-inline: 8px; }
}
@media (max-width: 760px) {
  .xyl-page--r-mat { --rmat-content-width: calc(100% - 44px); }
  .xyl-page--r-mat .rmat-hero { min-height: min(700px, calc(100svh - 70px)); }
  .xyl-page--r-mat .rmat-hero__media img { object-position: 58% center; }
  .xyl-page--r-mat .rmat-hero__shade { background: linear-gradient(0deg, rgba(2,20,14,.86) 0%, rgba(2,20,14,.5) 46%, rgba(2,20,14,.12) 100%); }
  .xyl-page--r-mat .rmat-hero__inner { width: var(--rmat-content-width); justify-content: flex-end; padding-block: 70px 48px; }.xyl-page--r-mat .rmat-hero .eyebrow {
    margin: 0 0 var(--hero-eyebrow-gap);
    line-height: var(--leading-body);
    font-size: var(--type-lead);
}.xyl-page--r-mat .rmat-hero h1 {
    font-size: clamp(44px, 12vw, 64px);
    margin: 0 0 var(--hero-title-gap);
    line-height: var(--leading-display);
}.xyl-page--r-mat .rmat-hero__intro {
    max-width: 460px;
    margin: 0 0 var(--hero-intro-gap);
    line-height: var(--leading-body);
    white-space: normal;
    font-size: var(--type-lead);
}
  .xyl-page--r-mat .rmat-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xyl-page--r-mat .rmat-benefit { min-height: 112px; border-bottom: 1px solid #dedede; }
  .xyl-page--r-mat .rmat-benefit:nth-child(2) { border-right: 0; }
  .xyl-page--r-mat .rmat-benefit:nth-child(n+3) { border-bottom: 0; }
  .xyl-page--r-mat .rmat-technology { padding-top: 36px; }
  .xyl-page--r-mat .rmat-section-title { font-size: var(--type-component); }
  .xyl-page--r-mat .rmat-technology > .rmat-container > .rmat-section-title { margin-bottom: 20px; }
  .xyl-page--r-mat .rmat-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xyl-page--r-mat .rmat-tabs__tab { min-height: 50px; padding-inline: 8px; font-size: 12px; }
  .xyl-page--r-mat .rmat-tab-panel { min-height: 0; margin-top: 38px; display: flex; flex-direction: column; align-items: stretch; gap: 28px; }
  .xyl-page--r-mat .rmat-tab-panel__heading { font-size: clamp(30px, 8vw, 40px); }
  .xyl-page--r-mat .rmat-tab-panel__description { font-size: var(--type-body); }
  .xyl-page--r-mat .rmat-tab-panel__media { aspect-ratio: 1.2; }
  .xyl-page--r-mat .rmat-performance,
  .xyl-page--r-mat .rmat-applications { padding-top: 58px; }
  .xyl-page--r-mat .rmat-advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .xyl-page--r-mat .rmat-advantage { min-height: 154px; padding: 14px 10px; gap: 9px; }
  .xyl-page--r-mat .rmat-advantage strong { font-size: 12px; }
  .xyl-page--r-mat .rmat-advantage > span:last-child { font-size: var(--type-label); }
  .xyl-page--r-mat .rmat-performance__detail { padding: 12px 14px; }
  .xyl-page--r-mat .rmat-section-heading { align-items: flex-start; }
  .xyl-page--r-mat .rmat-section-heading .rmat-section-title { max-width: 70%; }
  .xyl-page--r-mat .rmat-application-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px; }
  .xyl-page--r-mat .rmat-application__media { height: auto; aspect-ratio: 1.5; }
  .xyl-page--r-mat .rmat-application h3,
  .xyl-page--r-mat .rmat-product h3 { font-size: var(--type-label); }
  .xyl-page--r-mat .rmat-sustainability { min-height: 500px; margin-top: 58px; align-items: flex-end; }
  .xyl-page--r-mat .rmat-sustainability__media img { object-position: 58% center; }
  .xyl-page--r-mat .rmat-sustainability__shade { background: linear-gradient(0deg, rgba(2,20,14,.86) 0%, rgba(2,20,14,.5) 52%, rgba(2,20,14,.08) 100%); }
  .xyl-page--r-mat .rmat-sustainability__content { width: var(--rmat-content-width); padding-block: 48px; }
  .xyl-page--r-mat .rmat-sustainability__content h2 { font-size: clamp(34px, 9vw, 46px); }
  .xyl-page--r-mat .rmat-products { padding-top: 58px; padding-bottom: 76px; }
  .xyl-page--r-mat .rmat-product-grid { grid-template-columns: 1fr; gap: 22px; }
  .xyl-page--r-mat .rmat-product__media { aspect-ratio: 1.56; }
}
@media (prefers-reduced-motion: reduce) {
  .xyl-page--r-mat .rmat-tabs__tab,
  .xyl-page--r-mat .rmat-advantage,
  .xyl-page--r-mat .rmat-tab-panel__copy,
  .xyl-page--r-mat .rmat-tab-panel__media { transition: none; }
}