.about-hero{position:relative;isolation:isolate;min-height:470px;height:min(640px,calc(100svh - 180px));color:#fff;overflow:hidden;background:#17343c}
.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-position:center;z-index:-2;animation:hero-entry 1.3s ease-out both}
.about-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10262a99,transparent 75%)}
.about-hero-copy{height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:55px}
.about-hero h1{font-size:86px;margin-bottom:26px}.about-hero-line{font-size:30px;line-height:1.3;max-width:440px;text-wrap:balance}.about-hero .text-link{border-color:#ffffff70;margin-top:30px}
.about-introduction{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-block:70px;border-bottom:1px solid var(--line)}.about-introduction>p{font-size:26px;line-height:1.55}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:100px}.about-story h2{font-size:46px;max-width:500px}.about-story>p{font-size:19px;color:var(--muted);line-height:1.9;padding-top:40px}
.about-values{background:#edf0eb;padding-block:100px}.values-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.values-heading{position:sticky;top:130px;align-self:start}.values-heading h2{max-width:460px}.values-heading>p:last-child{max-width:360px;margin-top:30px;color:var(--muted);font-size:18px}
.value-row{display:grid;grid-template-columns:45px 1fr;gap:22px;border-top:1px solid #c7cec5;padding-block:36px;transition:padding-left .3s}.value-row:last-child{border-bottom:1px solid #c7cec5}.value-row:hover{padding-left:10px}.value-row .index{color:#8b5400;padding-top:8px}.value-row h3{font-size:32px;margin-bottom:16px}.value-row p{font-size:17px;color:var(--muted);max-width:390px}
.about-global{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:110px}.about-global h2{max-width:500px}.global-description{padding-top:42px}.global-description h3{font-size:25px;margin-bottom:24px}.global-description p{font-size:18px;line-height:1.85;color:var(--muted)}.global-description .text-link{margin-top:20px}
@media(max-width:1050px){.about-story,.values-layout,.about-global{gap:50px}.about-introduction{gap:40px}.about-hero h1{font-size:72px}.about-story h2{font-size:38px}}
@media(max-width:700px){.about-hero{height:530px;min-height:0}.about-hero>img{object-position:58% center}.about-hero:after{background:linear-gradient(90deg,#10262a99,#10262a15)}.about-hero-copy{padding-block:45px;justify-content:flex-end}.about-hero h1{font-size:52px;margin-bottom:22px}.about-hero-line{font-size:25px;max-width:280px}.about-hero .eyebrow{font-size:10px}.about-introduction,.about-story,.values-layout,.about-global{grid-template-columns:1fr;gap:24px}.about-introduction{padding-block:45px}.about-introduction .eyebrow{margin:0}.about-introduction>p{font-size:21px}.about-story,.about-global{padding-block:55px}.about-story h2{font-size:34px}.about-story>p,.global-description{padding-top:0}.about-story>p,.global-description p{font-size:17px}.about-values{padding-block:55px}.values-heading{position:static}.values-heading>p:last-child{font-size:17px;margin-top:22px}.value-row{grid-template-columns:26px 1fr;gap:15px;padding-block:28px}.value-row h3{font-size:28px}.value-row p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.value-row:hover{padding-left:0}}
@media(max-width:700px){.about-hero:after{background:linear-gradient(90deg,rgba(20,26,23,.75),rgba(20,26,23,.3))}}
