/* Sobre Nós: page-specific hero; shared header, typography and CTA. */
.about-hero{--about-page-title:38px;--about-page-title-line:1.23;--about-page-gap:72px;--about-page-radius:20px;padding-block:var(--space-9);background:var(--surface);color:var(--text)}
.about-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--about-page-gap)}
.about-hero-copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}
.about-hero h1{font-family:var(--heading-family);font-size:var(--about-page-title);font-weight:var(--heading-weight);line-height:var(--about-page-title-line);margin:0}
.about-hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-7)}
.about-hero-text{display:flex;flex-direction:column;gap:var(--space-5);max-width:440px}
.about-hero p{margin:0;font-size:var(--body);line-height:var(--body-line-height)}
.about-hero-photo{display:block;flex:1 1 0;min-width:0;width:calc((100% - var(--about-page-gap))/2);height:auto;aspect-ratio:1126/1644;object-fit:cover;border-radius:var(--about-page-radius)}
@media(min-width:1033px){.about-hero-title-line{display:block}}
@media(max-width:1032px){.about-hero{--about-page-gap:48px;--about-page-title:clamp(28px,3.5vw,38px)}}
@media(max-width:768px){.about-hero{padding-block:var(--space-7);--about-page-title:clamp(30px,5vw,38px)}.about-hero-row{flex-direction:column;gap:var(--space-7)}.about-hero-copy{flex:auto;width:100%}.about-hero-photo{flex:none;width:100%;max-width:480px;align-self:center}.about-hero-content{gap:var(--space-5)}.about-hero-text{max-width:100%}}

/* Sobre Nós — contact CTA banner supplied by the user. */
.about-contact-banner{--about-banner-heading:38px;--about-banner-heading-line:1.23;--about-banner-copy:440px;position:relative;isolation:isolate;overflow:clip;display:flex;align-items:center;min-height:480px;padding-block:var(--space-9);background:var(--text);color:var(--surface)}
.about-contact-banner-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
.about-contact-banner-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-7);max-width:var(--about-banner-copy)}
.about-contact-banner h2{font-family:var(--heading-family);font-size:var(--about-banner-heading);font-weight:var(--heading-weight);line-height:var(--about-banner-heading-line);margin:0;color:var(--surface)}
.about-contact-banner a:focus-visible{outline-color:var(--surface)}
@media(min-width:1033px){.about-contact-banner-line{display:block}}
@media(max-width:1032px){.about-contact-banner{--about-banner-heading:clamp(28px,3.5vw,38px)}}
@media(max-width:768px){.about-contact-banner{padding-block:var(--space-7);min-height:480px;--about-banner-heading:clamp(30px,5vw,36px)}.about-contact-banner-copy{max-width:100%;gap:var(--space-5)}.about-contact-banner-image{object-position:62% center;opacity:.32}}

/* Keep the full photo height visible instead of zooming with viewport width. */
@media(min-width:1600px){.about-contact-banner-image{inset:0 auto auto 50%;width:auto;max-width:none;height:100%;object-fit:contain;transform:translateX(-50%)}}

/* Sobre Nós: team statement and mission, vision, values. */
.about-values{--values-heading:38px;--values-heading-line:1.23;--values-column-gap:60px;--values-card-background:#EDF5FA;--values-card-radius:20px;--values-card-gap:12px;--values-card-min:152px;--values-icon-size:36px;--values-icon-gap:36px;position:relative;isolation:isolate;overflow:clip;padding-block:var(--space-9);background:var(--surface);color:var(--text)}
.about-values-row{display:flex;align-items:flex-start;gap:var(--values-column-gap)}
.about-values-copy{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:var(--space-6)}
.about-values h2{font-family:var(--heading-family);font-size:var(--values-heading);font-weight:var(--heading-weight);line-height:var(--values-heading-line);margin:0}
.about-values p{font-size:var(--body);line-height:var(--body-line-height);margin:0}
.about-values-cards{display:flex;flex:0 1 480px;min-width:0;flex-direction:column;gap:var(--values-card-gap)}
.about-value-card{display:flex;align-items:flex-start;gap:var(--values-icon-gap);padding:var(--space-4);min-height:var(--values-card-min);border-radius:var(--values-card-radius);background:var(--values-card-background)}
.about-value-card>img{display:block;width:var(--values-icon-size);height:var(--values-icon-size);flex-shrink:0}
.about-value-content{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);padding-top:var(--space-1)}
.about-value-card h3{font-family:var(--heading-family);font-size:20px;font-weight:400;line-height:1.4;color:var(--brand);margin:0}
.about-values-background{position:absolute;z-index:-1;left:calc(50% - 236px);top:0;width:1024px;height:auto;max-width:none;pointer-events:none}
@media(min-width:1033px){.about-values-title-line{display:block}}
@media(max-width:1032px){.about-values{--values-heading:clamp(28px,3.5vw,38px);--values-column-gap:40px;--values-icon-gap:24px}.about-values-cards{flex-basis:50%}}
@media(max-width:768px){.about-values{padding-block:var(--space-7);--values-heading:clamp(30px,5vw,36px);--values-icon-gap:24px}.about-values-row{flex-direction:column;gap:var(--space-7)}.about-values-copy,.about-values-cards{flex:auto;width:100%}.about-values-copy{gap:var(--space-5)}.about-values-background{left:calc(50% - 420px);top:auto;bottom:0;width:840px}.about-value-card{min-height:0}}
@media(max-width:380px){.about-value-card{gap:var(--space-3);padding:var(--space-3)}}
