/* About: What Drives Us / Our Core Values reference treatment. */
body[data-page="about"] .values-sec{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 88px;background:#f5faff url("assets/abstract-blue-glass-waves-optimized.jpg") center center/cover no-repeat}
body[data-page="about"] .values-sec::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.12) 52%,rgba(255,255,255,.28));pointer-events:none}
body[data-page="about"] .values-sec>.wrap{width:min(100% - 76px,1420px)}
body[data-page="about"] .values-head{text-align:center}
body[data-page="about"] .values-head .sec-tag{display:inline-flex;align-items:center;gap:11px;padding:10px 18px;border:1px solid #cfe4ff;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 8px 22px rgba(39,121,212,.08);color:#0a78e9;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
body[data-page="about"] .values-head .sec-tag::before{content:"";width:10px;height:10px;border-radius:50%;background:#1488f7;box-shadow:0 0 0 5px #d5eaff,0 0 14px #54abff}
body[data-page="about"] .values-head h2{max-width:none;margin:18px auto 8px;color:#071b39;font-size:clamp(42px,4.1vw,62px);font-weight:800;line-height:1.12;letter-spacing:-.05em}
body[data-page="about"] .values-head h2 span{margin-left:.12em;color:#187df1}
body[data-page="about"] .values-head p{max-width:720px;margin:0 auto;color:#526d8d;font-size:clamp(16px,1.35vw,20px);line-height:1.6}
body[data-page="about"] .values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
body[data-page="about"] .vcard{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:74px auto;column-gap:20px;align-items:center;min-width:0;min-height:260px;padding:26px 33px 28px;border:1px solid color-mix(in srgb,var(--c) 20%,#d7e9fc);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.84),color-mix(in srgb,var(--c) 7%,rgba(255,255,255,.76)));box-shadow:0 16px 35px rgba(37,105,184,.07);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body[data-page="about"] .vcard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 42%,#d7e9fc);box-shadow:0 21px 42px color-mix(in srgb,var(--c) 10%,rgba(37,105,184,.11))}
body[data-page="about"] .vcard-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:74px;height:74px;margin:0;border:0;border-radius:20px;background:color-mix(in srgb,var(--c) 12%,rgba(255,255,255,.67));color:var(--c)}
body[data-page="about"] .vcard-icon svg{width:34px;height:34px;stroke-width:2.1}
body[data-page="about"] .vcard h3{grid-column:2;grid-row:1;align-self:end;min-width:0;margin:0 0 8px;color:#0a1e3d;font-size:clamp(17px,1.34vw,22px);font-weight:800;line-height:1.2;letter-spacing:-.025em}
body[data-page="about"] .vcard p{grid-column:1/-1;align-self:start;margin:12px 0 0;color:#536e8d;font-size:clamp(14px,1.1vw,18px);line-height:1.43}
@media(max-width:1050px){body[data-page="about"] .values-sec>.wrap{width:min(100% - 48px,900px)}body[data-page="about"] .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body[data-page="about"] .values-sec{padding:62px 0 70px}body[data-page="about"] .values-sec>.wrap{width:min(100% - 32px,520px)}body[data-page="about"] .values-head h2{font-size:clamp(37px,10vw,48px)}body[data-page="about"] .values-head p{font-size:15px}body[data-page="about"] .values-wide-break{display:none}body[data-page="about"] .values-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}body[data-page="about"] .vcard{min-height:0;padding:23px 24px 26px;border-radius:22px}body[data-page="about"] .vcard p{font-size:14px}}
html:not([data-theme="light"]) body[data-page="about"] .values-sec{background-color:#07182b;background-image:linear-gradient(rgba(4,19,36,.88),rgba(4,19,36,.84)),url("assets/abstract-blue-glass-waves-optimized.jpg")}
html:not([data-theme="light"]) body[data-page="about"] .values-sec::before{background:none}
html:not([data-theme="light"]) body[data-page="about"] .values-head h2,
html:not([data-theme="light"]) body[data-page="about"] .vcard h3{color:#f2f7ff}
html:not([data-theme="light"]) body[data-page="about"] .values-head p,
html:not([data-theme="light"]) body[data-page="about"] .vcard p{color:#b8cbe2}
html:not([data-theme="light"]) body[data-page="about"] .vcard{border-color:color-mix(in srgb,var(--c) 32%,#233c56);background:linear-gradient(145deg,#0d2943,color-mix(in srgb,var(--c) 8%,#0a223a));box-shadow:0 16px 36px rgba(0,0,0,.18)}
html:not([data-theme="light"]) body[data-page="about"] .vcard-icon{background:color-mix(in srgb,var(--c) 19%,#12324e)}