/* MyProIdentity project and member showcases. Author: Otaru. */
body .mpi-profile-custom #work .project-showcase{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,4vw,54px);padding:52px 0;align-items:center}
body .mpi-profile-custom #work .project-showcase:first-of-type{padding-top:0}
body .mpi-profile-custom #work .project-gallery{min-width:0;border:1px solid #71869d;border-radius:22px;background:#10243a;overflow:hidden;box-shadow:0 22px 65px #0003}
body .mpi-profile-custom #work .project-preview-bar{display:flex;justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid #40556b;color:#bcefff;font-size:10px;font-weight:800;letter-spacing:.1em}
body .mpi-profile-custom #work .project-preview-switches{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#10243a}
body .mpi-profile-custom #work .project-preview-switches[hidden]{display:none}
body .mpi-profile-custom #work .project-preview-switches button{font:inherit;font-size:12px;font-weight:800;border:1px solid #71869d;border-radius:999px;background:#071426;color:#f5f8fc;padding:9px 15px;cursor:pointer}
body .mpi-profile-custom #work .project-preview-switches button[aria-pressed="true"]{background:#bcefff;color:#071426;border-color:#bcefff}
body .mpi-profile-custom #work .project-preview-panel{margin:0;min-width:0}
body .mpi-profile-custom #work .project-preview-panel[hidden]{display:none}
body .mpi-profile-custom #work .project-preview-image-link{display:block;background:#071426;border:0}
body .mpi-profile-custom #work .project-preview-panel img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;border:0;border-radius:0;box-shadow:none;margin:0}
body .mpi-profile-custom #work .project-preview-panel figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;color:#d6e4ef;background:#10243a;font-size:12px;line-height:1.5}
body .mpi-profile-custom #work .project-preview-panel figcaption a{color:#8de9ee;text-decoration:underline;text-underline-offset:4px;font-weight:700}
body .mpi-profile-custom #work .project-preview-switches button:focus-visible,body .mpi-profile-custom #work .project-gallery a:focus-visible{outline:3px solid #fbd36a;outline-offset:-3px}
body .mpi-profile-custom #work .project-topline{align-items:flex-start}
body .mpi-profile-custom #work .project-number{flex-shrink:0}
body .mpi-profile-custom #work .project-type{padding-top:10px;line-height:1.6;overflow-wrap:anywhere}

body .mpi-platform-home .member-showcase{background:#081528;color:#f5f8fc;padding:76px 0;overflow:hidden}
body .mpi-platform-home .member-showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}
body .mpi-platform-home .member-showcase .section-kicker{color:#8de9ee;font-size:11px;font-weight:800;letter-spacing:.14em}
body .mpi-platform-home .member-showcase h2{color:#f5f8fc;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:14px 0}
body .mpi-platform-home .member-showcase-heading p{color:#c5d3e3;max-width:620px;margin:0;line-height:1.7}
body .mpi-platform-home .member-showcase-join{flex-shrink:0;background:#bcefff;color:#071426;border:1px solid #bcefff;font-size:13px;white-space:nowrap}
body .mpi-platform-home .member-showcase-frame{border:1px solid #71869d;border-radius:26px;background:#0d2038;overflow:hidden;box-shadow:0 24px 70px #0003}
body .mpi-platform-home .member-showcase-chrome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #40556b;background:#10243a}
body .mpi-platform-home .member-showcase-chrome>span{display:flex;align-items:center;gap:10px;color:#c5d3e3;font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:800}
body .mpi-platform-home .member-showcase-chrome i{width:7px;height:7px;border-radius:50%;background:#8de9ee;flex-shrink:0}
body .mpi-platform-home .member-showcase-controls{display:flex;gap:8px;flex-shrink:0}
body .mpi-platform-home .member-showcase-controls[hidden]{display:none}
body .mpi-platform-home .member-showcase-controls button{min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #71869d;border-radius:10px;background:#071426;color:#f5f8fc;font:inherit;font-size:12px;cursor:pointer}
body .mpi-platform-home .member-showcase-controls button:hover{background:#26405a}
body .mpi-platform-home .member-showcase-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#71869d #0d2038;overscroll-behavior-x:contain}
body .mpi-platform-home .member-showcase-track{display:flex;gap:22px;list-style:none;margin:0;padding:30px 26px;min-width:100%;width:max-content;box-sizing:border-box}
body .mpi-platform-home .member-showcase-card{flex:0 0 300px;width:300px;margin:0;border:1px solid #71869d;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 12px 24px #0002}
body .mpi-platform-home .member-showcase-card>a{display:flex;height:100%;flex-direction:column;color:#10243a;text-decoration:none;position:relative}
body .mpi-platform-home .member-showcase-cover{height:92px;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;background:linear-gradient(115deg,#133b59,#173c61 60%,#205b66);color:#e3f9ff;font-size:10px;font-weight:800;letter-spacing:.1em}
body .mpi-platform-home .member-showcase-card:nth-child(3n+2) .member-showcase-cover{background:linear-gradient(115deg,#38285e,#214e76)}
body .mpi-platform-home .member-showcase-card:nth-child(3n) .member-showcase-cover{background:linear-gradient(115deg,#164d4b,#1b3b69)}
body .mpi-platform-home .member-showcase-avatar{width:68px;height:68px;margin:-34px 0 0 22px;position:relative;border:4px solid #fff;border-radius:20px;background:#e5f4f9;overflow:hidden;display:grid;place-items:center;color:#174461;font-size:27px;font-weight:800}
body .mpi-platform-home .member-showcase-avatar img{display:block;width:100%;height:100%;object-fit:cover}
body .mpi-platform-home .member-showcase-copy{display:flex;flex-direction:column;flex:1;padding:14px 22px 22px;min-width:0;overflow-wrap:anywhere}
body .mpi-platform-home .member-showcase-handle{color:#086775;font-size:11px;font-weight:750}
body .mpi-platform-home .member-showcase-card h3{color:#10243a;font-size:22px;line-height:1.15;margin:8px 0 10px;letter-spacing:-.025em}
body .mpi-platform-home .member-showcase-card p{color:#40556b;font-size:13px;line-height:1.6;margin:0 0 14px}
body .mpi-platform-home .member-showcase-location{font-size:11px;color:#52657a;margin-bottom:16px}
body .mpi-platform-home .member-showcase-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
body .mpi-platform-home .member-showcase-skills>span{padding:5px 8px;border-radius:999px;border:1px solid #bdd2de;background:#edf5f8;color:#254b60;font-size:10px;line-height:1.5}
body .mpi-platform-home .member-showcase-open{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #c4d5e1;color:#086775;font-size:12px;font-weight:800}
body .mpi-platform-home .member-showcase-card>a:hover .member-showcase-open{color:#10243a;text-decoration:underline}
body .mpi-platform-home .member-showcase-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #40556b;padding:15px 24px;color:#c5d3e3;font-size:11px}
body .mpi-platform-home .member-showcase-empty{padding:32px;border:1px solid #71869d;border-radius:20px;background:#10243a;color:#c5d3e3}
body .mpi-platform-home .member-showcase-empty a{color:#8de9ee}
body .mpi-platform-home .member-showcase :is(a,button,[tabindex]):focus-visible{outline:3px solid #f0ad24;outline-offset:-4px}
@media(min-width:720px){body .mpi-platform-home .member-showcase-track:has(>li:only-child){width:100%}body .mpi-platform-home .member-showcase-card:only-child{flex-basis:100%;width:100%}body .mpi-platform-home .member-showcase-card:only-child>a{display:grid;grid-template-columns:120px 1fr;column-gap:22px}body .mpi-platform-home .member-showcase-card:only-child .member-showcase-cover{position:absolute;inset:0 auto 0 0;width:164px;height:100%;padding:20px 14px}body .mpi-platform-home .member-showcase-card:only-child .member-showcase-avatar{margin:65px 0 30px 38px;width:88px;height:88px}body .mpi-platform-home .member-showcase-card:only-child .member-showcase-copy{padding:24px 30px 24px 46px}}
@media(max-width:980px){body .mpi-profile-custom #work .project-showcase{grid-template-columns:minmax(0,1fr);gap:28px}body .mpi-profile-custom #work .project-showcase>.project-media{order:0}body .mpi-profile-custom #work .project-showcase>.project-body{order:1}}
@media(max-width:640px){body .mpi-platform-home .member-showcase{padding:50px 0}body .mpi-platform-home .member-showcase-heading{align-items:flex-start;flex-direction:column;gap:20px}body .mpi-platform-home .member-showcase-chrome{padding:14px;align-items:flex-start;flex-direction:column}body .mpi-platform-home .member-showcase-track{padding:20px 16px;gap:16px}body .mpi-platform-home .member-showcase-card{flex-basis:260px;width:260px}body .mpi-platform-home .member-showcase-footer{padding:15px}body .mpi-platform-home .member-showcase-frame{border-radius:20px}}
@media print{.project-preview-switches,.member-showcase-controls{display:none!important}.project-preview-panel[hidden]{display:block!important}.member-showcase-track{width:100%!important;flex-wrap:wrap}.member-showcase-viewport{overflow:visible!important}}