:root { --ink:#080b10; --panel:#0e141c; --paper:#f1f0eb; --line:#29323d; --muted:#8f9aa6; --blue:#74b8ec; --blue-deep:#347fb8; --green:#4dc8a0; --sans:'Manrope','Noto Sans SC','Noto Sans JP','Noto Sans KR',sans-serif; --mono:'DM Mono',monospace; --container:1320px; }
* { box-sizing:border-box; }
html { max-width:100%; overflow-x:hidden; scroll-behavior:smooth; }
body { max-width:100%; margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; clip-path:inset(50%); }
a:focus-visible,button:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 14px; background:#fff; color:#111; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.about-header { position:sticky; z-index:20; top:0; display:flex; min-height:68px; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(255,255,255,.1); padding:0 max(24px,calc((100vw - var(--container))/2)); background:rgba(8,11,16,.96); color:#fff; backdrop-filter:blur(16px); }
.brand { display:flex; flex:0 0 auto; align-items:center; gap:7px; font-size:14px; font-weight:700; letter-spacing:-.03em; }
.brand img { width:30px; height:30px; margin-right:2px; object-fit:contain; }
.brand em { color:#9ba7b3; font-style:normal; font-weight:500; }
.header-actions { display:flex; align-items:center; gap:18px; color:#aab4bf; font:500 10px/1 var(--mono); }
.header-actions>a:hover { color:#fff; }
.menu-button { display:none; border:0; background:transparent; }
.language-picker { position:relative; z-index:4; }
.language-trigger { position:relative; display:grid; width:148px; min-height:38px; grid-template-columns:30px 1fr 16px; align-items:center; overflow:hidden; border:1px solid #44515f; border-radius:9px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); padding:0 10px 0 7px; color:#dce3e9; cursor:pointer; }
.language-icon { display:grid; width:24px; height:24px; place-items:center; border:1px solid rgba(116,184,236,.38); border-radius:6px; background:rgba(116,184,236,.08); color:var(--blue); font:500 7px/1 var(--mono); }
.language-current { overflow:hidden; font:500 10px/1 var(--mono); text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.language-chevron { color:#80909f; font-size:15px; transform:translateY(-2px); transition:transform .2s; }
.language-picker.is-open .language-chevron { transform:translateY(1px) rotate(180deg); }
.language-menu { position:absolute; top:calc(100% + 9px); right:0; width:204px; padding:6px; border:1px solid #3d4b59; border-radius:11px; background:#0b1017; box-shadow:0 20px 54px rgba(0,0,0,.46); opacity:0; pointer-events:none; transform:translateY(-7px) scale(.98); transform-origin:top right; visibility:hidden; transition:opacity .18s,transform .18s,visibility .18s; }
.language-picker.is-open .language-menu { opacity:1; pointer-events:auto; transform:none; visibility:visible; }
.language-menu button { display:grid; width:100%; min-height:42px; grid-template-columns:30px 1fr 18px; gap:9px; align-items:center; border:0; border-radius:7px; background:transparent; padding:5px 9px 5px 6px; color:#aab5c0; font:500 11px/1 var(--mono); text-align:left; cursor:pointer; }
.language-menu button:hover,.language-menu button:focus-visible { background:rgba(116,184,236,.09); color:#f4f7f9; outline:0; }
.language-menu button[aria-selected='true'] { background:linear-gradient(90deg,rgba(116,184,236,.14),rgba(116,184,236,.05)); color:#f4f8fb; }
.language-code { display:grid; width:27px; height:27px; place-items:center; border:1px solid #384b5c; border-radius:6px; color:#85bde5; font-size:8px; }
.language-check { color:var(--green); font-size:11px; opacity:0; }
.language-menu button[aria-selected='true'] .language-check { opacity:1; }
.about-hero { display:grid; min-height:670px; grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr); gap:90px; align-items:end; overflow:hidden; padding:120px max(24px,calc((100vw - var(--container))/2)) 88px; background:var(--ink); color:#fff; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 85% 12%,rgba(52,127,184,.2),transparent 27%); background-size:74px 74px,74px 74px,auto; }
.eyebrow,.section-no { margin:0 0 24px; color:var(--blue); font:500 10px/1.5 var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.about-hero h1 { max-width:980px; margin:0; font-size:clamp(56px,7vw,100px); font-weight:600; letter-spacing:-.07em; line-height:.98; }
.about-hero h1 i { color:var(--blue); font-style:normal; }
.hero-copy>p:last-child { max-width:740px; margin:34px 0 0; color:#a2acb8; font-size:17px; line-height:1.8; }
.hero-aside { border-top:1px solid #34404c; padding-top:22px; }
.hero-aside p { margin:0 0 24px; color:#98a3af; font-size:13px; line-height:1.8; }
.hero-aside a { display:inline-flex; border-bottom:1px solid #526b80; padding-bottom:6px; color:var(--blue); font-size:12px; font-weight:650; }
.purpose-section,.boundaries-section { padding:118px max(24px,calc((100vw - var(--container))/2)); }
.section-heading { display:grid; grid-template-columns:.48fr 1.1fr; gap:80px; align-items:start; margin-bottom:58px; }
.section-heading h2,.people-heading h2 { max-width:820px; margin:0; font-size:clamp(44px,5vw,72px); font-weight:600; letter-spacing:-.065em; line-height:1.05; }
.purpose-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #c5c4bd; background:#c5c4bd; gap:1px; }
.purpose-grid article { min-height:270px; background:#fbfaf6; padding:30px; }
.purpose-grid article>span { color:var(--blue-deep); font:500 9px/1 var(--mono); }
.purpose-grid h3 { margin:70px 0 16px; font-size:23px; letter-spacing:-.04em; }
.purpose-grid p { margin:0; color:#5b646c; font-size:13px; line-height:1.8; }
.people-section { padding:118px max(24px,calc((100vw - var(--container))/2)) 126px; background:#0a0e14; color:#fff; }
.people-heading { display:grid; grid-template-columns:1.2fr .65fr; gap:80px; align-items:end; margin-bottom:58px; }
.people-heading>p { max-width:520px; margin:0 0 4px; color:#87939f; font-size:13px; line-height:1.8; }
.people-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); background:var(--line); gap:1px; }
.person-card { display:block; min-width:0; background:var(--panel); color:inherit; text-decoration:none; }
.person-card:focus-visible { position:relative; z-index:1; outline:3px solid var(--blue); outline-offset:-3px; }
.person-card>img { width:100%; height:clamp(360px,32vw,500px); object-fit:cover; object-position:center 18%; filter:saturate(.82) contrast(1.03); transition:filter .35s,transform .6s; }
.person-card:hover>img { filter:saturate(1) contrast(1.03); }
.person-card>div { min-height:230px; padding:25px 25px 30px; }
.person-card p { margin:0 0 20px; color:var(--blue); font:500 9px/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.person-card h3 { margin:0 0 14px; font-size:25px; letter-spacing:-.04em; }
.person-card h3 small { color:var(--blue); font:500 13px/1 var(--mono); }
.person-card span { display:block; color:#8d98a5; font-size:12px; line-height:1.8; }
.boundaries-section { background:#e7e6df; }
.boundary-list { border-top:1px solid #bfc1bd; }
.boundary-list>div { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; border-bottom:1px solid #bfc1bd; padding:30px 0; }
.boundary-list strong { font-size:20px; letter-spacing:-.03em; }
.boundary-list p { max-width:760px; margin:0; color:#566069; font-size:13px; line-height:1.8; }
.about-cta { display:flex; align-items:center; justify-content:space-between; gap:70px; padding:70px max(24px,calc((100vw - var(--container))/2)); background:#0d141c; color:#fff; }
.about-cta>p { max-width:690px; margin:0; color:#9ba6b2; font-size:15px; line-height:1.8; }
.about-cta>div { display:flex; flex-wrap:wrap; gap:10px; }
.about-cta a { border:1px solid #41505e; padding:14px 17px; color:#c8d3dc; font-size:11px; font-weight:650; white-space:nowrap; }
.about-cta a:first-child { border-color:var(--blue); background:var(--blue); color:#071018; }
.about-footer { display:flex; min-height:105px; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #242d37; background:var(--ink); padding:28px max(24px,calc((100vw - var(--container))/2)); color:#737f8c; font:500 9px/1.6 var(--mono); }
.about-footer nav { display:flex; flex-wrap:wrap; gap:22px; }
.about-footer a { color:var(--blue); }
.language-changing main { opacity:.72; }
main { transition:opacity .2s; }

@media (max-width:900px) {
  .brand,.menu-button { position:relative; z-index:2; }
  .menu-button { display:grid; width:40px; height:40px; align-content:center; gap:5px; padding:8px; }
  .menu-button>span:not(.sr-only) { display:block; height:1px; background:#dce1e6; transition:transform .2s,opacity .2s; }
  .menu-button[aria-expanded='true']>span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .menu-button[aria-expanded='true']>span:nth-child(2) { opacity:0; }
  .menu-button[aria-expanded='true']>span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .header-actions { position:fixed; z-index:1; inset:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:26px; background:#080b10; padding:78px 28px 42px; font-size:20px; transform:translateX(100%); transition:transform .3s ease; }
  .header-actions.open { transform:translateX(0); }
  .header-actions>a { display:block; }
  .language-picker { width:220px; }
  .language-trigger { width:100%; min-height:46px; grid-template-columns:34px 1fr 18px; }
  .language-current { font-size:12px; }
  .language-menu { right:auto; left:0; width:100%; transform-origin:top left; }
  body.menu-open { overflow:hidden; }
  .about-hero { min-height:auto; grid-template-columns:1fr; gap:55px; padding:94px 20px 70px; }
  .about-hero h1 { font-size:clamp(45px,11vw,64px); }
  .purpose-section,.people-section,.boundaries-section { padding:84px 20px; }
  .section-heading,.people-heading { grid-template-columns:1fr; gap:26px; }
  .section-heading h2,.people-heading h2 { font-size:43px; }
  .purpose-grid { grid-template-columns:1fr; }
  .purpose-grid article { min-height:0; }
  .purpose-grid h3 { margin-top:42px; }
  .people-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .boundary-list>div { grid-template-columns:1fr; gap:12px; }
  .about-cta { align-items:flex-start; flex-direction:column; gap:30px; padding:60px 20px; }
  .about-footer { align-items:flex-start; flex-direction:column; padding:32px 20px; }
}
@media (max-width:560px) {
  .about-header { padding:0 16px; }
  .brand em { display:none; }
  .people-grid { grid-template-columns:1fr; }
  .person-card>div { min-height:0; }
  .about-cta>div,.about-cta a { width:100%; }
  .about-cta a { display:block; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}main{transition:none}.person-card>img{transition:none} }

/* Comfortable reading size for explanatory copy. */
.hero-aside p,.purpose-grid p,.people-heading>p,.person-card span,.boundary-list p { font-size:15px; }