.cc_r7p66xuj_JPR16rN4EQ .material-story {
  position: relative;
  width: calc(100% - 24px);
  margin-inline: 12px;
  padding-block: clamp(110px, 12vw, 190px);
  overflow: hidden;
  border-radius: 14px 180px 14px 180px;
  background: var(--ms-bg, #1d1e1a);
  color: var(--ms-text, #f7f5f0);
}

.cc_r7p66xuj_JPR16rN4EQ .material-story::before {
  position: absolute;
  top: -13vw;
  right: -8vw;
  width: 38vw;
  height: 38vw;
  border: 1px solid color-mix(in srgb, var(--ms-accent, #ff7300) 30%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 6vw color-mix(in srgb, var(--ms-accent, #ff7300) 4%, transparent);
  content: "";
}

.cc_r7p66xuj_JPR16rN4EQ .material-story__layout {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  min-height: 790px;
}

.cc_r7p66xuj_JPR16rN4EQ .material-story__images { position: relative; grid-column: 1 / 9; grid-row: 1; min-height: 790px; }
.cc_r7p66xuj_JPR16rN4EQ .material-story__image-main { position: absolute; inset: 0 11% 5% 0; overflow: hidden; border-radius: 10px 10px 130px 10px; }
.cc_r7p66xuj_JPR16rN4EQ .material-story__images img, .cc_r7p66xuj_JPR16rN4EQ .material-story__images .qp-media-placeholder { width: 100%; height: 100%; object-fit: cover; }

.cc_r7p66xuj_JPR16rN4EQ .material-story__copy {
  position: relative;
  z-index: 3;
  grid-column: 7 / 13;
  grid-row: 1;
  padding: clamp(34px, 5vw, 74px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 72px 12px 72px 72px;
  background: color-mix(in srgb, var(--ms-bg, #1d1e1a) 89%, transparent);
  box-shadow: 0 35px 90px rgba(0, 0, 0, .22);
  backdrop-filter: blur(22px);
}

.cc_r7p66xuj_JPR16rN4EQ .material-story__copy .qp-eyebrow { margin-bottom: 26px; color: var(--ms-accent, #ff7300); text-transform: none; }
.cc_r7p66xuj_JPR16rN4EQ .material-story h2 { margin: 0; font: 400 clamp(64px, 6.7vw, 105px) / .96 var(--qp-serif); letter-spacing: -.05em; text-wrap: balance; }
.cc_r7p66xuj_JPR16rN4EQ .material-story__description { max-width: 500px; margin: 30px 0 43px; color: color-mix(in srgb, var(--ms-text, #f7f5f0) 76%, transparent); font: 400 clamp(15px, 1.1vw, 17px) / 1.72 var(--qp-sans); }
.cc_r7p66xuj_JPR16rN4EQ .material-story__facts { border-top: 1px solid rgba(255, 255, 255, .18); }
.cc_r7p66xuj_JPR16rN4EQ .material-story__fact { display: grid; grid-template-columns: 48px 1fr; gap: 17px; padding: 24px 0; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.cc_r7p66xuj_JPR16rN4EQ .material-story__fact > span { color: var(--ms-accent, #ff7300); font: 600 10px / 1.5 var(--qp-sans); letter-spacing: .08em; }
.cc_r7p66xuj_JPR16rN4EQ .material-story__fact h3 { margin: 0; font: 600 clamp(12px, .9vw, 14px) / 1.35 var(--qp-sans); letter-spacing: .1em; text-transform: uppercase; }
.cc_r7p66xuj_JPR16rN4EQ .material-story__fact p { max-width: 440px; margin: 10px 0 0; color: color-mix(in srgb, var(--ms-text, #f7f5f0) 74%, transparent); font: 400 clamp(14px, 1vw, 15px) / 1.68 var(--qp-sans); }
.cc_r7p66xuj_JPR16rN4EQ .material-story .qp-link { margin-top: 34px; }

@media (max-width: 1000px) {
  .cc_r7p66xuj_JPR16rN4EQ .material-story__images { grid-column: 1 / 10; }
  .cc_r7p66xuj_JPR16rN4EQ .material-story__copy { grid-column: 6 / 13; }
}

@media (max-width: 767px) {
  .cc_r7p66xuj_JPR16rN4EQ .material-story { width: calc(100% - 12px); margin-inline: 6px; padding-block: 74px; border-radius: 7px 62px 7px 62px; }
  .cc_r7p66xuj_JPR16rN4EQ .material-story__layout { display: flex; min-height: auto; flex-direction: column; }
  .cc_r7p66xuj_JPR16rN4EQ .material-story__images { width: 100%; min-height: min(124vw, 640px); }
  .cc_r7p66xuj_JPR16rN4EQ .material-story__image-main { inset: 0 7% 6% 0; border-radius: 7px 7px 60px 7px; }
  .cc_r7p66xuj_JPR16rN4EQ .material-story__copy { width: calc(100% - 12px); margin: -24px 6px 0; padding: 33px 22px; border-radius: 42px 8px 42px 42px; backdrop-filter: blur(16px); }
  .cc_r7p66xuj_JPR16rN4EQ .material-story h2 { font-size: clamp(59px, 16vw, 76px); }
}
