/* The mobile master keeps the photographs beside their corresponding sections. */
.mobile-site .about-page { background: #36000f; }
.mobile-site .petal-divider { display: none; }
.mobile-site .about-hero { grid-template-columns: 46% 54%; }
.mobile-site .about-hero img {
  height: auto;
  align-self: center;
  object-position: left center;
  mask-image: linear-gradient(90deg, #000 88%, transparent);
}
.mobile-site .about-hero > div { padding: .5em 3% .65em 0; }
.mobile-site .about-hero h1 { font-size: clamp(1.55rem, 6.7vw, 5.4rem); }
.mobile-site .about-hero .about-brand { color: #ffe18a; font-size: clamp(.78rem, 3.15vw, 2.5rem); }
.mobile-site .about-claim {
  font-size: clamp(.68rem, 2.5vw, 1.95rem);
  clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
}
.mobile-site .about-panel {
  padding: 2.8% 5.2% 2%;
  border-radius: 24% 24% 0 0 / 10% 10% 0 0;
  background: radial-gradient(ellipse at 50% 12%, #2e030b 35%, transparent 94%),
    radial-gradient(ellipse at 50% 190%, #38050a 68%, #d8145a 99%);
  box-shadow: inset 0 2px #ff6d98, inset 0 -2px #fc5880, inset 0 .48rem .95rem #fa12647a;
}
.mobile-site .about-panel h2 { margin-bottom: .55em; font-size: clamp(1.1rem, 3.5vw, 3.1rem); }
.mobile-site .about-panel h2 span { display: inline-block; padding: .02em .6em; color: #370700; background: linear-gradient(#fff1bb,#eeba60); clip-path: polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%); }
.mobile-site .about-introduction > div { grid-template-columns: 1fr 1fr; align-items: center; gap: 4%; }
.mobile-site .about-introduction p { font-size: clamp(.75rem, 2.37vw, 1.9rem); line-height: 1.45; }
.mobile-site .about-team > div { grid-template-columns: .8fr 1.1fr; gap: 3%; }
.mobile-site .about-team .about-four { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .3rem; }
.mobile-site .about-four .about-icon { width: clamp(24px,5.6vw,74px); height: clamp(22px,5vw,68px); }
.mobile-site .about-four h3 { font-size: clamp(.75rem,2.42vw,2rem); }
.mobile-site .about-four p { font-size: clamp(.7rem,2.15vw,1.7rem); }
.mobile-site .about-certification > div { grid-template-columns: 26% 47% 22%; gap: 2.5%; }
.mobile-site .about-credentials { font-size: clamp(.65rem,2.12vw,1.75rem); }
.mobile-site .about-credentials li { border: 0; padding: 0; background: transparent; }
.mobile-site .about-trophy strong { font-size: clamp(.65rem,2.35vw,1.75rem); }
.mobile-site .about-field figcaption { font-size: clamp(.55rem,2.65vw,2.2rem); top: 64%; }
.mobile-site .about-advantages .about-four { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2%; }
.mobile-site .about-guarantees { padding: 3.3% 4% 2.2%; }
.mobile-site .about-guarantees h2 { font-size: clamp(1.15rem,3.75vw,3.2rem); }
.mobile-site .about-subheading { font-size: clamp(.81rem,2.43vw,2rem); padding-bottom: .7em; }
.mobile-site .about-guarantee-grid > div { padding: clamp(.55rem, 1.35vw, 1.4rem); }
.mobile-site .about-guarantee-grid h3 { font-size: clamp(.85rem, 2.5vw, 1.85rem); }
.mobile-site .about-guarantee-grid h3 span { margin-right: .35em; }
.mobile-site .about-guarantee-grid h4 { margin-bottom: .55em; }
.mobile-site .about-guarantee-grid p { font-size: clamp(.72rem, 2.12vw, 1.65rem); }
@media (min-width: 600px) {
  .mobile-site .about-guarantee-grid { grid-template-columns: 1.45fr 1fr 1fr; }
  .mobile-site .about-video { grid-column: auto; grid-row: span 2; }
}
@media (max-width: 355px) {
  .mobile-site .about-team > div { grid-template-columns: 1fr; }
  .mobile-site .about-team img { max-width: 11rem; }
  .mobile-site .about-certification > div { grid-template-columns: 36% 60%; }
  .mobile-site .about-trophy {
    grid-column: 1 / -1; display: grid; grid-template-columns: 3rem 1fr;
    align-items: center; gap: .4rem; max-width: none;
  }
}