@media (max-width: 900px){
  .about-page .about-flow-section{margin-top: 0 !important;
    padding-top: clamp(54px,7vw,72px) !important;
    border-radius: 0 !important;
    box-shadow: none !important;}
  .about-page .about-flow-section::before{width: min(520px,72vw) !important;
    opacity: .30 !important;}
  .about-page .about-flow-section::after{display:none !important;}
}
@media (prefers-reduced-motion: reduce){
  .about-page .about-flow-section, .about-page .about-flow-section *, .about-page .about-flow-section::before, .about-page .about-flow-section::after{transition: none !important;
    animation: none !important;}
}
@media (max-width:1024px){
  .about-page .logistics-copy{order:1;}
  .about-page .map-card{order:2;}
}
.about-page .about-flow-section::before, .about-page .about-flow-section::after{content: none !important;
  display: none !important;}
@media (min-width: 901px){
  .about-page{position: relative;
    overflow: visible !important;}
  .about-page .about-flow-section{position: sticky !important;
    top: var(--header-height) !important;
    margin-top: 0 !important;
    min-height: calc(100svh - var(--header-height));
    padding-top: clamp(66px,7vw,92px) !important;
    padding-bottom: clamp(66px,7vw,92px) !important;
    display: flex;
    align-items: center;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 32px 32px 0 0 !important;
    box-shadow: 0 -18px 48px rgba(1,2,20,.055) !important;
    transform: none !important;
    opacity: 1 !important;
    isolation: isolate !important;}
  .about-page .about-flow-section > .shell{width: min(1280px, calc(100% - 40px));}
  .about-page .about-flow-section + .about-flow-section{margin-top: -20px !important;}
  .about-page > .about-flow-section:nth-of-type(2){z-index: 21 !important;}
  .about-page > .about-flow-section:nth-of-type(3){z-index: 22 !important;}
  .about-page > .about-flow-section:nth-of-type(4){z-index: 23 !important;}
  .about-page > .about-flow-section:nth-of-type(5){z-index: 24 !important;}
  .about-page > .about-flow-section:nth-of-type(6){z-index: 25 !important;}
  .about-page .about-flow-section.white{background: #fff !important;}
  .about-page .about-flow-section.pearl{background: var(--pearl) !important;}
  .about-page .about-flow-section.reveal-pending, .about-page .about-flow-section.reveal-pending.is-visible{opacity: 1 !important;
    transform: none !important;}
  .about-page .about-flow-section{transition: box-shadow .32s ease !important;}
}
@media (max-width: 900px){
  .about-page .about-flow-section{position: relative !important;
    top: auto !important;
    min-height: 0 !important;
    display: block !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;}
  .about-page .about-flow-section + .about-flow-section{margin-top: 0 !important;}
}
@media (prefers-reduced-motion: reduce){
  .about-page .about-flow-section{transition: none !important;}
}
@media (min-width: 901px){
  .about-page .about-flow-section{top: var(--header-height) !important;
    min-height: calc(100svh - var(--header-height)) !important;
    height: auto !important;
    padding-top: clamp(44px, 5.2vh, 68px) !important;
    padding-bottom: clamp(44px, 5.2vh, 68px) !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    margin-top: 0 !important;}
  .about-page .about-flow-section + .about-sticky-hold, .about-page .about-sticky-hold + .about-flow-section{margin-top: 0 !important;}
  .about-page .about-sticky-hold{position: relative;
    z-index: 1;
    width: 100%;
    height: clamp(230px, 34svh, 360px);
    pointer-events: none;
    background: transparent;}
  .about-page .about-sticky-hold--long{height: clamp(280px, 42svh, 440px);}
  .about-page .about-sticky-hold--short{height: clamp(180px, 27svh, 300px);}
  .about-page .logistics-layout{align-items: center !important;}
  .about-page .map-card img{width: 100% !important;
    height: clamp(285px, 41svh, 395px) !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;}
  .about-page .map-meta{padding-top: 14px !important;
    padding-bottom: 14px !important;}
  .about-page .about-flow-section .about-section-head{margin-bottom: clamp(26px, 3.2vh, 36px) !important;}
  .about-page > .about-flow-section:nth-of-type(2){z-index: 21 !important;}
  .about-page > .about-flow-section:nth-of-type(3){z-index: 22 !important;}
  .about-page > .about-flow-section:nth-of-type(4){z-index: 23 !important;}
  .about-page > .about-flow-section:nth-of-type(5){z-index: 24 !important;}
  .about-page > .about-flow-section:nth-of-type(6){z-index: 25 !important;}
  @media (max-height: 780px){
    .about-page .about-flow-section{padding-top: 34px !important;
      padding-bottom: 34px !important;}
    .about-page .about-flow-section .about-section-head{margin-bottom: 22px !important;}
    .about-page .about-section-head h2{font-size: clamp(32px, 3.5vw, 46px) !important;}
    .about-page .map-card img{height: clamp(250px, 37svh, 320px) !important;}
    .about-page .company-card{min-height: 250px !important;
      padding: 26px !important;}
    .about-page .company-icon{width: 58px !important;
      height: 58px !important;
      margin-bottom: 18px !important;}
    .about-page .team-card{padding-top: 24px !important; padding-bottom: 24px !important;}
    .about-page .vision-card{min-height: 180px !important; padding: 24px !important;}
  }
}
@media (max-width: 900px){
  .about-page .about-sticky-hold{display: none !important;}
  .about-page .map-card img{height: auto !important; aspect-ratio: 1.18 / 1 !important;}
}
@media (prefers-reduced-motion: reduce){
  .about-page .about-sticky-hold{display: none !important;}
}
.about-page .about-title-gradient, .about-page .about-section-head h2, .about-page .partner-card h2{color: transparent !important;
  background-image: var(--gradient-brand) !important;
  background-repeat: no-repeat !important;
  background-size: 235% 100% !important;
  background-position: 0% 50%;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: lmdAboutTitleGradient 2.65s cubic-bezier(.45,0,.55,1) infinite alternate !important;
  will-change: background-position;}
@keyframes lmdAboutTitleGradient{from { background-position: 0% 50%; }
  to   { background-position: 100% 50%; }}
.about-page .about-section-head h2, .about-page .partner-card h2{width: fit-content;
  max-width: 100%;}
.about-page .about-section-head.center h2, .about-page .partner-card h2{margin-left: auto !important;
  margin-right: auto !important;}
.about-page .map-card{position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 34px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform-style: preserve-3d !important;
  transform-origin: 52% 52% !important;
  transition:
    transform .52s cubic-bezier(.22,1,.36,1),
    filter .36s ease !important;
  will-change: transform;}
.about-page .map-card::before{content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 13px -14px -15px 15px !important;
  z-index: -1 !important;
  border-radius: 34px !important;
  background:
    linear-gradient(135deg,
      rgba(252,165,165,.26) 0%,
      rgba(192,132,252,.19) 49%,
      rgba(153,246,228,.24) 100%) !important;
  box-shadow: 0 25px 55px rgba(1,2,20,.12) !important;
  opacity: .62 !important;
  transform: translateZ(-1px) !important;
  transition:
    inset .52s cubic-bezier(.22,1,.36,1),
    opacity .35s ease,
    box-shadow .35s ease !important;
  pointer-events: none !important;}
.about-page .map-card::after{content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: 32px !important;
  background:
    linear-gradient(118deg,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.07) 27%,
      transparent 44%,
      rgba(255,255,255,.08) 72%,
      transparent 100%) !important;
  opacity: .55 !important;
  transition: opacity .35s ease !important;
  pointer-events: none !important;}
.about-page .map-card img{position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 32px !important;
  box-shadow:
    0 20px 45px rgba(1,2,20,.11),
    0 2px 8px rgba(1,2,20,.045) !important;
  transition:
    box-shadow .42s ease,
    filter .42s ease !important;}
@media (min-width: 901px){
  .about-page .about-flow-section.reveal-pending .map-card.about-reveal-item{opacity: 0 !important;
    transform: perspective(1350px) translate3d(34px,10px,0) rotateY(5deg) rotateX(1.6deg) !important;}
  .about-page .about-flow-section.is-visible .map-card.about-reveal-item{opacity: 1 !important;
    transform: perspective(1350px) translate3d(0,0,0) rotateY(5deg) rotateX(1.6deg) !important;}
}
@media (hover:hover) and (pointer:fine){
  .about-page .about-flow-section.is-visible .map-card.about-reveal-item:hover, .about-page .map-card:hover{transform: perspective(1350px) translate3d(0,-8px,24px) rotateY(0deg) rotateX(0deg) scale(1.012) !important;
    filter: saturate(1.035) !important;}
  .about-page .map-card:hover::before{inset: 18px -18px -20px 18px !important;
    opacity: .78 !important;
    box-shadow: 0 31px 68px rgba(1,2,20,.15) !important;}
  .about-page .map-card:hover::after{opacity: .78 !important;}
  .about-page .map-card:hover img{box-shadow:
      0 28px 58px rgba(1,2,20,.14),
      0 4px 12px rgba(1,2,20,.055) !important;}
}
@media (max-width: 900px){
  .about-page .map-card, .about-page .map-card:hover{transform: none !important;
    filter: none !important;}
  .about-page .map-card::before{inset: 9px -8px -10px 9px !important;
    border-radius: 26px !important;}
  .about-page .map-card::after, .about-page .map-card img{border-radius: 24px !important;}
}
@media (prefers-reduced-motion: reduce){
  .about-page .about-title-gradient, .about-page .about-section-head h2, .about-page .partner-card h2{animation: none !important;
    background-position: 50% 50% !important;}
  .about-page .map-card, .about-page .about-flow-section.is-visible .map-card.about-reveal-item, .about-page .about-flow-section.reveal-pending .map-card.about-reveal-item{transform: none !important;
    transition: none !important;}
}
.about-page .map-card{width: min(100%, 560px) !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: center !important;}
.about-page .map-card img{width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;}
@media (min-width: 1025px){
  .about-page .logistics-layout{grid-template-columns: minmax(500px, 1fr) minmax(420px, .88fr) !important;
    gap: clamp(46px, 5vw, 72px) !important;}
}
@media (max-width: 1024px){
  .about-page .map-card{width: min(100%, 520px) !important;}
}
@media (max-width: 640px){
  .about-page .map-card{width: min(100%, 460px) !important;}
}
.about-page .team-grid{position: relative !important;
  isolation: isolate !important;
  width: min(1040px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;}
.about-page .team-grid::before{content: "";
  position: absolute;
  inset: 12% 8%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 22%, rgba(252,165,165,.16), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(153,246,228,.14), transparent 27%),
    radial-gradient(circle at 54% 90%, rgba(192,132,252,.13), transparent 29%);
  filter: blur(18px);}
.about-page .team-card{--team-accent: #d66d77;
  --team-soft: rgba(252,165,165,.14);
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 190px !important;
  padding: 24px 26px !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  text-align: left !important;
  border: 1px solid rgba(1,2,20,.07) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 14px 38px rgba(1,2,20,.055) !important;
  transition:
    transform .34s cubic-bezier(.22,1,.36,1),
    box-shadow .34s ease,
    border-color .28s ease !important;}
