.about-page .about-opening { position: relative; isolation: isolate; background: #050A0C; margin-top: calc(-1 * var(--header-rendered-height, 84px)); padding-top: var(--header-rendered-height, 84px); }
.about-page .about-opening::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: var(--hero-image-opacity, .7); background: linear-gradient(to bottom, rgba(5,10,12,.55), rgba(5,10,12,.7) 70%, #050A0C), url('../assets/imgs/fotos-equipa/hero-atelier.webp?v=20261016') center / cover no-repeat; }
.about-page .about-since { margin-top: 56px; font-size: 1.125rem; }
.about-page .about-intro { margin: var(--section-spacing) 0 0; padding: 0; text-align: left; }
.about-page .about-team { margin-top: var(--section-spacing); }
.about-page .about-intro > p { max-width: 68ch; margin-top: 0; font-size: 1.125rem; line-height: 1.55; }

.about-page .person-heading { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); padding-right: 52px; }
.about-page .person-heading .person-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.about-page .person-profile > p { margin-top: var(--space-related); }
.about-page .person-toggle { min-width: 44px; width: 44px; min-height: 44px; height: 44px; justify-items: end; color: var(--color-foreground); }
.about-page .person-toggle .toggle-icon::before { height: 1px; top: calc(50% - .5px); }
.about-page .person-toggle .toggle-icon::after { width: 1px; left: calc(50% - .5px); }
.about-page .about-logo-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 32px; list-style: none; padding: 0; margin-top: 40px; }
.about-page .about-logo-grid li { display: flex; align-items: center; justify-content: center; width: calc((100% - 128px) / 5); min-width: 0; height: 128px; overflow: visible; }
.about-page .about-logo-grid img { display: block; width: var(--brand-width, 90%); max-width: var(--brand-max, 166px); height: auto; max-height: 108px; object-fit: contain; transform-origin: center; }
.about-page .about-logo-grid a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; min-height: 44px; padding: 6px; overflow: visible; }
.about-page .about-logo-grid a img { transition: transform 250ms ease; }
.about-page .about-logo-grid a:hover img,
.about-page .about-logo-grid a:focus-visible img { transform: scale(1.08); }
.about-page .about-logo-grid a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .about-page .about-logo-grid a img { transition: none; }
  .about-page .about-logo-grid a:hover img,
  .about-page .about-logo-grid a:focus-visible img { transform: none; }
}
.about-page .brand-zetcon { --brand-max: 166px; }
.about-page .brand-igsingenieure { --brand-max: 150px; }
.about-page .brand-fangate { --brand-max: 118px; }
.about-page .brand-projectlab { --brand-max: 120px; }
.about-page .brand-tudoemcasa { --brand-max: 156px; }
.about-page .brand-reabilitelema { --brand-max: 100px; }
.about-page .brand-quintadosimba { --brand-max: 102px; }
.about-page .brand-sergiorodrigues { --brand-max: 164px; }
.about-page .brand-aiodo { --brand-max: 166px; }
.about-page .brand-ahk { --brand-max: 184px; }
.about-page .brand-ds { --brand-max: 100px; }
.about-page .brand-vetac-14 { --brand-width: 82%; --brand-max: 180px; }
@media (max-width: 1200px) { .about-page .about-logo-grid li { width: calc((100% - 96px) / 4); } }
@media (max-width: 760px) {
  
  .about-page .person-profile { display: grid; grid-template-columns: minmax(0, 1fr); }
  .about-page .person-profile > img { grid-row: 1; }
  .about-page .person-heading { display: contents; }
  .about-page .person-heading h3 { grid-row: 2; }
  .about-page .person-profile > p { grid-row: 3; }
  .about-page .person-heading .person-toggle { position: static; transform: none; grid-row: 4; justify-self: end; margin-top: 4px; }
  .about-page .about-logo-grid { gap: 12px 24px; }
  .about-page .about-logo-grid li { width: calc((100% - 24px) / 2); height: 120px; }
}