.is-about #app{background:#fff;overflow:hidden}
.is-about .about-hero{position:relative;min-height:300px;color:#fff;background-image:linear-gradient(90deg,rgba(2,29,67,.96) 0%,rgba(2,38,80,.78) 43%,rgba(2,32,69,.2) 71%,rgba(1,20,45,.54) 100%),url('/assets/hero-warehouse.webp');background-position:center;background-size:cover}
.is-about .about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(7,117,239,.12),transparent 42%);pointer-events:none}
.is-about .about-hero-inner{position:relative;z-index:1;min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:30px;padding-bottom:30px}
.is-about .about-hero-copy{min-width:0;max-width:760px}
.is-about .about-crumb{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#d9e7f7;font-size:.78rem}
.is-about .about-crumb a:hover{text-decoration:underline}
.is-about .about-hero h1{margin:0 0 6px;font-size:clamp(2.5rem,4.2vw,4.2rem);line-height:.95;letter-spacing:-.04em}
.is-about .about-hero h2{margin:0 0 10px;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.16}
.is-about .about-hero-copy>p{max-width:670px;margin:0;color:#dce8f6;font-size:clamp(.96rem,1.2vw,1.12rem);line-height:1.5}
.is-about .about-hero-statement{flex:0 0 250px;margin:58px 0 0;padding-left:20px;border-left:4px solid #1687ff;color:#fff;font-size:clamp(1rem,1.5vw,1.35rem);font-weight:800;line-height:1.34;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.is-about .about-credibility{border-bottom:1px solid #e3eaf2;background:#fff;box-shadow:0 4px 14px rgba(3,31,72,.04)}
.is-about .about-credibility-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:104px}
.is-about .about-credibility article{min-width:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px;position:relative}
.is-about .about-credibility article+article:before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:#d9e3ee}
.is-about .about-credibility svg{width:42px;height:42px;flex:0 0 42px;fill:none;stroke:#073c79;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.is-about .about-credibility strong,.is-about .about-credibility span{display:block}
.is-about .about-credibility strong{margin-bottom:3px;color:#062d68;font-size:1.03rem;line-height:1.12}
.is-about .about-credibility span{max-width:220px;color:#5a6e86;font-size:.82rem;line-height:1.28}
.is-about .about-story{padding:46px 0;background:#fff}
.is-about .about-story-grid{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);align-items:stretch;gap:36px}
.is-about .about-story-copy{align-self:center;padding:8px 0}
.is-about .about-kicker{display:flex;align-items:center;gap:11px;margin-bottom:12px;color:#31587f;font-size:.73rem;font-weight:900;letter-spacing:.08em}
.is-about .about-kicker:before{content:"";width:27px;height:3px;border-radius:3px;background:#1281ef}
.is-about .about-story h2,.is-about .about-purpose h2,.is-about .about-segments h2{margin:0 0 16px;color:#062d68;font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.04;letter-spacing:-.035em}
.is-about h2 em{color:#087cf2;font-style:normal}
.is-about .about-story-copy p,.is-about .about-purpose-copy p,.is-about .about-segments-copy p{margin:0 0 12px;color:#536b85;font-size:1rem;line-height:1.56}
.is-about .about-story-image{position:relative;min-height:330px;margin:0;overflow:hidden;border-radius:10px;background:#dce5ef;box-shadow:0 10px 26px rgba(3,31,72,.1)}
.is-about .about-story-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.is-about .about-story-image figcaption{position:absolute;inset:0 0 0 auto;width:31%;display:flex;align-items:center;padding:28px;background:linear-gradient(160deg,rgba(3,42,83,.96),rgba(3,30,65,.91));color:#fff;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.45}
.is-about .about-story-image figcaption>span{display:block;min-width:0;max-width:100%;overflow-wrap:break-word}
.is-about .about-story-image figcaption:before{content:"";position:absolute;left:28px;top:28px;width:32px;height:3px;background:#1687ff}
.is-about .about-story-image figcaption strong{color:#65b5ff}
.is-about .about-purpose{padding:44px 0;background:#f4f7fa}
.is-about .about-purpose-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.9fr);align-items:center;gap:44px}
.is-about .about-purpose-copy p{max-width:470px}
.is-about .about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.is-about .about-values article{min-height:190px;padding:24px 18px;text-align:center;border:1px solid #e0e8f1;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(3,31,72,.045)}
.is-about .about-values svg{width:48px;height:48px;margin:0 auto 14px;fill:none;stroke:#073c79;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.is-about .about-values h3{margin:0 0 8px;color:#062d68;font-size:1rem}
.is-about .about-values p{margin:0;color:#586d84;font-size:.86rem;line-height:1.38}
.is-about .about-segments{padding:42px 0 48px;background:#fff}
.is-about .about-segments-grid{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.9fr);align-items:center;gap:34px}
.is-about .about-segments-copy p{margin-bottom:0}
.is-about .about-segment-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.is-about .about-segment-list figure{height:152px;margin:0;position:relative;overflow:hidden;border-radius:7px;background:#dce5ef}
.is-about .about-segment-list img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.is-about .about-segment-list figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 6px;background:rgba(3,35,76,.93);color:#fff;font-size:.72rem;font-weight:900;text-align:center;text-transform:uppercase}
.is-about .about-segment-list figure:hover img{transform:scale(1.025)}
@media(max-width:1120px){
  .is-about .about-credibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-about .about-credibility article:nth-child(3):before{display:none}
  .is-about .about-credibility article:nth-child(-n+2){border-bottom:1px solid #e2e9f1}
  .is-about .about-story-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:26px}
  .is-about .about-story-image figcaption{width:36%;padding:22px}
  .is-about .about-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-about .about-values article{min-height:160px}
  .is-about .about-segment-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .is-about .about-segment-list figure{height:135px}
}
@media(max-width:767px){
  .is-about .about-hero{min-height:390px;background-position:60% center}
  .is-about .about-hero-inner{min-height:390px;display:block;padding-top:28px;padding-bottom:28px}
  .is-about .about-hero-copy{max-width:none}
  .is-about .about-crumb{margin-bottom:18px}
  .is-about .about-hero h1{font-size:2.7rem}
  .is-about .about-hero h2{max-width:330px;font-size:1.35rem}
  .is-about .about-hero-copy>p{max-width:330px;font-size:.95rem}
  .is-about .about-hero-statement{position:absolute;right:14px;bottom:22px;width:200px;margin:0;padding-left:13px;font-size:.83rem;text-align:right;border-left:0;border-right:3px solid #1687ff}
  .is-about .about-credibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
  .is-about .about-credibility article{min-height:108px;justify-content:flex-start;gap:11px;padding:16px 10px}
  .is-about .about-credibility article+article:before{display:none}
  .is-about .about-credibility article:nth-child(odd){border-right:1px solid #e2e9f1}
  .is-about .about-credibility article:nth-child(-n+2){border-bottom:1px solid #e2e9f1}
  .is-about .about-credibility svg{width:32px;height:32px;flex-basis:32px}
  .is-about .about-credibility strong{font-size:.88rem}
  .is-about .about-credibility span{font-size:.72rem}
  .is-about .about-story{padding:34px 0}
  .is-about .about-story-grid,.is-about .about-purpose-grid,.is-about .about-segments-grid{grid-template-columns:1fr;gap:24px}
  .is-about .about-story h2,.is-about .about-purpose h2,.is-about .about-segments h2{font-size:2rem}
  .is-about .about-story-copy p,.is-about .about-purpose-copy p,.is-about .about-segments-copy p{font-size:.96rem}
  .is-about .about-story-image{min-height:310px}
  .is-about .about-story-image figcaption{inset:auto 0 0;width:100%;min-height:98px;padding:24px 20px 17px;font-size:.93rem;background:linear-gradient(180deg,rgba(3,35,76,.76),rgba(3,30,65,.97))}
  .is-about .about-story-image figcaption:before{left:20px;top:15px}
  .is-about .about-purpose{padding:34px 0}
  .is-about .about-purpose-grid{gap:20px}
  .is-about .about-values{gap:10px}
  .is-about .about-values article{min-height:176px;padding:20px 12px}
  .is-about .about-values svg{width:40px;height:40px}
  .is-about .about-values h3{font-size:.9rem}
  .is-about .about-values p{font-size:.78rem}
  .is-about .about-segments{padding:34px 0 38px}
  .is-about .about-segment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .is-about .about-segment-list figure{height:130px}
}
@media(max-width:360px){
  .is-about .about-hero-statement{width:172px;font-size:.75rem}
  .is-about .about-values{grid-template-columns:1fr}
  .is-about .about-values article{min-height:0}
}
@media(prefers-reduced-motion:reduce){.is-about .about-segment-list img{transition:none}}