/* Lot 7.5C About Us — derived from owner-approved V17 body only.
   Shared V65 Header/Footer remain owned by public-shell-v65.css. */
.about-page{
  --white:var(--pure-white);
  --pearl:var(--pearl-base);
  --ink:var(--deep-space);
  --grey:var(--muted-grey);
  --border:var(--light-border);
  --pink:var(--blossom-pink);
  --mint:var(--fresh-mint);
  --lavender:var(--soft-lavender);
  --pink-dark:#D66D77;
  --mint-dark:#3D9F8D;
  --lavender-dark:#9560C7;
  --gradient-brand:var(--gradient-hero);
  --shadow-sm:0 2px 16px rgba(1,2,20,.04);
  --shadow-hover:0 12px 34px rgba(1,2,20,.09);
  --shadow-hero:0 30px 90px rgba(1,2,20,.10);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:28px;
  --radius-pill:999px;
  --header-height:94px;
  position:relative;
  overflow:visible;
}
body.about-us-page .lmd-footer{position:relative;z-index:60;}
@media(max-width:1180px){.about-page{--header-height:86px;}}
@media(max-width:1024px){.about-page{--header-height:68px;}}
.about-page .shell{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.about-page{background:var(--pearl)}
.about-page .about-hero{position:relative;overflow:hidden;padding:76px 0 74px;background:radial-gradient(circle at 10% 12%,rgba(252,165,165,.18),transparent 29%),radial-gradient(circle at 91% 16%,rgba(192,132,252,.14),transparent 28%),radial-gradient(circle at 78% 88%,rgba(153,246,228,.15),transparent 28%),var(--pearl);border-bottom:1px solid rgba(1,2,20,.055)}
.about-page .about-hero-inner{max-width:1120px;text-align:center}
.about-page .about-hero h1{margin:0;font-size:clamp(58px,6.8vw,84px);line-height:1.01;letter-spacing:-.057em;font-weight:700}
.about-page .about-title-gradient{display:inline-block;padding:.02em .08em .12em 0;margin-bottom:-.08em;color:transparent;background:var(--gradient-brand);background-size:210% 100%;background-position:0 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:aboutGradient 4.2s ease-in-out infinite alternate}
@keyframes aboutGradient{to{background-position:100% 50%}}
.about-page .about-hero-lead{max-width:820px;margin:24px auto 0;color:#555c6e;font-size:clamp(18px,1.7vw,21px);line-height:1.62}
.about-page .about-video-shell{max-width:1040px;margin:48px auto 0;padding:9px;border:1px solid rgba(1,2,20,.075);border-radius:30px;background:#fff;box-shadow:var(--shadow-hero)}
.about-page .about-video-screen{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:22px;background:linear-gradient(135deg,#fff0f1,#f8f2ff 48%,#effcf9)}
.about-page .about-video-screen video{width:100%;height:100%;display:block;object-fit:cover}
.about-page .about-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(1,2,20,.08);border-radius:50%;background:rgba(255,255,255,.90);color:var(--ink);box-shadow:0 14px 34px rgba(1,2,20,.13);transition:.2s ease}
.about-page .about-video-play:hover{transform:translate(-50%,-52%) scale(1.04)}
.about-page .about-video-play.is-hidden{opacity:0;pointer-events:none}
.about-page .about-video-play svg{width:23px;height:23px;stroke-width:1.8}
.about-page .about-section{padding:clamp(66px,7vw,92px) 0}
.about-page .about-section.white{background:#fff}
.about-page .about-section.pearl{background:var(--pearl)}
.about-page .about-section+.about-section{border-top:1px solid var(--border)}
.about-page .about-section-head{max-width:780px;margin-bottom:38px}
.about-page .about-section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.about-page .about-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--pink-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.about-page .about-section-head h2{margin:10px 0 14px;font-size:clamp(36px,4.1vw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:700}
.about-page .about-section-head p{margin:0;color:var(--grey);font-size:17px;line-height:1.65}
.about-page .company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-page .company-card{--accent:var(--pink-dark);--soft:rgba(252,165,165,.14);min-height:285px;padding:30px;border:1px solid rgba(1,2,20,.065);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.about-page .company-card:nth-child(2){--accent:var(--mint-dark);--soft:rgba(153,246,228,.18)}
.about-page .company-card:nth-child(3){--accent:var(--lavender-dark);--soft:rgba(192,132,252,.14)}
.about-page .company-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}
.about-page .company-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:20px;background:var(--soft);color:var(--accent)}
.about-page .company-icon svg{width:29px;height:29px;stroke-width:1.75}
.about-page .company-card h3{margin:0 0 11px;font-size:21px;line-height:1.28;letter-spacing:-.02em}
.about-page .company-card p{margin:0;color:var(--grey);font-size:16px;line-height:1.68}
.about-page .logistics-layout{display:grid;grid-template-columns:minmax(520px,1.22fr) minmax(0,.78fr);gap:54px;align-items:center}
.about-page .logistics-copy .about-section-head{margin-bottom:26px}
.about-page .carrier-row{display:flex;flex-wrap:wrap;gap:12px}
.about-page .carrier-link{min-width:138px;height:76px;display:flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--border-strong);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.about-page .carrier-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#e2caef}
.about-page .carrier-link img{display:block;width:auto;height:42px;max-width:140px;object-fit:contain}
.about-page .carrier-link.ups img{height:52px;max-width:82px}
.about-page .carrier-link strong{font-size:16px}
.about-page .map-card{overflow:hidden;border:1px solid rgba(1,2,20,.07);border-radius:28px;background:#fff;box-shadow:0 18px 52px rgba(1,2,20,.07)}
.about-page .map-card img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover}
.about-page .map-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-top:1px solid var(--border)}
.about-page .map-meta strong{font-size:15px}
.about-page .map-meta span{color:var(--grey);font-size:13px}
.about-page .team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-page .team-card{padding:28px 22px;text-align:center;border:1px solid rgba(1,2,20,.065);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.about-page .team-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#f2cfd3}
.about-page .team-avatar{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-strong);background:linear-gradient(135deg,#fff7f7,#f8f2ff);font-size:20px;font-weight:800}
.about-page .team-card:nth-child(2) .team-avatar{background:linear-gradient(135deg,#f3fffb,#fff)}
.about-page .team-card:nth-child(3) .team-avatar{background:linear-gradient(135deg,#faf5ff,#fff)}
.about-page .team-card:nth-child(4) .team-avatar{background:linear-gradient(135deg,#fff7f7,#f3fffb)}
.about-page .team-card h3{margin:0;font-size:19px}
.about-page .team-role{margin:6px 0 0;color:var(--grey);font-size:13px}
.about-page .team-email{display:inline-block;margin-top:14px;color:var(--pink-dark);font-size:13px;font-weight:700;text-decoration:none}
.about-page .team-email:hover{text-decoration:underline;text-underline-offset:3px}
.about-page .vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-page .vision-card{position:relative;overflow:hidden;min-height:205px;padding:28px;border:1px solid rgba(1,2,20,.065);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.about-page .vision-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--pink)}
.about-page .vision-card:nth-child(2)::before{background:var(--mint)}
.about-page .vision-card:nth-child(3)::before{background:var(--lavender)}
.about-page .vision-card h3{margin:0 0 10px;font-size:20px}
.about-page .vision-card p{margin:0;color:var(--grey);font-size:16px;line-height:1.65}
.about-page .partner-card{max-width:900px;margin:0 auto;padding:48px 34px;text-align:center;border:1px solid rgba(1,2,20,.07);border-radius:28px;background:radial-gradient(circle at 8% 8%,rgba(252,165,165,.09),transparent 30%),radial-gradient(circle at 92% 92%,rgba(153,246,228,.10),transparent 30%),#fff;box-shadow:0 18px 52px rgba(1,2,20,.06)}
.about-page .partner-card h2{margin:0 0 13px;font-size:clamp(34px,4vw,48px);line-height:1.06;letter-spacing:-.04em}
.about-page .partner-card p{max-width:650px;margin:0 auto 26px;color:var(--grey);font-size:16px;line-height:1.65}
.about-page .partner-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.about-page .about-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}
.about-page .about-button.primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.about-page .about-button.primary:hover{background:#191A30;transform:translateY(-1px);box-shadow:0 10px 26px rgba(1,2,20,.15)}
.about-page .about-button.premium{position:relative;overflow:hidden;isolation:isolate;background:var(--pink);color:var(--ink);border:1px solid transparent}
.about-page .about-button.premium::before{content:"";position:absolute;inset:0;width:0;background:var(--gradient-brand);z-index:-1;transition:width .42s cubic-bezier(.22,1,.36,1)}
.about-page .about-button.premium:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px rgba(180,110,233,.20)}
.about-page .about-button.premium:hover::before{width:101%}
@media (max-width:1024px){
  .about-page .company-grid{grid-template-columns:1fr}
  .about-page .logistics-layout{grid-template-columns:1fr;gap:34px}
  .about-page .team-grid{grid-template-columns:repeat(2,1fr)}
  .about-page .vision-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .about-page .shell{width:calc(100% - 24px)}
  .about-page .about-hero{padding:50px 0 54px}
  .about-page .about-hero h1{font-size:clamp(46px,13vw,60px)}
  .about-page .about-hero-lead{font-size:16.5px}
  .about-page .about-video-shell{margin-top:34px;padding:5px;border-radius:22px}
  .about-page .about-video-screen{border-radius:17px}
  .about-page .about-section{padding:54px 0}
  .about-page .about-section-head{margin-bottom:28px}
  .about-page .about-section-head h2{font-size:34px}
  .about-page .about-section-head p{font-size:15px}
  .about-page .company-card{min-height:0;padding:24px}
  .about-page .company-icon{width:56px;height:56px;border-radius:18px}
  .about-page .company-card p{font-size:15px}
  .about-page .carrier-row{display:grid;grid-template-columns:1fr 1fr}
  .about-page .carrier-link{min-width:0;width:100%}
  .about-page .carrier-link:last-child{grid-column:1/-1}
  .about-page .map-meta{align-items:flex-start;flex-direction:column}
  .about-page .team-grid{grid-template-columns:1fr}
  .about-page .partner-card{padding:36px 20px}
  .about-page .partner-actions{display:grid}
  .about-page .about-button{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .about-page .about-title-gradient{animation:none!important}
}
.about-page .about-contact-button, .about-page .about-contact-button:hover, .about-page .about-contact-button:focus-visible{position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 999px !important;
  background: var(--ink) !important;
  background-image: none !important;
  color: #fff !important;}