/* Selectable mission/vision with fine, unfilled brand contours. */
.sd-about__principles-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;transition:grid-template-columns .65s cubic-bezier(.22,.61,.36,1)}
.sd-about__principles-grid[data-active="vision"]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.sd-about .sd-about__principle{position:relative;isolation:isolate;min-width:0;min-height:355px;overflow:hidden;display:block;padding:40px 34px 125px;border:1px solid #78ccd785;border-radius:5px;background:#092c45;cursor:pointer;transition:border-color .35s,background .35s,padding .5s}
.sd-about .sd-about__principle.is-active{border-color:#a4e4eb;background:#0a304a}
.sd-about .sd-about__principle h2{margin:0 0 26px;font-size:25px;line-height:1.7}
.sd-about__principle button{display:block;appearance:none;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
.sd-about__principle button::after{content:"";position:absolute;inset:0;z-index:2}
.sd-about__principle button:focus-visible{outline:none}
.sd-about__principle:has(button:focus-visible){outline:2px solid white;outline-offset:5px}
.sd-about .sd-about__principle p{position:relative;z-index:1;margin:0;max-width:none;font-size:14px;line-height:2;color:#eaf5f8}
.sd-about__principle-lines{position:absolute;z-index:0;inset:auto 0 0;width:100%;height:115px;color:#83bec7;fill:none;stroke:currentColor;opacity:.35;transform:translateY(22px);transition:opacity .5s ease,transform .65s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.sd-about__principle.is-active .sd-about__principle-lines{opacity:.65;transform:translateY(0)}
@media(max-width:760px){.sd-about__principles-grid,.sd-about__principles-grid[data-active="vision"]{grid-template-columns:minmax(0,1fr);gap:20px}.sd-about .sd-about__principle{min-height:0;padding:28px 25px 74px}.sd-about .sd-about__principle.is-active{padding-bottom:142px}.sd-about .sd-about__principle h2{font-size:23px;margin-bottom:20px}.sd-about .sd-about__principle p{font-size:13px;line-height:2}.sd-about__principle-lines{height:96px;transform:translateY(48px)}}
@media(prefers-reduced-motion:reduce){.sd-about__principles-grid,.sd-about__principle,.sd-about__principle-lines{transition:none!important}}