.about-page { color: #3b3b3b; overflow-x: clip; }
.about-banner { position: relative; aspect-ratio: 1920 / 350; background: #557e9f; overflow: hidden; }
.about-banner > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-banner__copy { position: absolute; top: 36%; left: 30%; color: #fff; }
.about-banner h1 { margin: 0; font-size: 3.25rem; line-height: 1.2; }
.about-banner__copy > span { display: block; position: relative; width: 110px; height: 1px; margin-top: 0.5625rem; background: rgb(255 255 255 / 50%); }
.about-banner__copy > span::after { position: absolute; right: -3px; top: -3px; width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; content: ""; }
.about-breadcrumbs { background: #f8f8f8; font-size: 0.875rem; }
.about-breadcrumbs > div { width: min(1360px, calc(100% - 40px)); margin: auto; padding-block: 1.125rem; }
.about-breadcrumbs a { margin-left: 0.375rem; text-decoration: none; }
.about-breadcrumbs span { color: var(--color-brand); }
.about-profile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 1.875rem; width: min(1360px, calc(100% - 40px)); margin: auto; padding-block: 6.875rem 8.25rem; }
.about-profile h2 { margin: 0; }
.about-profile__summary > h2 { font-size: 3rem; line-height: 1.2; }
.about-profile__summary > h2 span, .about-certificates h2 span { color: #d52b2e; }
.about-profile__subtitle { margin-top: 0.625rem; color: #666; font-size: 1rem; line-height: 1.75rem; }
.about-profile__contact { display: inline-grid; place-items: center; min-width: 180px; height: 44px; padding: 0 1.5625rem; margin-top: 3.125rem; color: #fff; background: #d02c2e; border-radius: 6.1875rem; font-size: 1rem; text-decoration: none; }
.about-profile__contact:hover { color: #fff; background: var(--color-brand-dark); }
.about-profile__stats { margin-top: 1.875rem; }
.about-profile__stats > div > div { display: grid; grid-template-columns: 1fr; }
.about-profile__stats > div > div > div { padding: 1.25rem 0 1.875rem; border-bottom: 1px solid #eee; }
.about-profile__stats > div > div > div > div:first-child { color: #d52b2e; font-size: 3rem; line-height: 1; }
.about-profile__stats p { display: inline; margin: 0; }
.about-profile__stats > div > div > div > div:first-child span { color: #555; font-size: 1.125rem; }
.about-profile__stats > div > div > div > div:last-child { margin-top: 0.5rem; color: #666; font-size: 1.125rem; line-height: 1.5; }
.about-profile__detail > h2 { font-size: 1.75rem; line-height: 1.5; }
.about-profile__copy { margin-top: 1.5rem; color: #666; font-size: 1.0625rem; line-height: 1.75rem; }
.about-profile__copy p { margin: 0; }
.about-profile__factory { margin: 3.125rem 0 0; }
.about-profile__factory img { display: block; width: 100%; height: auto; }
.about-certificates { width: min(80vw, 2110px); margin: auto; }
.about-certificates h2 { margin: 0 0 1.25rem; font-size: 2.25rem; line-height: 1.5; }
.about-certificates__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.about-certificates figure { margin: 0; padding-inline: 2.75rem; }
.about-certificates img { display: block; width: 100%; height: auto; }
.about-certificates figcaption, .about-profile__factory figcaption { font-size: 0.75rem; color: #666; }
@media (max-width: 700px) {
.about-banner { height: 95px; aspect-ratio: auto; }
.about-banner > img { object-position: center; }
.about-banner__copy { top: 21px; left: 20px; }
.about-banner h1 { font-size: 1.75rem; }
.about-banner__copy > span { margin-top: 0.625rem; }
.about-banner__copy > span::after { width: 12px; height: 12px; top: -5px; }
.about-breadcrumbs { display: none; }
.about-profile { display: block; width: calc(100% - 20px); padding: 1.6875rem 0 2rem; }
.about-profile__summary > h2 { font-size: 1.875rem; }
.about-profile__subtitle { margin-top: 0.4375rem; font-size: 0.875rem; }
.about-profile__contact { min-width: 150px; height: 42px; margin-top: 1rem; font-size: 1rem; }
.about-profile__stats { margin-top: 0.4375rem; }
.about-profile__stats > div > div { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 0.625rem; padding-right: 1.375rem; }
.about-profile__stats > div > div > div { padding: 0.625rem 0.1875rem 0.75rem; }
.about-profile__stats > div > div > div > div:first-child { font-size: 2.1875rem; }
.about-profile__stats > div > div > div > div:first-child span { font-size: 0.875rem; }
.about-profile__stats > div > div > div > div:last-child { margin-top: 0.25rem; font-size: 0.9375rem; line-height: 1.5; }
.about-profile__detail { margin-top: 0.875rem; padding: 0 0.25rem; }
.about-profile__detail > h2 { font-size: 1.3125rem; line-height: 1.6; }
.about-profile__copy { margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.94; }
.about-profile__factory { margin-top: 0.75rem; }
.about-certificates { width: 100%; padding-bottom: 1rem; }
.about-certificates h2 { margin-bottom: 1.5rem; font-size: 1.4375rem; }
.about-certificates__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.125rem; margin-inline: 1rem; }
.about-certificates figure { padding: 0; }

}
@media (min-width: 701px) and (max-width: 1100px) {
.about-profile, .about-breadcrumbs > div { width: calc(100% - 48px); }
.about-profile__summary > h2 { font-size: 2.25rem; }
.about-profile__detail > h2 { font-size: 1.5rem; }

}