.about-page { color: var(--a-ink); background: var(--a-paper); }
.about-page .a-nav .is-current { color: var(--a-teal); }
.about-hero { display: grid; grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr); gap: 8%; min-height: 620px; padding-top: 82px; padding-bottom: 88px; align-items: center; }
.about-hero-copy { max-width: 570px; }
.about-hero h1 { max-width: 570px; margin: 23px 0 28px; font-size: clamp(50px, 6vw, 82px); line-height: .94; letter-spacing: -.075em; }
.about-hero h1 em, .about-statement h2 em, .about-principles h2 em, .about-directions h2 em, .about-reach h2 em, .about-trust h2 em, .about-cta h2 em { color: var(--a-teal); font-style: normal; }
.about-hero-lead { max-width: 490px; color: #607170; font-size: 17px; line-height: 1.6; }
.about-hero-media { position: relative; min-height: 470px; padding: 22px 22px 0 0; }
.about-hero-media::before { position: absolute; inset: 0 0 22px 22px; border: 1px solid var(--a-orange); content: ''; }
.about-hero-media img { position: relative; width: 100%; height: 445px; object-fit: cover; filter: saturate(.78); }
.about-image-note { position: absolute; right: -22px; bottom: 0; width: 180px; min-height: 150px; padding: 20px; color: #fff; background: var(--a-teal); }
.about-image-note span { display: block; color: var(--a-orange); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.about-image-note strong { display: block; margin-top: 28px; font-size: 20px; line-height: 1; }
.about-statement { padding: 92px 0; color: #fff; background: #102a2a; }
.about-statement-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8%; }
.about-statement .a-eyebrow, .about-statement h2 { color: #fff; }
.about-statement h2, .about-section-head h2, .about-reach h2, .about-cta h2 { margin: 0; font-size: clamp(38px, 5vw, 65px); line-height: .96; letter-spacing: -.065em; }
.about-statement-grid > div { max-width: 700px; }
.about-statement-grid p:last-child { max-width: 590px; margin: 30px 0 0; color: #b9cbc8; font-size: 17px; line-height: 1.65; }
.about-principles { padding-top: 110px; padding-bottom: 115px; }
.about-section-head { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: end; margin-bottom: 48px; }
.about-section-head > p { max-width: 390px; margin: 0 0 4px; color: #687a78; font-size: 15px; line-height: 1.6; }
.about-principle-list { border-top: 1px solid var(--a-line); }
.about-principle-list article { display: grid; grid-template-columns: 90px 1fr; gap: 7%; padding: 27px 0 29px; border-bottom: 1px solid var(--a-line); }
.about-principle-list article > span { color: var(--a-orange); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.about-principle-list h3 { margin: 0 0 10px; color: var(--a-teal); font-size: 25px; letter-spacing: -.04em; }
.about-principle-list p { max-width: 650px; margin: 0; color: #607170; font-size: 14px; line-height: 1.6; }
.about-directions { padding: 105px 0 115px; color: #fff; background: var(--a-teal); }
.about-directions .a-eyebrow, .about-directions h2 { color: #fff; }
.about-directions h2 em { color: var(--a-orange); }
.about-directions .about-section-head > p { color: #c4ded9; }
.about-direction-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.3); border-left: 1px solid rgba(255,255,255,.3); }
.about-direction-grid a { position: relative; min-height: 220px; padding: 22px; color: #fff; border-right: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); }
.about-direction-grid span { color: var(--a-orange); font-size: 10px; letter-spacing: .12em; font-weight: 800; }
.about-direction-grid strong { display: block; margin-top: 43px; font-size: 25px; letter-spacing: -.04em; }
.about-direction-grid small { display: block; max-width: 185px; margin-top: 14px; color: #c4ded9; font-size: 12px; line-height: 1.4; }
.about-direction-grid b { position: absolute; right: 22px; bottom: 20px; font-size: 20px; transition: transform .2s; }
.about-direction-grid a:hover b { transform: translateX(4px); }
.about-reach { display: grid; grid-template-columns: 1.05fr .95fr; gap: 9%; padding-top: 115px; padding-bottom: 120px; align-items: center; }
.about-reach-image { position: relative; min-height: 465px; padding: 0 24px 24px 0; }
.about-reach-image::after { position: absolute; right: 0; bottom: 0; width: 55%; height: 50%; background: var(--a-orange); content: ''; z-index: 0; }
.about-reach-image img { position: relative; z-index: 1; width: 100%; height: 440px; object-fit: cover; object-position: 76% center; filter: saturate(.78); }
.about-reach-image span { position: absolute; z-index: 2; left: 18px; bottom: 3px; color: #fff; font-size: 10px; letter-spacing: .15em; }
.about-reach-copy > p:not(.a-eyebrow) { max-width: 440px; margin: 30px 0; color: #607170; font-size: 15px; line-height: 1.65; }
.about-fact { display: grid; grid-template-columns: 140px 1fr; gap: 20px; max-width: 440px; padding: 18px 0; border-top: 1px solid var(--a-line); border-bottom: 1px solid var(--a-line); }
.about-fact b { color: var(--a-teal); font-size: 14px; }.about-fact span { color: #607170; font-size: 12px; line-height: 1.6; }
.about-reach-copy .a-text-link { display: inline-flex; margin-top: 24px; }
.about-trust { padding: 105px 0 115px; background: #eef4f2; }
.about-feedback-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.about-feedback-grid article { min-height: 270px; padding: 21px; background: #fff; border: 1px solid var(--a-line); }
.about-feedback-logo { height: 42px; margin-bottom: 22px; }.about-feedback-logo img { max-width: 145px; width: auto; height: 42px; object-fit: contain; filter: grayscale(1); }
.about-feedback-grid p { color: #607170; font-size: 12px; line-height: 1.55; }.about-feedback-grid strong { color: var(--a-teal); font-size: 11px; }
.about-cta { color: #fff; background: var(--a-orange); }.about-cta-inner { display: flex; min-height: 285px; align-items: center; justify-content: space-between; gap: 40px; }.about-cta .a-eyebrow, .about-cta h2 { color: #fff; }.about-cta h2 em { color: var(--a-dark); }
.about-cta .a-button-light { color: #102a2a; background: #fff; }.about-cta .a-button-light:hover { color: #fff; background: #102a2a; }
@media (max-width: 820px) { .about-hero { display: block; min-height: 0; padding-top: 48px; padding-bottom: 75px; }.about-hero h1 { font-size: clamp(44px, 12vw, 64px); }.about-hero-lead { font-size: 16px; }.about-hero-media { min-height: 330px; margin-top: 52px; padding: 17px 17px 0 0; }.about-hero-media img { height: 305px; }.about-image-note { right: -17px; width: 145px; min-height: 115px; padding: 14px; }.about-image-note strong { margin-top: 20px; font-size: 16px; }.about-statement { padding: 70px 0; }.about-statement-grid, .about-section-head, .about-reach { display: block; }.about-statement-grid > div { margin-top: 30px; }.about-statement h2, .about-section-head h2, .about-reach h2, .about-cta h2 { font-size: clamp(38px, 10vw, 54px); }.about-principles, .about-reach { padding-top: 75px; padding-bottom: 80px; }.about-section-head > p { margin-top: 24px; }.about-principle-list { margin-top: 36px; }.about-principle-list article { grid-template-columns: 48px 1fr; gap: 18px; }.about-principle-list h3 { font-size: 21px; }.about-directions { padding: 75px 0 80px; }.about-direction-grid { grid-template-columns: 1fr; }.about-direction-grid a { min-height: 170px; }.about-direction-grid strong { margin-top: 28px; }.about-reach-image { min-height: 300px; margin-bottom: 48px; padding: 0 17px 17px 0; }.about-reach-image img { height: 285px; object-position: 76% center; }.about-trust { padding: 75px 0 80px; }.about-feedback-grid { grid-template-columns: 1fr; }.about-feedback-grid article { min-height: 0; }.about-cta-inner { display: block; min-height: 0; padding-top: 65px; padding-bottom: 65px; }.about-cta .a-button { margin-top: 30px; } }
@media (max-width: 440px) { .about-hero h1 { font-size: 43px; }.about-fact { grid-template-columns: 110px 1fr; gap: 12px; }.about-hero-media { min-height: 285px; }.about-hero-media img { height: 260px; } }