.about-hero {position:relative;isolation:isolate;display:grid;place-items:end center;min-height:calc(100svh - 56px - round(down,calc((100svh - 24px)/2),8px));padding:calc(var(--space-1) * 12) 0 var(--space-5);overflow:hidden;background:var(--color-paper);}
.about-hero__content {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-10);align-items:center;width:100%;max-width:1520px;padding-inline:var(--page-gutter);text-align:left;}
.about-hero h1 {max-width:800px;margin:0 0 var(--space-3);font-family:var(--font-display);font-size:64px;font-weight:600;line-height:72px;color:var(--color-menu);}
.about-hero p {grid-column:1;max-width:640px;margin:0;font-size:24px;line-height:32px;text-wrap:balance;}
@media (min-width:808px) and (max-width:1199.98px) {
  .about-hero {min-height:0;padding-top:160px;padding-bottom:var(--space-4);}
}
@media (max-width:807.98px) {
  .about-hero {min-height:0;padding:112px 0 var(--space-3);}
  .about-hero__content {grid-template-columns:minmax(0,1fr);}

  .about-hero h1 {font-size:40px;line-height:48px;}
  .about-hero p {font-size:var(--font-size-body);line-height:var(--line-body);}
}
.about-page {padding-top:0;padding-bottom:0;}
.about-page__header {display:grid;grid-template-columns:minmax(0,1fr);gap:0;}
.about-page__intro {width:100%;}
.about-page__values {display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;font-size:24px;font-weight:500;}
.about-page__values li {display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid rgb(90 98 113 / 24%);line-height:32px;}
.about-page__values i {flex:none;font-size:24px;line-height:1;color:var(--color-menu);}
.about-hero__content .text-link {grid-column:2;grid-row:1 / 3;align-self:end;justify-self:end;margin-top:0;}
.about-page__image {width:100%;height:512px;margin:0;overflow:hidden;border-radius:var(--space-2);background:var(--color-surface);}
.about-page__image img {display:block;width:100%;height:100%;object-fit:cover;}
.about-process {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-10);align-items:start;padding-bottom:var(--space-16);}
.about-process__intro {position:sticky;top:112px;}
.about-process h2,.about-clients h2 {max-width:600px;margin:0;font-family:var(--font-display);font-size:48px;font-weight:600;line-height:56px;color:var(--color-menu);}
.about-process__intro p {max-width:400px;margin:var(--space-3) 0 0;line-height:var(--line-body);text-wrap:pretty;}
.about-process .accordion__trigger {grid-template-columns:var(--space-4) minmax(0,1fr) var(--space-3);padding-inline:0;}
.about-process .accordion__title {font-size:24px;line-height:32px;text-transform:none;}
.about-process .accordion__content {padding-left:56px;padding-right:var(--space-5);}
.about-clients {padding-bottom:var(--space-16);}
.about-clients h2 {margin-bottom:var(--space-5);}
.about-clients__grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none;}
.about-clients__grid li {display:grid;place-items:center;min-height:96px;padding:var(--space-2);}
.about-clients__grid img {display:block;width:128px;max-width:100%;height:64px;object-fit:contain;filter:grayscale(1);}
@media (max-width:1199.98px) {
  .about-page__image {height:432px;}
  .about-clients__grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:807.98px) {
  .about-hero__content .text-link {grid-column:1;grid-row:auto;justify-self:start;margin-top:var(--space-4);}
  .about-page {padding-top:0;padding-bottom:0;}
  .about-page__header {display:grid;grid-template-columns:minmax(0,1fr);gap:0;}
  .about-page__intro {width:100%;}
  
  .about-page__image {height:auto;aspect-ratio:4 / 3;}
  .about-process {grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding-bottom:var(--space-10);}
  .about-process__intro {position:static;}
  .about-process h2,.about-clients h2 {font-size:40px;line-height:48px;}
  .about-process .accordion__number {grid-column:auto;}
  .about-process .accordion__trigger {gap:var(--space-2);}
  .about-process .accordion__content {padding-left:48px;padding-right:0;}
  .about-clients {padding-bottom:var(--space-10);}
  .about-clients__grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .about-clients__grid li {min-height:80px;padding:var(--space-1);}
}

@media (min-width:808px) {
  .about-page__intro {width:100%;}
  .about-page__values {grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);}
}
.about-statement .studio-intro__text {max-width:1100px;}
@font-face {font-family:"Oxe Principles";src:url("../../fonts/remixicon.woff2") format("woff2");font-style:normal;font-weight:normal;font-display:block;}
.about-page__values i {font-family:"Oxe Principles";font-style:normal;font-weight:normal;}
.about-page__values .ri-lightbulb-ai-line::before {content:"\f61f";}
.about-page__values .ri-group-line::before {content:"\ede3";}
.about-page__values .ri-shake-hands-line::before {content:"\f3ab";}
.about-page__values .ri-line-chart-line::before {content:"\eeab";}

@media(max-width:807.98px) {.about-page__values li {justify-content:flex-start;}}