/* V29 About Us: compact, personal, mint and gold. */
body.about-page{background:#eaf8f1;color:#073e48}
body.about-page .wrap{width:min(1240px,calc(100% - 64px))}
body.about-page .header{background:#eaf8f1;border-bottom:0}
body.about-page .nav{min-height:92px}
.about-page .btn{background:linear-gradient(120deg,#067e77,#003c4b);border:1px solid #bf9b44;color:white;min-height:43px;padding:10px 20px;font-size:13px}
.about-intro{padding:22px 0 26px;background:radial-gradient(ellipse at 90% 15%,#d3eadc,transparent 58%)}
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-page .eyebrow{display:block;font-size:10px;letter-spacing:1.7px;margin-bottom:12px;color:#337267}
.about-page .about-intro h1{font-size:clamp(32px,3.4vw,44px);line-height:1.12;letter-spacing:-1.3px;margin:0 0 17px}
.about-intro h1 em{color:#0b8172;font-style:normal}
.about-intro-copy>p{font-size:14px;line-height:1.7;color:#4b6a60;max-width:510px;margin:0 0 18px}
.about-intro-copy>p.about-lead{font-size:18px;color:#214f4e;line-height:1.5;max-width:455px;margin-bottom:15px}
.about-picture{margin:0;position:relative;padding-bottom:18px}
.about-picture img{display:block;width:100%;height:310px;object-fit:cover;object-position:80% center;border-radius:70px 16px 70px 16px;border:1px solid #d4dec6}
.about-picture figcaption{position:absolute;bottom:0;left:22px;right:22px;background:#fff3d7;border:1px solid #e0cb90;border-radius:10px;padding:10px 16px;text-align:center;font-size:12px;font-weight:600;color:#476154;box-shadow:0 7px 20px #365e3910}
.about-values{padding-top:22px;padding-bottom:26px}
.about-section-heading{text-align:center;margin-bottom:20px}.about-section-heading .eyebrow{margin-bottom:6px}
.about-page .about-section-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 8px}
.about-section-heading>p{font-size:13px;color:#547266;margin:0}
.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-value{position:relative;padding:21px;border-radius:15px;border:1px solid #c3dfcd;background:#dcefe2;overflow:hidden}
.about-value.integrity{background:#fff1ce;border-color:#ebdcae}.about-value.innovation{background:#d8efed;border-color:#bfdfdb}
.value-symbol{position:absolute;right:18px;top:15px;font-size:42px;line-height:1;color:#28735d;font-family:Arial,sans-serif}.integrity .value-symbol{color:#9f7827}
.about-page .about-value h3{font-size:24px;line-height:1.2;margin:0 50px 12px 0;letter-spacing:-.5px}
.about-value h4{font-size:14px;margin:0 0 9px;line-height:1.3}.about-value p{font-size:13px;line-height:1.65;margin:0;color:#3e6155}
.about-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:20px 0 28px}
.about-page .about-bottom h2{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}.about-bottom p{font-size:14px;line-height:1.65;color:#4b6a60;margin:0 0 15px}.about-bottom .eyebrow{margin-bottom:9px}.about-bottom .text-link{font-size:13px}
.about-own{border-left:1px solid #c5ddd0;padding-left:35px}
.about-call{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 26px;background:#d2e9dd;border:1px solid #c0dcca;border-radius:15px;margin-bottom:30px}
.about-page .about-call h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:0 0 6px}.about-call p{font-size:13px;color:#4b6a60;margin:0}
@media(max-width:1180px){body.about-page .nav .links{background:#eaf8f1}}
@media(max-width:850px){.about-intro-grid{gap:25px}.about-picture img{height:300px}.about-value-grid{gap:12px}.about-value{padding:17px}.about-page .about-value h3{font-size:21px}.value-symbol{font-size:32px}.about-bottom{gap:25px}.about-own{padding-left:25px}}
@media(max-width:650px){body.about-page .wrap{width:calc(100% - 32px)}.about-intro{padding-top:18px}.about-intro-grid{grid-template-columns:1fr;gap:25px}.about-picture img{height:240px}.about-page .about-intro h1{font-size:34px}.about-value-grid{grid-template-columns:1fr}.about-value{padding:20px}.about-values{padding-top:18px}.about-page .about-section-heading h2{font-size:25px}.about-bottom{grid-template-columns:1fr;gap:25px}.about-own{border-left:0;border-top:1px solid #c5ddd0;padding:24px 0 0}.about-call{display:block;padding:22px}.about-call .btn{margin-top:16px}}

/* V30: compact illustrated story panels. */
.about-bottom{grid-template-columns:1fr 1fr;gap:24px}
.about-bottom article{background:#e0eee4;border:1px solid #c5ddd0;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}
.about-bottom .about-story-art{display:block;width:100%;height:135px;object-fit:contain;border-radius:10px;margin:0 0 18px;background:#e5f2e9}
.about-bottom .text-link{margin-top:auto}
@media(max-width:650px){.about-bottom{grid-template-columns:1fr}.about-bottom article{padding:18px}}
