.about-hero { background: var(--color-white); }
.about-hero__inner { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); min-height: 570px; align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.about-hero__content { max-width: 550px; padding-block: 4rem; }
.about-hero__content .eyebrow { margin-bottom: 1rem; }
.about-hero__content h1 { margin-bottom: 1.5rem; font-size: clamp(2.8rem, 5.4vw, 5.4rem); }
.about-hero__content p:last-child { color: var(--color-muted); }
.about-hero__media { position: relative; align-self: stretch; min-height: 420px; overflow: hidden; background: #25282a; }
.about-hero__placeholder { position: absolute; inset: 0; display: grid; place-content: center; background: linear-gradient(135deg, #3e4244, #1a1d1f); color: rgb(255 255 255 / 48%); font-size: .8rem; font-weight: 800; letter-spacing: .1em; line-height: 1.5; text-align: center; text-transform: uppercase; }
.about-hero__placeholder span { color: var(--color-amber); font-size: .6rem; }
.about-hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .about-hero__media img.is-missing { display: none; }
.about-numbers { background: var(--color-neutral); padding-block: 1.5rem; }
.about-numbers__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.about-numbers__grid > div { display: grid; gap: .5rem; min-height: 175px; align-content: center; padding: 1.5rem clamp(1rem, 3vw, 3rem); border-left: 1px solid var(--color-border); }
.about-numbers__grid > div:first-of-type { border-left: 0; }
.about-numbers strong { font-size: clamp(2.25rem, 4vw, 4rem); font-weight: 900; letter-spacing: -.08em; line-height: 1; }
.about-numbers span { color: var(--color-muted); font-size: .68rem; font-weight: 800; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
.about-numbers__notice { color: var(--color-muted); font-size: .67rem; font-style: italic; text-align: right; }
.mission-vision { background: var(--color-white); }
.mission-vision__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 10vw, 10rem); }
.mission-vision article + article { padding-left: clamp(2rem, 5vw, 5rem); border-left: 1px solid var(--color-border); }
.mission-vision .eyebrow { margin-bottom: 1.25rem; }
.mission-vision h2 { font-size: clamp(1.55rem, 2.7vw, 2.65rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.16; }
.about-values { background: var(--color-charcoal); }
.about-values__intro { display: flex; align-items: end; justify-content: space-between; margin-bottom: 3rem; }
.about-values__intro .eyebrow { margin-bottom: 1rem; }
.about-values__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.about-values__grid span { padding: 1.5rem clamp(1rem, 2.5vw, 2.5rem); border-left: 1px solid #34373a; color: var(--color-white); font-size: .75rem; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.about-values__grid span:first-child { border-left: 0; }
@media (max-width: 768px) { .about-hero__inner { grid-template-columns: 1fr; gap: 0; } .about-hero__content { padding-top: 4rem; padding-bottom: 2.5rem; } .about-hero__media { min-height: 330px; } .about-numbers__grid, .about-values__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-numbers__grid > div:nth-of-type(3), .about-values__grid span:nth-child(3) { border-left: 0; } .about-numbers__grid > div:nth-of-type(n+3), .about-values__grid span:nth-child(n+3) { border-top: 1px solid var(--color-border); } .about-values__grid span:nth-child(n+3) { border-color: #34373a; } .mission-vision__grid { grid-template-columns: 1fr; gap: 3rem; } .mission-vision article + article { padding-top: 3rem; padding-left: 0; border-top: 1px solid var(--color-border); border-left: 0; } }
@media (max-width: 420px) { .about-numbers__grid, .about-values__grid { grid-template-columns: 1fr; } .about-numbers__grid > div, .about-numbers__grid > div:nth-of-type(3), .about-values__grid span, .about-values__grid span:nth-child(3) { border-top: 1px solid var(--color-border); border-left: 0; } .about-values__grid span, .about-values__grid span:nth-child(3) { border-color: #34373a; } .about-numbers__grid > div:first-of-type, .about-values__grid span:first-child { border-top: 0; } }