.about-page{background:var(--surface)}
.about-hero{padding:68px 0 74px}
.about-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:10px 0 0}
.about-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-weight:900;color:#fff;margin-bottom:18px}
.about-hero h1{margin:0;color:#fff;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.06em;max-width:760px}
.about-hero p{margin:18px 0 0;color:#d3deeb;font-size:18px;max-width:700px}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-note{margin-top:17px;color:#aebdd0;font-size:12px;font-weight:700}
.hero-photo-card{overflow:hidden}
.hero-photo-card img{width:100%;height:500px;object-fit:cover}
.hero-photo-card .card-copy{padding:22px}
.hero-photo-card .card-copy small{display:block;color:var(--red-600);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero-photo-card .card-copy strong{display:block;margin-top:8px;color:var(--navy-950);font-size:26px;line-height:1.05}
.hero-photo-card .card-copy p{margin:10px 0 0;color:var(--muted)}
.about-section{padding:96px 0}
.about-intro-grid,.mission-grid,.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.about-copy p,.mission-copy p,.cta-copy p{color:var(--muted);font-size:17px;margin:18px 0 0}
.stats-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.stats-panel div{padding:28px;background:#fff}
.stats-panel strong{display:block;color:var(--navy-950);font-size:27px;line-height:1}
.stats-panel span{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.principle-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.principle-card i{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--blue-100);color:var(--navy-700);font-size:21px}
.principle-card h3{margin:18px 0 8px;color:var(--navy-950);font-size:22px;line-height:1.05}
.principle-card p{margin:0;color:var(--muted)}
.story-wrap{padding:36px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg)}
.story-steps{display:grid;gap:18px;margin-top:26px}
.story-step{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.story-step:last-child{padding-bottom:0;border-bottom:0}
.story-step b{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--navy-950);color:#fff;font-size:18px;box-shadow:0 0 0 8px #fff}
.story-step h3{margin:4px 0 7px;color:var(--navy-950);font-size:20px}
.story-step p{margin:0;color:var(--muted)}
.mission-visual{overflow:hidden}
.mission-visual img{width:100%;height:100%;min-height:420px;object-fit:cover}
.cta-band{padding:0 0 96px}
.cta-panel{overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--navy-950),var(--navy-800));color:#fff;box-shadow:var(--shadow-md)}
.cta-copy{padding:46px}
.cta-copy .section-title{color:#fff}
.cta-copy p{color:#d3deeb}
.cta-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12)}
.cta-points div{padding:28px;background:rgba(255,255,255,.04)}
.cta-points strong{display:block;font-size:15px}
.cta-points span{display:block;margin-top:6px;color:#c8d6e6;font-size:12px}
@media(max-width:980px){.about-hero-grid,.about-intro-grid,.mission-grid,.cta-grid{grid-template-columns:1fr}.principles-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.about-hero{padding:48px 0 58px}.about-section{padding:78px 0}.stats-panel,.cta-points{grid-template-columns:1fr}.principles-grid{grid-template-columns:1fr}.story-step{grid-template-columns:58px 1fr}.story-step b{width:48px;height:48px;box-shadow:none;font-size:16px}.cta-copy{padding:32px}}


.story-step{grid-template-columns:72px 1fr;gap:22px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}
.story-step p{margin:0;color:var(--muted);line-height:1.7}
.cta-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;background:transparent}
.cta-points div{padding:24px 26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px}
.cta-points strong{display:block;font-size:15px;margin-bottom:6px;line-height:1.35}
.cta-points span{display:block;margin-top:0;color:#d4dfeb;font-size:13px;line-height:1.7}
.hero-photo-card .card-copy p,.about-copy p,.principle-card p,.section-lead{line-height:1.75}



/* final information-box alignment */
.cta-grid{align-items:stretch}
.cta-points{padding:26px}
.cta-points div{display:flex;flex-direction:column;justify-content:flex-start;min-height:132px}
.cta-points strong{font-size:16px}
.cta-points span{max-width:34ch}
@media(max-width:640px){.cta-points{padding:18px}.cta-points div{min-height:0}}


/* COVERINSTANTLY — MOBILE AND BRAND FINISHING LAYER */
.hero-photo-card,.mission-visual{position:relative;isolation:isolate}
.hero-photo-card::after,.mission-visual::after{content:"coverinstantly";position:absolute;z-index:3;top:16px;right:16px;padding:8px 11px;border-radius:999px;background:rgba(6,20,38,.86);color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 24px rgba(6,20,38,.22)}
/* Crop the old embedded footer strip without changing the existing image path. */
.hero-photo-card>img{height:560px;margin-bottom:-60px;object-position:center top}
.mission-visual{height:440px}
.mission-visual>img{height:500px;min-height:0;margin-bottom:-60px;object-position:center top}
@media(max-width:980px){
  .about-hero-grid,.about-intro-grid,.mission-grid,.cta-grid{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
  .hero-photo-card{max-width:720px;width:100%}
  .principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .about-hero{padding:38px 0 48px!important}
  .about-hero-grid{gap:23px!important;padding-top:0!important}
  .about-hero h1{font-size:38px!important;line-height:1!important;letter-spacing:-.045em!important}
  .about-hero p{font-size:15px!important;line-height:1.65!important}
  .about-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .about-actions a{width:100%!important}
  .about-note{line-height:1.55!important}
  .hero-photo-card{border-radius:19px!important}
  .hero-photo-card>img{height:355px!important;margin-bottom:-50px!important}
  .hero-photo-card .card-copy{padding:19px!important}
  .hero-photo-card .card-copy strong{font-size:22px!important}
  .about-section{padding:62px 0!important}
  .about-copy p,.mission-copy p,.cta-copy p{font-size:15px!important;line-height:1.7!important}
  .stats-panel,.principles-grid,.cta-points{grid-template-columns:1fr!important}
  .stats-panel div,.principle-card{padding:21px!important}
  .story-wrap{padding:21px!important;border-radius:18px!important}
  .story-step{grid-template-columns:44px minmax(0,1fr)!important;gap:13px!important}
  .story-step b{width:42px!important;height:42px!important}
  .mission-visual{height:300px!important;border-radius:18px!important}
  .mission-visual>img{height:350px!important;margin-bottom:-50px!important}
  .cta-band{padding-bottom:62px!important}
  .cta-panel{border-radius:19px!important}
  .cta-copy{padding:24px 20px!important}
  .cta-points{padding:14px!important;gap:10px!important}
  .cta-points div{padding:18px!important;min-height:0!important}
  .hero-photo-card::after,.mission-visual::after{top:11px;right:11px;font-size:10px;padding:7px 9px}
}
@media(max-width:360px){.about-hero h1{font-size:34px!important}.hero-photo-card>img{height:320px!important}}