.intro-statement{padding-top:103px;background:#fff}
.intro-statement-inner{max-width:1344px;margin:auto;padding:0}
.intro-statement h1{width:100%;max-width:1230px;height:auto;margin:0;font:600 46px/52px Geist,sans-serif;letter-spacing:-1px;color:#000}
.photo-strip{height:527.5px;margin-top:155px;overflow:hidden}
.photo-strip-track{display:flex;align-items:center;gap:64px;width:max-content;height:100%;margin-left:calc((100vw - 1440px)/2 - 253.17px)}
.photo-strip-item{position:relative;width:422px;height:422px;flex-shrink:0}
.photo-strip-item--tall{height:527.5px}
.photo-strip-item img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.about--mission{padding:229.5px 30px 0 48px}
.about--mission .about-layout{max-width:1362px;grid-template-columns:176px minmax(0,1fr);gap:157px}
.about--mission .section-label{font:400 22px/22px Inter,sans-serif;color:#d96a15;white-space:nowrap}
.about--mission .about-intro{display:flex;flex-direction:column;align-items:flex-start;gap:60px;min-height:315px}
.about--mission h2{font:600 46px/50.6px Barlow,sans-serif;letter-spacing:-3.22px}
.about--mission .action-link{width:186px}
.about-page .life-gallery{padding:230px 48px 0}
.about-page .life-gallery-frame{height:499px;border-radius:0}
.values-section{padding:206px 48px 230px;background:#fff}
.values-inner{max-width:1344px;margin:auto}
.values-section .detail-heading{display:flex;flex-direction:column;gap:16px;margin:0 0 145px;min-height:142px}
.values-section .detail-heading>p{margin:0;font:400 22px/22px Inter,sans-serif;color:#d96a15}
.values-section .detail-heading h2{max-width:943px;margin:0;font:600 40px/52px Inter,sans-serif;letter-spacing:-.4px}
.values-switcher{display:grid;grid-template-columns:minmax(0,546fr) minmax(0,660fr);gap:138px;min-height:513px}
.value-options{display:flex;flex-direction:column;align-items:stretch;gap:60px;min-width:0}
.value-button{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:none;text-align:left;color:#969696;font:600 48px/52.8px Inter,sans-serif;letter-spacing:-1.92px;white-space:nowrap;transition:color 300ms ease-out}
.value-button>span{display:inline-block;white-space:pre;transition:transform 300ms ease-out}
.value-button[aria-pressed=true]{color:#502d7f}
.value-button[aria-pressed=true]>span{transform:translateX(10px)}
.value-panels{position:relative;min-width:0}
.value-panel{display:flex;flex-direction:column;gap:24px;min-height:513px}
.value-panel[hidden]{display:none}
.value-copy{order:0;min-height:120px;padding-left:3px}
.value-caption{display:none}
.value-description{margin:0;color:#000;font:500 20px/30px Inter,sans-serif}
.value-image{display:block;order:1;width:100%;height:369px;object-fit:cover;border-radius:12px}
.value-panel--initial .value-image{border-radius:0}
@media(min-width:768px) and (max-width:1439px){
  .intro-statement-inner{margin-inline:48px}
}
@media(min-width:1441px){
  .about--mission{padding-inline:max(48px,calc((100% - 1344px)/2))}
}
@media(min-width:768px) and (max-width:1199px){
  .intro-statement{padding-top:80px}
  .intro-statement-inner{margin-inline:32px}
  .intro-statement h1{font-size:40px;line-height:47px}
  .photo-strip{margin-top:100px}
  .about--mission{padding:120px 32px 0}
  .about--mission .about-layout{grid-template-columns:140px minmax(0,1fr);gap:40px}
  .about--mission h2{font-size:36px;line-height:42px;letter-spacing:-1.8px}
  .about--mission h2 br{display:none}
  .about--mission .about-intro{min-height:0;gap:40px}
  .about-page .life-gallery{padding:120px 32px 0}
  .about-page .life-gallery-frame{height:clamp(300px,34.65vw,499px)}
  .values-section{padding:120px 32px}
  .values-section .detail-heading{margin-bottom:80px}
  .values-switcher{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px}
  .value-button{font-size:clamp(27px,3.5vw,42px);line-height:1.1;letter-spacing:-1.4px}
  .value-copy{padding:0;min-height:180px}
  .value-image{height:300px}
}
@media(max-width:767px){
  .about-page,.intro-statement,.about--mission,.values-section{background:#fbfaf9}
  .intro-statement{padding-top:149.941px;padding-bottom:64px}
  .intro-statement-inner{margin:0 16px}
  .intro-statement h1{max-width:334px;font:600 26px/30px Barlow,sans-serif;letter-spacing:-1px;color:#0f0e16}
  .photo-strip{height:350px;margin-top:54px}
  .photo-strip-track{gap:20px;margin-left:-233px}
  .photo-strip-item{width:280px;height:280px}
  .photo-strip-item--tall{height:350px}
  .about-page .site-header{z-index:1}
  .about--mission{padding:0 16px 64px}
  .about--mission .about-layout{display:block}
  .about--mission .section-label{margin-bottom:16px;font:400 18.8px/22px Inter,sans-serif}
  .about--mission .about-intro{gap:22px;min-height:0}
  .about--mission h2{font:600 26px/30px Barlow,sans-serif;letter-spacing:-1px}
  .about--mission h2 br{display:none}
  .about--mission .action-link{width:100%;min-height:44px;padding:14px 32px;border:0;border-radius:6px;font:600 16px/16px Barlow,sans-serif;letter-spacing:0}
  .about--mission .action-link img{display:none}
  .about-page .life-gallery{padding:0}
  .about-page .life-gallery-frame{height:300px}
  .values-section{padding:64px 16px}
  .values-section .detail-heading{min-height:0;gap:16px;margin-bottom:64px}
  .values-section .detail-heading>p{font:400 18.8px/22px Inter,sans-serif}
  .values-section .detail-heading h2{max-width:316px;font:600 25px/30px Inter,sans-serif;letter-spacing:-1px}
  .values-switcher{display:flex;flex-direction:column;gap:33px;min-height:0}
  .value-options{gap:24px}
  .value-button{height:55px;padding-bottom:16px;border-bottom:1px solid #0006;font:500 35px/38.5px Inter,sans-serif;letter-spacing:-2px;color:#0006}
  .value-button[aria-pressed=true]{border-color:#000;color:#000}
  .value-button>span{transition:transform 300ms cubic-bezier(.175,.885,.32,1.275)}
  .value-panel{gap:12px;min-height:0}
  .value-image,.value-panel--initial .value-image{order:0;height:200px;border-radius:6px}
  .value-copy{order:1;min-height:138px;padding:0;letter-spacing:-.6px}
  .value-caption{display:block;margin:0 0 8px;color:#f68e1e;font:500 15px/20px Inter,sans-serif}
  .value-description{font:400 16px/22px Barlow,sans-serif}
  .about-page .site-footer{padding-top:0;padding-bottom:32px}
  .about-page .contact-mobile-label{display:none}
  .about-page .contact-intro h2{line-height:35px}
}
@media(max-width:360px){.value-button{font-size:30px;letter-spacing:-1.8px}.intro-statement h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.value-button,.value-button>span{transition:none}}
