body.om-inner {
   margin: 0;
   color: #1F1F1F;
   background: #FFFFFF;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
}

.about-page {
   --about-type-hero: clamp(44px, 6vw, 68px);
   --about-type-manifest: clamp(32px, 4.5vw, 52px);
   --about-type-heading: clamp(26px, 3vw, 36px);
   --about-type-lead: clamp(18px, 1.5vw, 20px);
   --about-type-body: 17px;
   --about-type-small: 15px;
   --about-type-meta: 12px;

   --about-lh-hero: 1.04;
   --about-lh-manifest: 1.08;
   --about-lh-heading: 1.12;
   --about-lh-lead: 1.56;
   --about-lh-body: 1.72;
   --about-lh-small: 1.6;
   --about-lh-meta: 1.3;

   --about-ls-hero: -0.025em;
   --about-ls-heading: -0.02em;
   --about-ls-meta: 0.12em;

   --about-space-1: 12px;
   --about-space-2: 16px;
   --about-space-3: 24px;
   --about-space-4: 32px;
   --about-space-5: 40px;
   --about-space-6: 48px;
   --about-space-7: 64px;
   --about-space-8: 88px;
   --about-space-9: 96px;

   --about-color-text: #1D1D1D;
   --about-color-copy: #35312D;
   --about-color-muted: #6D675F;
   --about-color-soft: #666666;
   --about-color-line: #D9D4CD;
   --about-footer-bg: #2F2A26;
   --about-footer-rule: rgba(243, 238, 232, 0.14);
   --about-footer-copy: #B7AEA3;
   --about-footer-icon: #F3EEE8;
   --about-footer-icon-ring: rgba(243, 238, 232, 0.2);
   --about-footer-icon-hover-ring: rgba(243, 238, 232, 0.38);
   --about-footer-icon-hover-bg: rgba(243, 238, 232, 0.08);

   display: block;
   padding-top: 56px;
   color: var(--about-color-text);
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   overflow-x: clip;
}

.about-shell {
   width: min(1240px, calc(100% - 64px));
   max-width: 100%;
   margin: 0 auto;
}

.about-cover {
   min-height: min(66vh, 720px);
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: var(--about-space-3);
   padding-block: 56px 120px;
}

.about-kicker {
   margin: 0;
   text-transform: uppercase;
   letter-spacing: var(--about-ls-meta);
   color: var(--about-color-muted);
   font-size: var(--about-type-meta);
   line-height: var(--about-lh-meta);
   font-weight: 500;
}

.about-title {
   margin: 0 auto;
   padding: 0;
   width: 100%;
   max-width: 24ch;
   box-sizing: border-box;
   font-family: var(--om-font-heading, "Montserrat", "Manrope", sans-serif);
   font-weight: 500;
   font-size: var(--about-type-hero);
   line-height: var(--about-lh-hero);
   letter-spacing: var(--about-ls-hero);
   text-align: center;
   color: var(--about-color-text);
}

.about-title-line {
   display: block;
}

.about-title-line--top {
   white-space: nowrap;
}

.about-intro {
   margin: 0;
   padding: 0;
   width: 100%;
   max-width: 52ch;
   box-sizing: border-box;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-lead);
   line-height: var(--about-lh-lead);
   color: var(--about-color-copy);
}

.about-intro p {
   margin: 0 0 1em;
}

.about-intro p:last-child {
   margin-bottom: 0;
}

.about-hero-portrait {
   margin: 0;
   width: min(100%, 560px);
}

.about-hero-portrait picture {
   display: block;
}

.about-hero-portrait img {
   width: 100%;
   display: block;
   height: auto;
}

.about-founders,
.about-process,
.about-realization,
.about-publications {
   padding-top: var(--about-space-6);
   padding-bottom: var(--about-space-8);
}

.about-manifest {
   padding: 0 0 var(--about-space-9);
}

.about-founders-feature {
   display: grid;
   grid-template-columns: minmax(0, 0.88fr) minmax(360px, 0.92fr);
   gap: clamp(36px, 5vw, 92px);
   align-items: center;
}

.about-founders-voices {
   display: grid;
   gap: clamp(24px, 3vw, 40px);
   padding-top: 0;
   justify-items: start;
   align-self: center;
}

.about-founders-body {
   display: grid;
   gap: 20px;
}

.about-founders-body p {
   margin: 0;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-body);
   line-height: var(--about-lh-body);
   color: var(--about-color-copy);
}

.about-founder-voice {
   width: 100%;
   max-width: none;
}

.section-title {
   margin: 0 0 var(--about-space-4);
   padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   gap: 16px;
   text-align: left;
}

.about-cap__line {
   display: block;
   flex: 0 0 auto;
   width: 60px;
   height: 1px;
   background: rgba(49, 48, 46, 0.24);
}

body.om-inner .about-cap__text {
   margin: 0;
   color: #6e6860 !important;
   font-family: var(--om-font-heading, "Montserrat", "Manrope", sans-serif) !important;
   font-size: 11px !important;
   line-height: 1.72 !important;
   font-weight: 500 !important;
   letter-spacing: 0.34em !important;
   text-transform: uppercase;
}

.about-founder-voice h2 {
   margin: 0 0 18px;
   padding: 0;
   font-family: var(--om-font-heading, "Montserrat", "Manrope", sans-serif);
   font-weight: 500;
   font-size: var(--about-type-heading);
   line-height: var(--about-lh-heading);
   letter-spacing: var(--about-ls-heading);
   text-align: left;
   color: var(--about-color-text);
}

.about-founder-quote {
   margin: 0;
   max-width: none;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-body);
   line-height: var(--about-lh-body);
   color: var(--about-color-copy);
}

.about-founder-focus {
   margin: 0;
   max-width: none;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-small);
   line-height: var(--about-lh-small);
   color: var(--about-color-muted);
}

.about-founders-intro {
   display: grid;
   gap: 10px;
}

.about-founders-tagline {
   margin: 0;
   font-family: var(--om-font-heading, "Montserrat", "Manrope", sans-serif);
   font-size: clamp(20px, 2.2vw, 28px);
   font-weight: 500;
   line-height: 1.15;
   letter-spacing: -0.02em;
   color: var(--about-color-text);
}

.about-founders-studio {
   margin: 0;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-body);
   line-height: var(--about-lh-body);
   color: var(--about-color-copy);
}

.manifest-line {
   margin: 0;
   max-width: 24ch;
   font-family: var(--om-font-heading, "Montserrat", "Manrope", sans-serif);
   font-weight: 500;
   font-size: var(--about-type-manifest);
   line-height: var(--about-lh-manifest);
   letter-spacing: -0.025em;
   color: var(--about-color-text);
}

.manifest-line + .manifest-line {
   margin-top: 18px;
}

.about-process ol {
   margin: 0;
   padding: 0;
   list-style: none;
   counter-reset: process;
}

.about-process li {
   counter-increment: process;
   display: grid;
   grid-template-columns: 48px 1fr;
   gap: var(--about-space-2);
   max-width: 64ch;
   padding: 16px 0;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-body);
   line-height: var(--about-lh-body);
   color: var(--about-color-copy);
   border-bottom: 1px solid #DDD8D2;
}

.about-process li::before {
   content: "0" counter(process);
   font-size: var(--about-type-meta);
   font-weight: 500;
   letter-spacing: var(--about-ls-meta);
   color: #8D867D;
   padding-top: 6px;
}

.about-projects {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 30px;
}

.about-project-card {
   margin: 0;
   display: flex;
   flex-direction: column;
}

.about-project-card a {
   display: block;
   aspect-ratio: 3 / 4;
   overflow: hidden;
   background: #D7D1C8;
}

.about-project-card__image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.about-project-card__meta {
   margin: 14px 0 0;
   max-width: none;
   font-family: "Manrope", "Segoe UI", Arial, sans-serif;
   font-size: var(--about-type-small);
   line-height: var(--about-lh-small);
   color: var(--about-color-muted);
}

@media (min-width: 901px) {
   .about-project-card__meta {
      white-space: nowrap;
   }
}

.about-project-card--tatpark .about-project-card__image {
   object-position: center 50%;
}

.about-project-card--krupskoi .about-project-card__image {
   object-position: center 42%;
}

.about-project-card--ilove .about-project-card__image {
   object-position: center 44%;
}

.about-logos {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 28px 44px;
   align-items: center;
   justify-items: center;
   max-width: 840px;
   margin: 0 auto;
}

.about-logos a {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 64px;
   width: 100%;
   padding: 4px 0;
}

.about-logos img {
   max-width: min(100%, 96px);
   width: auto;
   height: auto;
   opacity: 0.76;
   filter: grayscale(100%);
   transition: opacity 160ms ease, filter 160ms ease;
}

.about-logos img.about-logo--mcmaison,
.about-logos img.about-logo--ad {
   inline-size: min(100%, 96px);
}

.about-logos img.about-logo--flatica {
   width: min(100%, 40px);
   height: auto;
}

.about-logos a:hover img,
.about-logos a:focus img {
   opacity: 0.94;
   filter: grayscale(0%);
}

body.om-inner #wb_LayoutGrid2 {
   background: var(--about-footer-bg);
   border-top: 1px solid var(--about-footer-rule);
}

body.om-inner #LayoutGrid2.om-footer-bar {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box;
   border-top: 0;
}

body.om-inner #LayoutGrid2.om-footer-bar .om-footer-bar__inner {
   width: min(1240px, calc(100% - 64px));
    margin: 0 auto;
   padding: 22px 0 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
}

body.om-inner #LayoutGrid2.om-footer-bar .om-footer-copy {
   font-family: "Manrope", "Segoe UI", Arial, sans-serif !important;
   font-size: 12px !important;
   line-height: 1.5 !important;
   color: var(--about-footer-copy) !important;
   font-weight: 400 !important;
   letter-spacing: 0.03em !important;
}

body.om-inner #LayoutGrid2.om-footer-bar .om-footer-socials {
   display: inline-flex !important;
   align-items: center !important;
   gap: 12px !important;
}

body.om-inner #LayoutGrid2.om-footer-bar .om-footer-social {
   width: 36px;
   height: 36px;
   border-radius: 999px;
   border: 1px solid var(--about-footer-icon-ring);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: var(--about-footer-icon);
   background: rgba(255, 255, 255, 0.02);
   text-decoration: none;
   transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

body.om-inner #LayoutGrid2.om-footer-bar .om-footer-social i {
   font-size: 15px !important;
   line-height: 1 !important;
}

body.om-inner #LayoutGrid2.om-footer-bar .om-footer-social:hover,
body.om-inner #LayoutGrid2.om-footer-bar .om-footer-social:focus-visible {
   color: #FFF9F2;
   border-color: var(--about-footer-icon-hover-ring);
   background: var(--about-footer-icon-hover-bg);
   transform: translateY(-1px);
}

@media (max-width: 1100px) {
   .about-shell {
      width: min(1240px, calc(100% - 44px));
   }

   .about-founders-feature {
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
      gap: 42px;
      align-items: center;
    }

   .about-hero-portrait {
      width: min(100%, 500px);
   }

   .about-projects {
      grid-template-columns: 1fr;
      gap: 36px;
   }

   .about-project-card a {
      aspect-ratio: 4 / 5;
      max-height: 620px;
   }

   .about-project-card__image {
      height: 100%;
   }
}

@media (min-width: 1100px) {
   .about-page {
      padding-top: 92px;
   }

   .about-cover {
      min-height: auto;
      justify-content: flex-start;
      padding-block: 80px 128px;
    }
}

@media (min-width: 901px) and (max-width: 1099px) {
   .about-page {
      padding-top: 80px;
   }

   .about-cover {
      padding-top: 80px;
   }
}

@media (max-width: 1199px) {
   .about-logos {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px 32px;
     }

   body.om-inner #LayoutGrid2.om-footer-bar {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   body.om-inner #LayoutGrid2.om-footer-bar .om-footer-bar__inner {
      width: min(1240px, calc(100% - 44px));
   }
}

@media (max-width: 768px) {
   body.om-inner #LayoutGrid2.om-footer-bar {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   body.om-inner #LayoutGrid2.om-footer-bar .om-footer-bar__inner {
      width: calc(100% - 28px);
      padding: 18px 0 20px;
      flex-direction: column;
      align-items: flex-start;
      gap: 14px;
      }

   body.om-inner .om-footer-actions {
      width: 100%;
      justify-content: flex-end;
   }

   .section-title {
      gap: 14px;
   }

   .about-cap__line {
      width: 44px;
   }
}

@media (max-width: 900px) {
   .about-page {
      padding-top: 44px;
   }

   .about-title-line--top {
      white-space: normal;
   }

   .about-cover {
      min-height: auto;
      gap: 18px;
      padding-block: 44px 88px;
    }

   .about-founders,
   .about-manifest,
   .about-process,
   .about-realization,
   .about-publications {
      padding-top: var(--about-space-5);
      padding-bottom: var(--about-space-7);
    }

   .about-founders-feature {
      grid-template-columns: 1fr;
      gap: 32px;
      align-items: start;
    }

   .about-hero-portrait {
      width: min(100%, 460px);
   }

   .about-founders-voices {
      padding-top: 0;
      gap: 38px;
      align-self: start;
    }

   .about-process li {
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .about-logos {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px 24px;
     }

}

@media (min-width: 641px) and (max-width: 900px) {
   .about-page {
      padding-top: 76px;
   }

   .about-cover {
      padding-top: 76px;
   }
}

@media (max-width: 640px) {
   .about-page {
      --about-type-hero: var(--om-inner-h1-mobile, clamp(36px, 10vw, 40px));
      --about-lh-hero: var(--om-inner-h1-line-mobile, 1.1);
      --about-ls-hero: 0;
   }

   .about-shell {
      width: calc(100% - 28px);
      }

   .about-title {
      max-width: 21ch;
   }

   .about-hero-portrait {
      width: 100%;
     }

   .about-intro {
      max-width: 100%;
      max-width: 30ch;
   }

   .about-founder-quote {
      max-width: 100%;
   }

   .about-logos {
      grid-template-columns: 1fr;
      gap: 18px;
    }
}