.design-page.d-about{--d-bg: #ffffff;--d-ink: #0f172a;--d-muted: #576574;--d-line: #e0e5e8;--d-button-bg: #1d4ed8;--d-button-ink: #ffffff;--d-radius: 4px;--d-font: Manrope, system-ui, sans-serif;background:var(--d-bg);color:var(--d-ink)}.d-about .df-header{background:var(--d-bg);border-bottom:1px solid var(--d-line)}.d-about .df-contact{border:1px solid #1d4ed8}.d-about .df-contact:hover{background:#1e40af;opacity:1}.d-about .df-header .df-brand{align-items:center;gap:6px;font-family:Manrope,system-ui,sans-serif;font-size:22px;letter-spacing:-.045em}.d-about .df-header .df-brand img{width:30px;height:30px;margin-right:3px}.d-about .df-footer{max-width:1200px}.d-about .df-footer-top p{font-size:14px}.about-shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.about-intro{padding:64px 0 56px;max-width:630px}.about-intro h1{font-size:clamp(30px,3vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.2;color:#15376a}.about-intro p{margin-top:18px;color:var(--d-muted);font-size:17px;line-height:1.75}.about-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;padding-block:44px;border-top:1px solid var(--d-line);scroll-margin-top:24px}.about-row h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#15376a}.about-row#vision,.about-row#mission{padding:30px;border:1px solid #d3e1f3;border-left:3px solid #1d4ed8;background:#f1f6fd;margin-bottom:18px;gap:26px}.about-row#mission{background:#eef8f4;border-color:#cce3d9;border-left-color:#188664}.about-row#mission h2{color:#17684d}.about-row#values{border-top:0}.about-statement{max-width:650px;font-size:18px;line-height:1.8;color:#435364}.about-value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-value-list article{padding:20px;background:#f8fafc;border:1px solid #e2e8f0}.about-value-list h3,.about-people h3{font-size:16px;line-height:1.5;font-weight:600}.about-value-list p{margin-top:8px;color:var(--d-muted);font-size:15px;line-height:1.75}.about-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.d-about #team{grid-template-columns:1fr;gap:28px}.about-people article{display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid #d3e1f3;background:#f5f8fd}.about-people article>div{display:flex;flex-direction:column;align-items:flex-start;flex:1}.about-people article:last-child{background:#f4f9f7;border-color:#d4e4dd}.about-people img{display:block;width:112px;height:128px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;border-radius:4px}.about-role{margin-top:4px;color:#1d4ed8;font-size:13px;font-weight:600;line-height:1.6}.about-bio{margin-top:10px;max-width:520px;color:var(--d-muted);font-size:14px;line-height:1.75}.about-people a,.about-contact a{display:inline-flex;align-items:center;min-height:44px;color:#315a7d;font-size:13px;text-decoration:underline;text-underline-offset:4px}.about-people a:hover,.about-contact a:hover{color:#163a59}.about-people a{margin-top:auto;padding-top:12px}.about-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--d-line);padding-block:28px 48px}.about-contact p{color:var(--d-muted);font-size:14px;line-height:1.7}@media(max-width:900px){.about-shell{width:calc(100% - 48px)}.about-row{grid-template-columns:140px minmax(0,1fr);gap:32px}.about-value-list{-moz-column-gap:24px;column-gap:24px}.d-about .df-nav,.about-people{gap:16px}.about-people article{padding:18px}}@media(max-width:640px){.about-shell{width:calc(100% - 40px)}.about-intro{padding-block:40px 36px}.about-intro p{font-size:16px}.about-row{grid-template-columns:1fr;gap:20px;padding-block:32px}.about-row h2{font-size:19px}.about-statement{font-size:16px;line-height:1.8}.about-row#vision,.about-row#mission{padding:22px;gap:16px}.about-value-list{grid-template-columns:1fr;gap:12px}.about-people{grid-template-columns:1fr}.about-people article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px}.about-people img{width:80px;height:96px}.about-people h3{font-size:15px}.about-contact{align-items:flex-start;flex-direction:column;gap:4px}.d-about .df-header{gap:10px;padding-inline:16px}.d-about .df-header .df-brand{font-size:21px}.d-about .df-header .df-brand img{width:25px;height:25px;margin-right:0}.d-about .df-controls{gap:6px}}
