/* About-only motion and supplied artwork; shared type and navigation stay intact. */
body[data-page="about"] .about-hero .hero-photo {height:auto;aspect-ratio:1512/1040}
body[data-page="about"] .about-approach .split-photo {height:auto;aspect-ratio:4/3}
body[data-page="about"] [data-about-reveal-ready] {
  opacity:0;transform:translateY(28px);
  transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1);
}
body[data-page="about"] [data-about-reveal-ready].about-in,
body[data-page="about"] [data-about-reveal-ready]:focus-within {opacity:1;transform:none}

.about-values {border-block:1px solid var(--line);background:var(--white)}
.values-header {max-width:720px;text-align:center;margin:0 auto 48px}
.values-header>p:last-child {margin-top:22px;font-size:var(--type-reading)}
.values-console {position:relative;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;box-shadow:0 4px 20px #20272506,0 24px 60px #2027250a}
.values-controls {position:relative;display:flex;align-items:center;gap:24px;padding:22px 28px;background:linear-gradient(#fafcfb,#fff);border-bottom:1px solid var(--line)}
.values-tabs {position:relative;display:flex;flex:1;min-width:0;gap:4px;padding:6px;background:var(--blue-wash);border-radius:999px}
.values-tab {position:relative;z-index:1;flex:1;min-width:0;min-height:48px;padding:8px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:22px;font-weight:750;line-height:1.2;transition:color .3s}
.values-tab:hover {color:var(--ink)}
.values-tab[aria-selected="true"] {color:white}
.values-tab-pill {position:absolute;top:6px;left:0;height:calc(100% - 12px);border-radius:999px;background:var(--ink);pointer-events:none;transition:transform .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #20272520}
.values-playback {display:flex;align-items:center;gap:18px;flex:0 0 auto}
.values-counter {font-size:17px;color:var(--muted);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.values-counter [data-values-counter] {color:var(--ink)}
.values-toggle {border-color:transparent;background:transparent}
.values-toggle:hover {background:var(--blue-wash)}
.values-toggle>span {display:grid;place-items:center}
.values-auto-progress {position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--blue-wash);overflow:hidden}
.values-auto-progress>span {display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
.values-panel {position:relative;isolation:isolate;display:grid;grid-template-columns:60px minmax(0,1fr) 128px;gap:42px;align-items:center;min-height:350px;padding:60px 52px;overflow:hidden}
.values-panel+.values-panel {border-top:1px solid var(--line)}
[data-values-ready] .values-panel {border-top:0}
.values-letter-bg {position:absolute;z-index:-1;right:-14px;top:50%;transform:translateY(-50%);font-size:420px;font-weight:800;line-height:1;color:#eff5f5;pointer-events:none;user-select:none}
.values-number {display:flex;align-items:center;gap:12px;align-self:start;padding-top:7px;color:var(--blue);font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}
.values-number::before {content:"";width:20px;height:1px;background:currentColor;flex:0 0 20px}
.values-copy {min-width:0;max-width:640px}
.values-tag {display:inline-block;margin-bottom:20px;padding:5px 10px;border:1px solid #a8cad5;border-radius:4px;font-size:15px;font-weight:600;color:var(--blue);background:#edf6f859}
.values-copy h3 {font-size:var(--type-section);font-weight:750;line-height:1.12;margin-bottom:20px}
.values-copy h3 em {display:inline-block;font-size:18px;font-style:normal;font-weight:500;color:var(--muted)}
.values-copy p {font-size:var(--type-reading);line-height:1.7}
.values-accent {display:grid;place-items:center;width:128px;aspect-ratio:1;border:1px solid #c6dce2;border-radius:8px;color:var(--blue);background:linear-gradient(135deg,#fff,#eef6f7);box-shadow:0 12px 32px #007ba512,inset 0 1px #fff}
.values-accent>.icon {width:58px;height:58px;stroke-width:1.4;animation:about-icon-enter .55s cubic-bezier(.16,1,.3,1) both}
.values-console[data-values-ready] .values-panel:not([hidden]) .values-copy,
.values-console[data-values-ready] .values-panel:not([hidden]) .values-number {animation:about-value-enter .45s cubic-bezier(.16,1,.3,1) both}
.values-panel.is-changing .values-copy,.values-panel.is-changing .values-number,.values-panel.is-changing .values-accent {opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.values-icon--excellence>.icon {animation:about-icon-enter .55s both,about-value-glimmer 2.4s .55s ease-in-out infinite}
.values-icon--xeniality>.icon {animation:about-icon-enter .55s both,about-value-heart 1.8s .55s ease-in-out infinite}
.values-icon--collaboration>.icon circle {transform-box:fill-box;transform-origin:center;animation:about-value-node 1.8s ease-in-out infinite}
.values-icon--collaboration>.icon circle:nth-of-type(2) {animation-delay:.25s}
.values-icon--collaboration>.icon circle:nth-of-type(3) {animation-delay:.5s}
.values-icon--ingenuity>.icon {animation:about-icon-enter .55s both,about-value-glimmer 2.4s .55s ease-in-out infinite}
.values-icon--trust>.icon path:last-child {stroke-dasharray:24;stroke-dashoffset:24;animation:about-value-check 3.2s ease-in-out infinite}
.values-icon--empowerment>.icon {animation:about-icon-enter .55s both,about-value-lift 2.4s .55s ease-in-out infinite}
[data-values-paused] .values-accent>.icon,[data-values-paused] .values-accent>.icon * {animation-play-state:paused}
.values-console .visually-hidden {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.values-closing {margin-top:44px;padding:40px 44px;background:var(--charcoal);text-align:center}
.values-closing>p {max-width:760px;margin-inline:auto;color:#cbd5d0;font-size:17px}
.values-closing .values-statement {max-width:900px;margin-top:18px;color:white;font-size:24px;font-weight:600;line-height:1.4}
.values-statement strong {color:#9bd7e6;font-weight:800}

body[data-page="about"] .principle-ledger {border-color:var(--line)}
body[data-page="about"] .principle-line {padding:32px 16px;margin-inline:-16px;transition:background .3s,translate .3s,border-color .3s;border-radius:8px;border-color:var(--line)}
body[data-page="about"] .principle-line:hover {background:var(--blue-wash);translate:8px 0;border-color:transparent}
body[data-page="about"] .principle-index {color:var(--blue);font-size:24px}
body[data-page="about"] .principle-title>.icon {transition:transform .3s}
body[data-page="about"] .principle-line:hover .principle-title>.icon {transform:scale(1.12)}
body[data-page="about"] .principle-result {color:var(--ink);font-size:16px}
body[data-page="about"] .principle-result>.icon {color:var(--blue)}

.about-maturity {position:relative;isolation:isolate;overflow:hidden;background:#fff;border-block:1px solid var(--line)}
.about-maturity-background {position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.about-maturity::before {content:"";position:absolute;inset:0;z-index:-1;background:#ffffff38;pointer-events:none}
.about-maturity .section-head>p,.about-maturity .maturity-path p {color:#465650}
.about-maturity .maturity-path {position:relative;gap:24px;--path-progress:0}
.about-maturity .maturity-path::before,.about-maturity .maturity-path::after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#c8dade;pointer-events:none}
.about-maturity .maturity-path::after {background:var(--blue);transform:scaleX(var(--path-progress));transform-origin:left;transition:transform 1.5s cubic-bezier(.4,0,.2,1)}
.about-maturity.in-view .maturity-path {--path-progress:1}
.about-maturity:not([data-maturity-ready]) .maturity-path {--path-progress:1}
.about-maturity .maturity-path li {position:relative;border:0;padding-top:28px}
.about-maturity .maturity-path li::before {content:"";position:absolute;top:-5px;left:0;width:12px;height:12px;background:white;border:2px solid var(--blue);border-radius:50%;z-index:1;opacity:1;transform:none}
.about-maturity[data-maturity-ready] .maturity-path li::before {opacity:0;transform:scale(0);transition:opacity .4s,transform .4s;transition-delay:0s}
.about-maturity[data-maturity-ready].in-view .maturity-path li::before {opacity:1;transform:scale(1);transition-delay:calc(.3s + var(--stage-index) * .25s)}
.about-maturity .maturity-path h3 {font-size:24px}
.about-maturity .actions {margin-top:36px}

@keyframes about-value-enter {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes about-icon-enter {from{transform:scale(.8) rotate(-8deg)}to{transform:scale(1) rotate(0)}}
@keyframes about-value-glimmer {0%,100%{opacity:.55}50%{opacity:1}}
@keyframes about-value-heart {0%,28%,70%,100%{transform:scale(1)}14%{transform:scale(1.09)}42%{transform:scale(1.05)}}
@keyframes about-value-node {0%,60%,100%{transform:scale(1)}30%{transform:scale(1.28)}}
@keyframes about-value-check {0%{stroke-dashoffset:24;opacity:1}30%,75%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes about-value-lift {0%,100%{transform:translateY(3px)}50%{transform:translateY(-3px)}}

@media (max-width:1100px) {
  .values-panel {grid-template-columns:48px minmax(0,1fr) 100px;gap:28px;padding:42px 34px;min-height:370px}
  .values-accent {width:100px}.values-accent>.icon {width:50px;height:50px}
  .about-maturity .maturity-path {grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
  .about-maturity .maturity-path h3 {font-size:22px;min-height:58px}
}
@media (max-width:900px) {
  .values-panel {grid-template-columns:40px minmax(0,1fr);min-height:375px}
  .values-accent {position:absolute;right:28px;top:32px;width:64px;box-shadow:0 8px 20px #007ba50c}
  .values-accent>.icon {width:34px;height:34px}
  .values-copy {grid-column:2;padding-top:30px}
  .values-number {grid-column:1;align-self:start}
  .values-tag {margin-bottom:18px}
  .about-maturity .maturity-path {grid-template-columns:1fr;gap:36px;padding-left:28px}
  .about-maturity .maturity-path::before,.about-maturity .maturity-path::after {left:0;width:2px;height:100%}
  .about-maturity .maturity-path::after {transform:scaleY(var(--path-progress));transform-origin:top}
  .about-maturity .maturity-path li {display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px 18px;padding-top:0}
  .about-maturity .maturity-path li::before {left:-33px;top:8px}
  .about-maturity .maturity-path h3 {align-self:center;font-size:24px;min-height:0;margin:0}
  .about-maturity .maturity-path p {grid-column:2;max-width:600px}
}
@media (max-width:600px) {
  .values-header {text-align:left;margin-bottom:32px}
  .values-controls {flex-wrap:wrap;gap:12px;padding:18px}
  .values-tabs {flex-basis:100%}.values-tab {font-size:20px;min-height:44px;padding-inline:4px}
  .values-playback {width:100%;justify-content:space-between}.values-toggle {width:40px;height:40px}
  .values-panel {grid-template-columns:1fr;gap:20px;padding:28px 24px;min-height:440px;align-content:start}
  .values-copy {grid-column:1;padding-top:36px}
  .values-copy h3 {font-size:32px}.values-copy h3 em {font-size:17px}
  .values-letter-bg {font-size:300px;right:-30px}
  .values-accent {top:24px;right:24px}
  .values-number {font-size:20px}
  .values-tag {font-size:15px}
  .values-closing {padding:30px 24px;margin-top:30px}
  .values-closing .values-statement {font-size:22px}
  body[data-page="about"] .principle-line {margin-inline:0;padding-inline:0}
  body[data-page="about"] .principle-line:hover {translate:0 0;background:transparent}
  .about-maturity-background {object-position:38% center}
}
@media (max-width:360px) {
  .values-controls {padding:14px}.values-panel {padding-inline:18px;min-height:470px}
  .values-copy h3 {font-size:28px}.values-copy p {font-size:17px}
}
@media (prefers-reduced-motion:reduce) {
  body[data-page="about"] [data-about-reveal-ready] {opacity:1;transform:none;transition:none}
  .values-panel *,.values-tab-pill,.values-accent>.icon,.values-accent>.icon * {animation:none!important;transition:none!important}
  .about-maturity .maturity-path {--path-progress:1}
  .about-maturity .maturity-path::after,.about-maturity .maturity-path li::before {transition:none!important}
  .about-maturity[data-maturity-ready] .maturity-path li::before {opacity:1;transform:none}
  body[data-page="about"] .principle-line,body[data-page="about"] .principle-title>.icon {transition:none;translate:none;transform:none}
}