/* Original About Us proportions; shared header and banner changes only. */
.site-header{border-bottom:1px solid #333}
.page-title{padding-block:60px}
.hero-standard{height:var(--page-hero-desktop-height,693px);min-height:0;align-items:flex-end}
.hero-standard .hero-shade{background:rgba(29,39,61,.2)}
.hero-standard .hero-content{padding-top:30px;padding-bottom:var(--page-hero-heading-inset,70px)}
.hero-standard h1{font-size:60px;font-weight:700;line-height:1.2;letter-spacing:1.5px;text-shadow:3px 3px 7px #333;margin:0;max-width:100%}
.hero-standard .home-hero-rule{width:120px;max-width:20%;height:2px;margin-top:4px}
.hero-standard .hero-controls{bottom:16px}
.about-page{--about-pale:#f3fafa;color:#333;font:15px/1.7 var(--sans)}
.about-page h2,.about-page h3{font-weight:400;color:#222}
.about-page .prose p{line-height:1.7;margin:0 0 1em}
.about-company{background:var(--about-pale);padding:120px 0 100px}
.about-company-grid{width:min(1186px,calc(100% - 96px));display:grid;grid-template-columns:48.24% 51.76%;align-items:center}
.about-company-image{background:#fff;box-shadow:0 0 30px #a8a8a880}
.about-company-image img{width:100%;height:auto}
.about-company-copy{padding:20px 80px 20px 110px}
.about-company-copy h2,.about-values-heading h2{font-size:30px;line-height:1.35;text-transform:uppercase;letter-spacing:.8px;margin:0}
.about-rule{height:1px;width:80px;background:var(--green);margin:30px auto 18px}
.about-company-copy .about-rule{margin:30px 0 20px}
.about-values{position:relative;isolation:isolate;background:#fff;padding:100px 0 120px}
.about-values-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.03}
.about-values-heading{text-align:center;margin:20px 0 100px}
.about-icon{display:block;width:30px;height:30px;fill:var(--green);margin:0 auto 12px}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.about-value{text-align:center;padding:0 50px;min-width:0}
.about-value h3{font:24px/1.6 var(--serif);margin:0}
.about-value .about-rule{width:40px;margin:24px auto 16px}
.about-contact-grid{display:grid;grid-template-columns:63.92% 36.08%;align-items:stretch;margin-top:55px}
.about-contact-grid>.about-value{padding-inline:40px}
.about-contact{position:relative;isolation:isolate;margin:0;padding:40px 50px;background-image:linear-gradient(#001615b3,#001615b3),var(--contact-image);background-size:cover;background-position:center;background-attachment:fixed;color:white}
.about-contact-inner{height:100%;border:4px solid #ffffff80;padding:20px}
.about-contact h2{font-size:30px;line-height:1.2;color:white;margin:0 0 10px}
.about-contact .prose p{color:#eee}
.about-contact .prose p:last-child{margin:20px 0 0}
.about-contact .prose a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:160px;padding:12px 25px;border-radius:3px;background:var(--button);color:var(--button-text);font:var(--button-font-weight) var(--button-font-size)/1.4 var(--sans);letter-spacing:.8px;text-transform:uppercase;text-decoration:none}
.about-contact .prose a:hover{background:var(--button-hover)}
.about-team{padding:120px 0 100px;background:var(--about-pale)}
.about-team>.wrap{width:min(1236px,calc(100% - 96px))}
.about-team h2{text-align:center;font-size:42px;line-height:1.4;text-transform:uppercase;margin:0}
.about-team>.wrap>.about-rule{width:120px;margin:15px auto 30px}
.about-team-list{display:grid;gap:100px}
.about-team-member{background:white;padding:65px 75px;box-shadow:0 0 16px #18636321;border-radius:4px;min-width:0}
.about-team-member .about-credentials{margin-bottom:30px}
.about-credentials a{color:#3e601c;text-decoration:none}
.about-team-member .prose p{margin-bottom:0;line-height:1.7}
.about-team-member h3{font:400 15px/1.7 var(--sans);margin:10px 0}
.about-team-member .about-role{margin:5px 0 0}
@media(max-width:1000px){
 .hero-standard{height:var(--page-hero-tablet-height,418px)}
 .hero-standard h1{font-size:50px}
 .about-company{padding:80px 0}
 .about-company-grid{grid-template-columns:1fr;gap:50px}
 .about-company-image{width:min(574px,100%);margin:auto}
 .about-company-copy{padding:0 40px}
 .about-value{padding-inline:25px}
 .about-contact{padding:30px}
 .about-contact-grid>.about-value{padding-inline:25px}
 .about-team-member{padding:50px}
}
@media(max-width:700px){
 .hero-standard{height:var(--page-hero-mobile-height,408px)}
 .hero-standard h1{font-size:44px;line-height:1.2;letter-spacing:1px}
 .hero-standard .hero-content{padding-bottom:var(--page-hero-heading-inset,70px)}
 .about-company{padding:60px 0}
 .about-company-grid{width:calc(100% - 40px);gap:40px}
 .about-company-copy{padding:0 10px}
 .about-company-copy h2,.about-values-heading h2{font-size:27px}
 .about-values{padding:50px 0}
 .about-values-heading{margin:10px 0 60px}
 .about-values-grid,.about-contact-grid{grid-template-columns:1fr;gap:45px}
 .about-value,.about-contact-grid>.about-value{padding-inline:15px}
 .about-contact-grid{margin-top:45px}
 .about-contact{padding:25px 20px;background-attachment:scroll}
 .about-contact-inner{padding:22px 18px}
 .about-team{padding:70px 0 60px}
 .about-team>.wrap{width:calc(100% - 40px)}
 .about-team h2{font-size:36px}
 .about-team-list{gap:40px}
 .about-team-member{padding:35px 25px}
}
@media(prefers-reduced-motion:reduce){.about-contact{background-attachment:scroll}}