/* About page — local Figma frame 346:199, desktop source geometry. */
.about-page{color:#29737c}
.about-page .secondary-page-main{padding-bottom:0}
.about-intro{padding-top:30px}
.about-overview{margin-top:0}
.about-overview__heading{margin-left:0}
.about-overview__name{height:72px;margin:0;color:#29737c;font-family:var(--font-display);font-size:74px;font-weight:400;line-height:72px;text-transform:uppercase}
.about-overview__kicker{margin:14px 0 0;color:#29737c;font-size:20px;font-weight:500;line-height:1}
.about-overview__visual{display:grid;grid-template-columns:minmax(0,1fr) 189px;column-gap:32px;align-items:start;height:306px;margin-top:61px}
.about-overview__media-reveal{width:100%;height:306px}
.about-overview__photo{width:100%;height:306px;object-fit:cover;object-position:center 42.5%;clip-path:polygon(0 0,100% 0,67.5% 100%,0 100%)}
.about-overview__facts{position:static;width:auto;margin-top:18px;display:grid;gap:24px}
.about-overview__facts div{display:grid;gap:8px}
.about-overview__facts strong{color:#7dc804;font-family:var(--font-display);font-size:48px;font-weight:400;line-height:.9;text-transform:uppercase}
.about-overview__facts span{color:#29737c;font-family:var(--font-display);font-size:30px;font-weight:400;line-height:.9;text-transform:uppercase}
.about-intro-copy{display:grid;grid-template-columns:629px 603px;gap:63px;align-items:center;margin-top:51px}
.about-intro-copy__map{display:block;width:629px;height:327px;overflow:visible}
.about-intro-copy p{margin:0;color:#0e383b;font-size:20px;font-weight:400;line-height:24px}
.about-intro-copy p strong{color:#7dc804;font-weight:700}

.about-production{padding-top:72px}
.about-production__title{height:79px;margin:0 0 14px;color:#29737c;font-family:var(--font-display);font-size:72px;font-weight:400;line-height:79px;text-transform:uppercase}
.about-production__grid{display:grid;grid-template-columns:746px 526px;gap:24px;align-items:start}
.about-production__copy{min-height:405px;padding:0;border:1px solid rgba(41,115,124,.2);border-radius:5px;background:rgba(255,255,255,.95);box-shadow:0 0 9.55px rgba(0,0,0,.10)}
.about-production__copy>p:not(.about-production__quote){margin:0;padding:24px 28px 0;color:#29737c;font-size:20px;font-weight:500;line-height:1.35}
.about-production__quote{display:flex;align-items:center;min-height:89px;margin:13px 28px 0;padding:18px;background:#7dc804;color:#fff;font-size:18px;font-weight:500;line-height:1.35}
.about-production__photo{width:526px;height:405px;border-radius:5px;object-fit:cover;object-position:center 60%}

.about-media{width:856px;height:476px;margin:52px auto 72px;overflow:hidden;border-radius:5px;background:#0e383b}
.about-media__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.about-intro-copy__map[data-about-map].is-about-map-pending .region{opacity:.12}
.about-intro-copy__map[data-about-map].is-about-map-running .region{animation:aboutMapRegionAssemble 340ms cubic-bezier(.2,.8,.25,1) var(--map-delay,0ms) both}
@keyframes aboutMapRegionAssemble{from{opacity:.12}to{opacity:1}}
.about-page [data-about-reveal].is-about-motion-pending{opacity:0;transform:translateY(6px);transition:opacity 400ms cubic-bezier(.4,0,.2,1),transform 400ms cubic-bezier(.4,0,.2,1)}
.about-page [data-about-reveal="heading"].is-about-motion-pending{opacity:1;transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 600ms steps(20,end)}
.about-page [data-about-reveal="intro-media"].is-about-motion-pending{opacity:1;transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 650ms cubic-bezier(.4,0,.2,1)}
.about-page [data-about-reveal="production-media"].is-about-motion-pending,.about-page [data-about-reveal="industry-media"].is-about-motion-pending{opacity:1;transform:scale(1.024);transition:transform 650ms cubic-bezier(.4,0,.2,1)}
.about-page [data-about-reveal="value-card"].is-about-motion-pending{transform:translateY(8px);transition-duration:420ms;transition-delay:var(--about-motion-delay,0ms)}
.about-page [data-about-reveal="industry-item"].is-about-motion-pending{transform:translateY(4px);transition-duration:320ms;transition-delay:var(--about-motion-delay,0ms)}
.about-page [data-about-reveal].is-about-motion-pending.is-about-revealed{opacity:1;transform:none;clip-path:inset(0)}

.about-intro-copy__map-wrap {
    position: relative;
    width: 629px;
    aspect-ratio: 629 / 327;
}

.about-intro-copy__map-wrap > .about-intro-copy__map {
    width: 100%;
    height: 100%;
}

.about-intro-copy__map-crimea {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.about-intro-copy__map-crimea path {
    fill: #aedfdc;
    stroke: rgba(255, 255, 255, .84);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
    stroke-linejoin: round;
}

.about-intro-copy__map[data-about-map].is-about-map-pending ~ .about-intro-copy__map-crimea path {
    opacity: .12;
}

.about-intro-copy__map[data-about-map].is-about-map-running ~ .about-intro-copy__map-crimea path {
    animation: aboutMapRegionAssemble 340ms cubic-bezier(.2, .8, .25, 1) both;
}

@media (max-width: 1359px) {
    .about-intro-copy__map-wrap {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .about-intro-copy__map-wrap {
        width: min(629px, 100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-intro-copy__map-crimea path {
        opacity: 1 !important;
        animation: none !important;
    }
}
.about-values .about-value:nth-child(2){--about-motion-delay:75ms}.about-values .about-value:nth-child(3){--about-motion-delay:150ms}.about-applications__content li:nth-child(2){--about-motion-delay:45ms}.about-applications__content li:nth-child(3){--about-motion-delay:90ms}
@media (prefers-reduced-motion:reduce){.about-intro-copy__map[data-about-map] .region,.about-page [data-about-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}

.about-values{padding:0 0 50px}
.about-values__grid{display:grid;grid-template-columns:repeat(3,416px);gap:24px}
.about-value{height:261px;padding:24px 28px;border-radius:5px;background:#fff;box-shadow:0 0 19.1px rgba(0,0,0,.10)}
.about-value>img{width:auto;height:42px;object-fit:contain;object-position:left center}
.about-value:nth-child(2)>img{height:37px;margin-top:2px}
.about-value:nth-child(3)>img{height:36px;margin-top:3px}
.about-value h2{margin:15px 0 15px;color:#29737c;font-size:20px;font-weight:700;line-height:1}
.about-value p{margin:0;color:#29737c;font-size:16px;font-weight:500;line-height:1.35}

.about-applications{padding:0 0 40px}
.about-applications__grid{display:grid;grid-template-columns:526px 746px;gap:26px;align-items:start}
.about-applications__photo{width:526px;height:474px;border-radius:5px;object-fit:cover;object-position:56% 53%}
.about-applications__content>p{margin:0;color:#29737c;font-size:20px;font-weight:500;line-height:1.35}
.about-applications__content ul{display:grid;gap:11px;margin:25px 0 0;padding:0;list-style:none}
.about-applications__content li{display:flex;align-items:center;min-height:77px;padding:20px 28px 20px 100px;border-radius:5px;background:#fff;color:#29737c;font-size:20px;font-weight:700;line-height:1;box-shadow:0 0 19.1px rgba(0,0,0,.10)}
.about-applications__content li::before{content:"";width:57px;height:57px;margin:0 15px 0 -72px;border-radius:50%;background:#7dc804 url('../icons/check-source.svg') center/15px 11px no-repeat}

.about-partnership{padding:0 0 50px}
.about-partnership__inner{display:grid;grid-template-columns:230px minmax(0,1fr) 180px;gap:32px;align-items:center;min-height:140px;padding:28px;border-radius:5px;background:#fff;box-shadow:0 0 19.1px rgba(0,0,0,.10)}
.about-partnership__logos{display:flex;align-items:center;gap:16px;width:230px}
.about-partnership__logo{display:block;height:auto;object-fit:contain}
.about-partnership__logo--alfaline{flex:0 0 136px;width:136px}
.about-partnership__logo--npo{flex:0 0 76px;width:76px;max-width:76px}
.about-partnership__inner p{margin:0;color:#29737c;font-size:16px;font-weight:500;line-height:1.35}
.about-partnership__vacancies{width:180px;min-height:43px}

.about-page .contact-section{margin-top:0}
body.about-page .site-footer{margin-top:47px}
@media (min-width:1360px){
  .about-intro>.container,.about-production>.container,.about-values>.container,.about-applications>.container,.about-partnership>.container{width:1296px;margin-right:0;margin-left:calc((100vw - 1296px)/2)}
  .about-media{margin-right:0;margin-left:calc((100vw - 856px)/2)}
  .about-page .contact-section{min-height:487px}
}

@media (min-width:768px) and (max-width:1359px){
  .about-overview__name{height:auto;font-size:clamp(48px,6.4vw,64px);line-height:1.02}
  .about-overview__visual{grid-template-columns:minmax(0,1fr) clamp(170px,17vw,220px);column-gap:clamp(20px,2.5vw,32px);height:auto;margin-top:48px}
  .about-overview__media-reveal,.about-overview__photo{width:100%}
  .about-overview__photo{display:block}
  .about-overview__facts{width:auto;margin-top:14px}
  .about-overview__facts strong{font-size:clamp(34px,4.2vw,46px)}
  .about-overview__facts span{font-size:clamp(21px,2.7vw,29px)}
  .about-intro-copy{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:36px}
  .about-intro-copy__map{width:100%;height:auto;aspect-ratio:629/327}
  .about-production{padding-top:58px}
  .about-production__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
  .about-production__photo{width:100%;height:100%;min-height:360px}
  .about-media{width:min(856px,calc(100% - 64px));height:auto;aspect-ratio:856/476;margin-block:48px 60px}
  .about-values__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .about-value{height:auto;min-height:245px}
  .about-applications__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}
  .about-applications__photo{width:100%;height:100%;min-height:430px}
  .about-partnership__inner{grid-template-columns:200px minmax(0,1fr) 160px;gap:24px}
  .about-partnership__logos{width:200px;gap:14px}
  .about-partnership__logo--alfaline{flex-basis:118px;width:118px}
  .about-partnership__logo--npo{flex-basis:66px;width:66px;max-width:66px}
  .about-partnership__vacancies{width:160px}
  .about-page .secondary-page-main>.secondary-page-decor{top:620px;left:0;width:100%;height:820px;overflow:hidden}
  .about-page .secondary-page-main>.secondary-page-decor img{width:100%;height:auto}
}

@media (min-width:768px) and (max-width:900px){
  .about-overview__visual{height:auto}
  .about-overview__media-reveal,.about-overview__photo{width:100%}
  .about-intro-copy{grid-template-columns:1fr;gap:28px;margin-top:42px}
  .about-intro-copy__map{width:min(629px,100%)}
  .about-production__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .about-production__copy{min-height:0}
  .about-production__copy>p:not(.about-production__quote){font-size:19px;line-height:1.15}
  .about-production__photo{min-height:360px}
  .about-applications__grid{grid-template-columns:1fr;gap:26px}
  .about-applications__photo{width:min(526px,100%);height:474px}
  .about-partnership__inner{grid-template-columns:180px minmax(0,1fr);gap:20px}
  .about-partnership__logos{grid-row:span 2;width:180px;gap:12px}
  .about-partnership__logo--alfaline{flex-basis:106px;width:106px}
  .about-partnership__logo--npo{flex-basis:60px;width:60px;max-width:60px}
  .about-partnership__vacancies{width:160px;justify-self:start}
}

@media (max-width:767px){
  .about-intro{padding-top:32px}
  .about-overview__name{height:auto;font-size:clamp(38px,10.8vw,48px);line-height:1.02}
  .about-overview__kicker{margin-top:10px;font-size:16px;line-height:1.25}
  .about-overview__visual{display:grid;grid-template-columns:1fr;column-gap:0;height:auto;margin-top:32px}
  .about-overview__media-reveal,.about-overview__photo{width:100%;height:auto;aspect-ratio:994/306}
  .about-overview__photo{object-position:center 42.5%}
  .about-overview__facts{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:20px}
  .about-overview__facts div{gap:6px}
  .about-overview__facts strong{font-size:clamp(32px,9vw,42px)}
  .about-overview__facts span{font-size:clamp(19px,5.6vw,25px);line-height:.98}
  .about-intro-copy{grid-template-columns:1fr;gap:28px;margin-top:38px}
  .about-intro-copy__map{width:100%;height:auto;aspect-ratio:629/327}
  .about-intro-copy p{font-size:16px;line-height:1.5}
  .about-production{padding-top:48px}
  .about-production__title{height:auto;margin-bottom:18px;font-size:clamp(42px,11.3vw,58px);line-height:1.02}
  .about-production__grid{grid-template-columns:1fr;gap:18px}
  .about-production__copy{min-height:0}
  .about-production__copy>p:not(.about-production__quote){padding:20px;font-size:18px;line-height:1.2}
  .about-production__quote{min-height:0;margin:16px 20px 20px;padding:16px;font-size:17px;line-height:1.25}
  .about-production__photo{width:100%;height:auto;aspect-ratio:526/405}
  .about-media{width:calc(100% - 36px);height:auto;aspect-ratio:16/9;margin:40px auto 48px}
  .about-values{padding-bottom:40px}
  .about-values__grid{grid-template-columns:1fr;gap:16px}
  .about-value{height:auto;min-height:0;padding:20px}
  .about-value h2{margin-block:13px;font-size:19px}
  .about-value p{font-size:16px;line-height:1.3}
  .about-applications{padding-bottom:32px}
  .about-applications__grid{grid-template-columns:1fr;gap:24px}
  .about-applications__photo{width:100%;height:auto;aspect-ratio:526/474;object-position:56% 53%}
  .about-applications__content>p{font-size:18px;line-height:1.25}
  .about-applications__content ul{gap:12px;margin-top:20px}
  .about-applications__content li{min-height:0;padding:18px 16px 18px 72px;font-size:17px;line-height:1.2}
  .about-applications__content li::before{width:42px;height:42px;margin:0 14px 0 -56px;background-size:13px 10px}
  .about-partnership{padding-bottom:36px}
  .about-partnership__inner{grid-template-columns:1fr;gap:20px;min-height:0;padding:22px}
  .about-partnership__logos{width:auto;gap:12px}
  .about-partnership__logo--alfaline{flex-basis:110px;width:110px}
  .about-partnership__logo--npo{flex-basis:62px;width:62px;max-width:62px}
  .about-partnership__inner p{font-size:16px;line-height:1.3}
  .about-partnership__vacancies{width:100%}
  body.about-page .site-footer{margin-top:28px}
  .about-page .secondary-page-main>.secondary-page-decor{top:520px;left:0;width:100%;height:590px;overflow:hidden;opacity:.55}
  .about-page .secondary-page-main>.secondary-page-decor img{width:940px;height:auto;max-width:none;transform:translateX(-38%)}
}

@media (max-width:374px){
  .about-overview__facts{grid-template-columns:1fr}
  .about-overview__name,.about-production__title{font-size:38px}
  .about-production__copy>p:not(.about-production__quote){font-size:17px}
  .about-applications__content li{font-size:16px}
}

/* Company film: an additional click-to-play block, independent of the existing video. */
.about-film {
  margin-bottom: 50px;
}
.about-film__inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 40px;
  padding: 36px;
  border-radius: var(--radius);
  background: #eaf4f1;
}
.about-film__copy {
  min-width: 0;
}
.about-film__copy .section-title {
  height: auto;
  margin-bottom: 24px;
}
.about-film__copy > p {
  max-width: 34ch;
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
}
.about-film__preview {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius);
  background: #173f43;
  color: #fff;
  text-decoration: none;
}
.about-film__preview picture,
.about-film__preview img {
  display: block;
  width: 100%;
  height: 100%;
}
.about-film__preview img {
  object-fit: cover;
}
.about-film__preview::after {
  position: absolute;
  inset: 45% 0 0;
  content: "";
  background: linear-gradient(transparent, rgb(5 32 34 / 78%));
  pointer-events: none;
}
.about-film__play {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  margin: auto;
  border: 1px solid rgb(255 255 255 / 70%);
  border-radius: 50%;
  background: var(--color-lime);
  box-shadow: 0 4px 20px rgb(0 0 0 / 16%);
  transition: transform 180ms ease, background-color 180ms ease;
}
.about-film__play svg {
  margin-left: 4px;
}
.about-film__caption {
  position: absolute;
  right: 24px;
  bottom: 20px;
  left: 24px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.about-film__caption > :last-child {
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.about-film__preview:focus-visible,
.about-film-dialog__close:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 4px;
}
@media (hover: hover) {
  .about-film__preview:hover .about-film__play {
    transform: scale(1.06);
    background: var(--color-lime-hover);
  }
}
.about-film-dialog {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  height: fit-content;
  width: min(1100px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: var(--radius);
  background: #fff;
  color: var(--color-primary);
}
.about-film-dialog::backdrop {
  background: rgb(5 25 28 / 82%);
}
html:has(.about-film-dialog[open]) {
  overflow: hidden;
}
.about-film-dialog__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 60px;
  padding: 8px 12px 8px 20px;
}
.about-film-dialog__toolbar > p {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.about-film-dialog__close {
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  padding: 10px;
  background: #eaf4f1;
  color: var(--color-primary);
}
.about-film-dialog__video {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 172px);
  max-height: calc(100dvh - 172px);
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #000;
}
.about-film-dialog__feedback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 8px 20px;
}
.about-film-dialog__feedback > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}
.about-film-dialog__feedback [hidden] {
  display: none;
}
@media (min-width: 1360px) {
  .about-film > .container {
    width: 1296px;
    margin-right: 0;
    margin-left: calc((100vw - 1296px) / 2);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-film__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 28px;
  }
  .about-film__copy > p {
    max-width: none;
  }
  .about-film__copy > p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .about-film {
    margin-bottom: 36px;
  }
  .about-film__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 24px 18px 18px;
  }
  .about-film__copy .section-title {
    margin-bottom: 16px;
  }
  .about-film__copy > p {
    max-width: none;
    font-size: 17px;
  }
  .about-film__play {
    width: 60px;
    height: 60px;
  }
  .about-film__play svg {
    width: 22px;
    height: 26px;
  }
  .about-film__caption {
    right: 14px;
    bottom: 12px;
    left: 14px;
    font-size: 16px;
  }
  .about-film-dialog {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
  }
  .about-film-dialog__toolbar {
    padding-left: 14px;
  }
  .about-film-dialog__toolbar > p {
    font-size: 16px;
  }
  .about-film-dialog__feedback {
    flex-wrap: wrap;
    padding-inline: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-film__play {
    transition: none;
  }
}