/* v0.4.19 — isolated "О нас" page on the accepted Z4 shell. */
.z4-about-page-v0419{padding-bottom:18px}
.z4-about-page-v0419 h1,.z4-about-page-v0419 h2,.z4-about-page-v0419 h3{margin-top:0}
.z4-about-page-v0419 .z4-eyebrow{display:block;color:#648d40;font-size:10px;font-weight:800;letter-spacing:.17em}

.z4-about-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:44px;align-items:center;padding:42px 0 28px}
.z4-about-hero-copy{padding:12px 0}
.z4-about-hero h1{max-width:620px;margin:10px 0 20px;color:var(--z4-forest);font-size:clamp(48px,6vw,76px);line-height:.94;letter-spacing:-.055em}
.z4-about-lead{max-width:640px;margin:0;color:#506a60;font-size:17px;line-height:1.62}
.z4-about-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:26px}
.z4-about-actions .z4-text-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none}
.z4-about-actions .z4-text-link .z4-icon{width:17px;height:17px}
.z4-about-hero-photo{height:455px;margin:0;overflow:hidden;border-radius:28px 70px 28px 28px;background:#e8efe1;box-shadow:0 16px 40px rgba(24,68,48,.09)}
.z4-about-photo-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}

.z4-about-history{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:42px;align-items:center;margin-top:44px;padding:34px;border:1px solid #e0e8d9;border-radius:28px;background:linear-gradient(145deg,#f5f7ed,#fbfbf7)}
.z4-about-history h2{margin:8px 0 17px;color:var(--z4-forest);font-size:clamp(34px,4vw,50px);line-height:1;letter-spacing:-.04em}
.z4-about-history-copy>p{max-width:690px;margin:0 0 13px;color:#526a61;font-size:14px;line-height:1.65}
.z4-about-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.z4-about-timeline>div{min-height:118px;padding:15px;border:1px solid #dce6d5;border-radius:17px;background:#fff}
.z4-about-timeline strong{display:block;margin-bottom:7px;color:#5c8738;font-size:21px;line-height:1}
.z4-about-timeline span{display:block;color:#62746c;font-size:11.5px;line-height:1.45}
.z4-about-history-photo{height:390px;margin:0;overflow:hidden;border-radius:22px}
.z4-about-history-img{display:block;width:100%;height:100%;object-fit:cover}

.z4-about-video{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr);gap:34px;align-items:center;margin-top:54px}
.z4-about-video-heading h2{margin:8px 0 14px;color:var(--z4-forest);font-size:36px;line-height:1.02;letter-spacing:-.035em}
.z4-about-video-heading p{max-width:340px;margin:0;color:#5e7169;font-size:14px;line-height:1.55}
.z4-about-video-frame{position:relative;overflow:hidden;border-radius:24px;background:#102d22;box-shadow:0 14px 38px rgba(19,55,39,.12)}
.z4-about-video-frame::before{content:'';display:block;padding-top:56.25%}
.z4-about-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.z4-about-support-story{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:54px;padding:26px 28px;border:1px solid #efd8c6;border-radius:24px;background:linear-gradient(135deg,#fff7ee,#f7f7ec)}
.z4-about-support-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#fff0df;color:var(--z4-orange)}
.z4-about-support-icon .z4-icon{width:25px;height:25px}
.z4-about-support-story h2{margin:6px 0 8px;color:var(--z4-forest);font-size:27px;line-height:1.1;letter-spacing:-.03em}
.z4-about-support-story p{max-width:760px;margin:0;color:#5d6f67;font-size:13px;line-height:1.55}
.z4-about-support-story>.z4-btn{white-space:nowrap}

.z4-about-mission{margin-top:58px}
.z4-about-mission-head{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:40px;align-items:end;margin-bottom:20px}
.z4-about-mission-head h2{margin:8px 0 0;color:var(--z4-forest);font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.04em}
.z4-about-mission-head>p{max-width:620px;margin:0;color:#5a7066;font-size:14px;line-height:1.58}
.z4-about-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.z4-about-mission-grid>article{min-height:180px;padding:20px;border:1px solid #dfe7da;border-radius:20px;background:#fff}
.z4-about-mission-grid>article>.z4-icon{width:28px;height:28px;margin-bottom:17px;color:#5d8a3b}
.z4-about-mission-grid h3{margin:0 0 8px;color:#2d4539;font-size:17px;line-height:1.2}
.z4-about-mission-grid p{margin:0;color:#66786f;font-size:12.5px;line-height:1.5}
.z4-about-mission-photo{grid-column:3;grid-row:1/span 2;min-height:372px;margin:0;overflow:hidden;border-radius:22px;background:#e8efe1}
.z4-about-mission-img{display:block;width:100%;height:100%;object-fit:cover}

.z4-about-final{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:58px;padding:30px 32px;border-radius:26px;background:#174b35;color:#fff}
.z4-about-final .z4-eyebrow{color:#c8dfb8}
.z4-about-final h2{margin:7px 0 9px;color:#fff;font-size:34px;line-height:1;letter-spacing:-.035em}
.z4-about-final p{max-width:620px;margin:0;color:#dbe8dc;font-size:13px;line-height:1.55}
.z4-about-final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.z4-about-final .z4-btn:not(.z4-btn--orange){background:#fff;color:#174b35}

@media(max-width:1099px){
  .z4-about-hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:28px}
  .z4-about-hero-photo{height:410px}
  .z4-about-history{gap:26px;padding:28px}
  .z4-about-history-photo{height:360px}
  .z4-about-timeline{grid-template-columns:1fr}
  .z4-about-timeline>div{min-height:0}
  .z4-about-video{grid-template-columns:260px minmax(0,1fr);gap:24px}
  .z4-about-support-story{grid-template-columns:50px minmax(0,1fr)}
  .z4-about-support-story>.z4-btn{grid-column:2;justify-self:start}
  .z4-about-mission-grid{grid-template-columns:1fr 1fr}
  .z4-about-mission-photo{grid-column:2;grid-row:1/span 3}
}

@media(max-width:700px){
  .z4-about-page-v0419 .z4-eyebrow{font-size:8.5px}
  .z4-about-hero{grid-template-columns:1fr;gap:18px;padding:24px 0 8px}
  .z4-about-hero h1{margin:7px 0 13px;font-size:39px;line-height:.98}
  .z4-about-lead{font-size:13.5px;line-height:1.5}
  .z4-about-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
  .z4-about-actions .z4-btn{justify-content:center}
  .z4-about-actions .z4-text-link{justify-content:center;min-height:38px;font-size:11.5px}
  .z4-about-hero-photo{height:280px;border-radius:20px 45px 20px 20px}

  .z4-about-history{grid-template-columns:1fr;gap:18px;margin-top:28px;padding:20px 16px;border-radius:20px}
  .z4-about-history h2{margin:6px 0 13px;font-size:29px}
  .z4-about-history-copy>p{font-size:12.5px;line-height:1.55}
  .z4-about-timeline{gap:7px;margin-top:16px}
  .z4-about-timeline>div{padding:12px;border-radius:14px}
  .z4-about-timeline strong{font-size:18px}
  .z4-about-timeline span{font-size:10.5px}
  .z4-about-history-photo{height:235px;grid-row:2}

  .z4-about-video{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .z4-about-video-heading h2{margin:6px 0 9px;font-size:28px}
  .z4-about-video-heading p{font-size:12.5px}
  .z4-about-video-frame{border-radius:18px}

  .z4-about-support-story{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-top:32px;padding:17px 15px;border-radius:18px}
  .z4-about-support-icon{width:38px;height:38px}
  .z4-about-support-icon .z4-icon{width:20px;height:20px}
  .z4-about-support-story h2{margin:4px 0 7px;font-size:22px}
  .z4-about-support-story p{font-size:11.5px;line-height:1.5}
  .z4-about-support-story>.z4-btn{grid-column:1/-1;width:100%;justify-content:center;margin-top:2px}

  .z4-about-mission{margin-top:34px}
  .z4-about-mission-head{grid-template-columns:1fr;gap:9px;margin-bottom:14px}
  .z4-about-mission-head h2{margin:5px 0 0;font-size:29px}
  .z4-about-mission-head>p{font-size:12.5px;line-height:1.5}
  .z4-about-mission-grid{grid-template-columns:1fr 1fr;gap:8px}
  .z4-about-mission-grid>article{min-height:155px;padding:14px;border-radius:16px}
  .z4-about-mission-grid>article>.z4-icon{width:23px;height:23px;margin-bottom:11px}
  .z4-about-mission-grid h3{font-size:14px}
  .z4-about-mission-grid p{font-size:10.5px;line-height:1.42}
  .z4-about-mission-photo{grid-column:1/-1;grid-row:auto;height:235px;min-height:0;border-radius:18px}

  .z4-about-final{align-items:flex-start;flex-direction:column;gap:18px;margin-top:34px;padding:22px 17px;border-radius:20px}
  .z4-about-final h2{font-size:27px}
  .z4-about-final p{font-size:11.5px}
  .z4-about-final-actions{display:grid;grid-template-columns:1fr;width:100%}
  .z4-about-final-actions .z4-btn{justify-content:center}
}

@media(max-width:380px){
  .z4-about-mission-grid{grid-template-columns:1fr}
}