/* The approved About composition, for mobile only. Desktop styles stay in styles.css. */
.about-mobile-eyebrow,.about-mobile-orbit,.about-mobile-labels,.about-mobile-features{display:none}
@media(max-width:767px){
  .about-section{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:32px 0 24px;padding:22px 20px 27px;border-radius:24px;overflow:hidden;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 105% 15%,color-mix(in srgb,var(--purple) 7%,white),transparent 39%),linear-gradient(143deg,#fff 4%,color-mix(in srgb,var(--purple) 2%,white) 56%,#fff);color:var(--purple)}
  .about-section:before{content:"";position:absolute;z-index:-1;width:85%;aspect-ratio:1;right:-48%;top:-4%;border-radius:50%;background:color-mix(in srgb,var(--purple) 6%,white);box-shadow:-28px 0 0 25px color-mix(in srgb,var(--purple) 2.5%,white);pointer-events:none}
  .about-section:after{content:"";position:absolute;z-index:-1;width:145%;height:54%;left:-22%;bottom:-13%;border:42px solid color-mix(in srgb,var(--purple) 5%,white);border-radius:50%;transform:rotate(-34deg);pointer-events:none}
  .about-mobile-eyebrow{display:block;grid-row:1;justify-self:start;margin:0 0 14px;padding:5px 12px;border-radius:30px;background:color-mix(in srgb,var(--purple) 7%,white);color:var(--purple);font-size:9px;line-height:1.2;letter-spacing:1.1px;font-weight:500;text-transform:uppercase}
  .about-section .about-heading{grid-row:2;margin:0 0 22px;font-size:clamp(22px,5.75vw,34px);line-height:1.25;letter-spacing:-.55px;font-weight:500;color:var(--purple)}
  .about-section .about-heading>span{color:#7f2bad}
  .about-section .about-media{grid-row:3;position:relative;z-index:1;isolation:isolate;margin:0;min-height:0;aspect-ratio:1.065;border-radius:24px;overflow:visible}
  .about-section .about-media picture{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;background:var(--purple-soft)}
  .about-section .about-media img{object-fit:cover;object-position:25% 50%}
  .about-mobile-orbit{display:block;position:absolute;z-index:-1;inset:-6% -8% 7% 17%;border:1px solid color-mix(in srgb,var(--purple) 23%,transparent);border-radius:50%;transform:rotate(-18deg);pointer-events:none}
  .about-mobile-orbit:before{content:"";position:absolute;right:6%;top:20%;width:7px;height:7px;border-radius:50%;background:var(--purple);border:2px solid #f9f6fb;box-shadow:0 0 0 1px color-mix(in srgb,var(--purple) 18%,white)}
  .about-mobile-labels{display:contents}
  .about-mobile-label{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;width:clamp(105px,31vw,158px);padding:10px;border-radius:28px;background:rgb(255 255 255 / 96%);box-shadow:0 4px 20px #39144e0a;color:var(--purple);font-size:clamp(10px,2.65vw,14px);line-height:1.25;font-weight:400}
  .about-mobile-label-method{left:-10px;top:19%}
  .about-mobile-label.about-mobile-label-care{right:-10px;top:51%;width:clamp(116px,33vw,170px)}
  .about-mobile-label-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#fff;box-shadow:0 2px 8px #39144e12}
  .about-mobile-label-icon svg{display:block;width:22px;height:22px;stroke:var(--purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .about-mobile-features{grid-row:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:20px -6px 0;padding:0;color:var(--purple)}
  .about-mobile-features li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 5px;font-size:clamp(10px,2.9vw,14px);font-weight:400;line-height:1.28}
  .about-mobile-features li+li:before{content:"";position:absolute;left:0;top:22px;bottom:2px;width:1px;background:color-mix(in srgb,var(--purple) 13%,white)}
  .about-mobile-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--purple) 7%,white)}
  .about-mobile-feature-icon svg{display:block;width:27px;height:27px;stroke:var(--purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .about-section .about-note,.about-section .about-detail,.about-section .about-watermark{display:none}
}
@media(max-width:359px){.about-section{padding-inline:16px}.about-section .about-heading{font-size:21px;letter-spacing:-.5px}.about-mobile-label{gap:6px;padding:9px;width:105px}.about-mobile-label-icon{width:29px;height:29px}.about-mobile-label-icon svg{width:20px;height:20px}.about-mobile-features li{padding-inline:3px}}