.ec-about-page {padding:64px 0 80px;background:linear-gradient(180deg,#fbf7ef,#f4efe4)}
.ec-about-page .ec-page-about {grid-template-columns:1fr 1.06fr;gap:clamp(30px,5vw,78px);align-items:center}
.ec-about-story {padding:16px 0}
.ec-about-story .ec-kicker {font-size:13px;letter-spacing:.06em}
.ec-about-story h2 {font-size:clamp(28px,3vw,42px);line-height:1.45;margin:0;color:#103c2e}
.ec-about-story p {font-size:15px;line-height:2.35;color:#53635c;margin:0 0 20px}
.ec-about-rule {display:block;width:72px;height:3px;border-radius:3px;background:#c9a45e;margin:22px 0 26px}
.ec-about-values {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.ec-about-values span {padding:9px 12px;border:1px solid #ded2b8;border-radius:30px;background:#fff9ed;color:#2b4c3e;font-size:12px;font-weight:700}
.ec-about-feature {position:relative;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 55px rgba(8,42,30,.16)}
.ec-about-page .ec-about-feature img {display:block;width:100%;height:480px;object-fit:cover;border-radius:0}
.ec-about-feature:after {content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(5,35,27,.72));pointer-events:none}
.ec-about-feature figcaption {position:absolute;right:25px;bottom:22px;z-index:1;color:#fff;font-weight:800;font-size:17px}
.ec-about-motion {margin-top:74px}
.ec-about-motion-head {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.ec-about-motion-head h2 {font-size:clamp(25px,2.5vw,34px);color:#103c2e;margin:0 0 7px}
.ec-about-motion-head p {font-size:13px;color:#65736b;margin:0}
.ec-about-motion-head>a {color:#0b4837;font-size:13px;font-weight:800;white-space:nowrap}
.ec-about-motion-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ec-about-motion-grid figure {margin:0;border:1px solid #e8dfd0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 15px 30px rgba(18,53,41,.06)}
.ec-about-motion-media {position:relative;aspect-ratio:4/3;overflow:hidden;background:#16392e}
.ec-about-motion-media img {display:block;width:100%;height:100%;object-fit:cover}
.ec-about-motion-media .ec-motion-still {display:none}
.ec-about-motion-grid figcaption {padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ec-about-motion-grid strong {font-size:16px;color:#123d2e}
.ec-about-motion-grid small {font-size:11px;color:#907849}
.ec-about-credits {margin:16px 0 0;font-size:10px;line-height:2;color:#7b817a}
.ec-about-credits a {color:#536e60;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px) {
  .ec-about-page .ec-page-about {grid-template-columns:1fr;gap:24px}
  .ec-about-page .ec-about-feature img {height:420px}
  .ec-about-motion-grid {gap:12px}
  .ec-about-motion-grid figcaption {display:block}
  .ec-about-motion-grid small {display:block;margin-top:4px}
}
@media(max-width:640px) {
  .ec-about-page {padding:34px 0 55px}
  .ec-about-page .ec-about-feature img {height:300px}
  .ec-about-motion {margin-top:45px}
  .ec-about-motion-head {display:block}
  .ec-about-motion-head>a {display:inline-block;margin-top:13px}
  .ec-about-motion-grid {grid-template-columns:1fr;gap:15px}
  .ec-about-motion-media {aspect-ratio:4/3}
  .ec-about-motion-grid figcaption {display:flex}
}
@media(prefers-reduced-motion:reduce) {
  .ec-about-motion-media .ec-motion-animated {display:none}
  .ec-about-motion-media .ec-motion-still {display:block}
}