:root{--paper:#f5f5ef;--ink:#1d211d;--muted:#72786f;--line:#d9dcd2;--lime:#c8ee82;--dark:#171b18;--mono:Consolas,'SFMono-Regular',monospace;--sans:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
.citation{margin-top:12px;font-size:10px;color:#647552}.citation summary{cursor:pointer;display:inline-block;border-bottom:1px solid #b7c2a7}.citation pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;background:#e8eddf;padding:14px;font-family:var(--mono);font-size:10px;line-height:1.8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;word-break:keep-all}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #588a25;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:fixed;left:20px;top:-100px;background:var(--lime);padding:12px 20px;z-index:50}.skip-link:focus{top:10px}.site-header{height:94px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:32px;font-weight:800;line-height:1;letter-spacing:-1.5px;white-space:nowrap}.brand-lab{font-size:23px;font-weight:500;letter-spacing:-1px}.brand-mark{width:26px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-8deg)}.brand-mark i{width:11px;height:11px;background:currentColor}.brand-mark i:last-child{border-radius:50%}.site-header nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:42px;font-size:13px;font-weight:600}.site-header nav a{transition:opacity .2s;position:relative}.site-header nav a:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:22px}.language{border:0;background:none;padding:4px 0;font-family:var(--mono);font-size:12px}.join-small{display:flex;gap:22px;align-items:center;background:var(--ink);color:var(--paper);font-size:12px;padding:11px 17px}.join-small>span:last-child{font-size:18px;line-height:1}.menu-toggle{display:none;background:none;border:0;width:30px;padding:4px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px 0}.hero{max-width:1600px;display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding:60px 5% 44px;margin:auto}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.6px;line-height:1.5;font-weight:500;display:block}.hero .eyebrow{font-size:9px;letter-spacing:1.15px;display:flex;align-items:center;gap:9px;margin-bottom:28px}.tiny-cross{font-size:21px;line-height:1}.hero h1{font-size:clamp(65px,7.7vw,121px);letter-spacing:-.075em;line-height:.9;margin:0 0 24px;font-weight:800;white-space:nowrap}.title-dot{color:#8fb64f}.hero-korean{font-size:clamp(21px,2.1vw,30px);font-weight:600;line-height:1.45;letter-spacing:-1px;margin-bottom:16px}.hero-description{font-size:13px;color:#666d62;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:0;padding:15px 20px;font-size:12px;font-weight:600;line-height:1.5;min-height:49px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button>span:last-child{font-size:18px;line-height:1}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#373f32}.button-lime{background:var(--lime);color:var(--dark)}.button-lime:hover{background:#d6f6a2}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:17px;font-size:12px;font-weight:600;padding-bottom:4px;border-bottom:1px solid currentColor;line-height:1.8}.hero-affiliation{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:8px;letter-spacing:.6px;color:#697062;margin-top:36px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7eaa46;flex-shrink:0}.hero-coordinate{margin-left:auto;font-size:8px}.mono{font-family:var(--mono);font-size:9px;letter-spacing:1px}.topic-ribbon{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:1.5px;overflow:hidden;white-space:nowrap}.topic-ribbon i{font-style:normal;font-size:18px;color:#88a85e}.section-shell{max-width:1600px;margin:auto;padding:94px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-index{color:var(--muted);margin-bottom:18px;letter-spacing:1px}h2{font-size:clamp(29px,3.3vw,48px);line-height:1.35;letter-spacing:-1.7px;font-weight:600;margin:0}.section-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px;min-width:265px}.research-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:7%}.research-visual{background:#eaede3;padding:24px 29px;min-width:0;position:relative;display:flex;flex-direction:column}.research-orbit{height:235px;position:relative;display:flex;align-items:center;justify-content:center}.research-orbit:before,.research-orbit:after{content:'';position:absolute;background:#d2d8c7}.research-orbit:before{height:1px;width:100%}.research-orbit:after{width:1px;height:90%;left:50%}.orbit{position:absolute;width:200px;height:200px;border:1px solid #a4b394;border-radius:50%}.orbit.two{width:245px;height:110px;transform:rotate(45deg)}.orbit.three{width:245px;height:110px;transform:rotate(-45deg)}.research-orbit b{position:relative;z-index:1;background:#eaede3;padding:0 13px;font-family:var(--mono);font-size:65px;letter-spacing:-10px;font-weight:400;min-width:110px;text-align:center}.orbit-point{width:8px;height:8px;position:absolute;border-radius:50%;background:#809a5d;z-index:1}.p1{top:66px;left:calc(50% + 77px)}.p2{bottom:33px;left:calc(50% - 42px)}.research-visual-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ccd2c2;color:#69755c}.research-visual-footer .mono{font-size:8px}.research-selected h3{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:20px 0 9px}.research-selected p{font-size:12px;line-height:1.9;color:#66715d;min-height:46px;margin:0 0 17px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{font-family:var(--mono);font-size:8px;border:1px solid #c6ceba;padding:4px 7px;color:#626f56;line-height:1.5}.research-list{border-top:1px solid var(--line);display:flex;flex-direction:column}.research-item{position:relative;text-align:left;display:grid;grid-template-columns:34px 1fr 25px;gap:12px;align-items:center;width:100%;flex:1;min-height:83px;border:0;border-bottom:1px solid var(--line);background:none;padding:15px 10px 15px 0;transition:padding .2s,background .2s}.research-item:hover,.research-item.active{background:#ebeee4;padding-left:14px}.research-item .research-number{font-family:var(--mono);font-size:9px;color:#8c9285}.research-item h3{font-size:19px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:0}.research-item p{font-family:var(--mono);font-size:8px;letter-spacing:.4px;margin:5px 0 0;color:var(--muted)}.research-item>span:last-child{font-size:22px;font-weight:300;align-self:center}.research-item.active>span:last-child{color:#6f904a}.publications .section-heading>a{margin-bottom:5px}.publication-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}.small-label{font-size:11px;color:#7b8275}.filter-buttons{display:flex;gap:7px}.filter-buttons button{border:1px solid transparent;background:none;font-size:10px;padding:5px 12px;color:#757d6c}.filter-buttons button.active{border-color:var(--ink);color:var(--ink)}.publication-row{display:grid;grid-template-columns:62px 1fr 40px;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);align-items:start}.publication-year{font-family:var(--mono);font-size:13px;padding-top:2px;color:#6f7964}.publication-row h3{font-size:17px;font-weight:500;letter-spacing:-.3px;line-height:1.6;margin:0 0 8px;max-width:850px;word-break:normal;overflow-wrap:anywhere}.publication-row h3 a:hover{text-decoration:underline;text-underline-offset:4px}.publication-row .authors{font-size:11px;color:#8a9081;margin:0 0 6px;word-break:normal}.publication-row .venue{font-size:10px;color:#66725b;line-height:1.7;margin:0}.paper-arrow{font-size:23px;margin-top:0;text-align:right}.source-note{font-size:9px;line-height:1.8;color:#8a9082;margin-top:18px}.source-note a{text-decoration:underline;text-underline-offset:3px}.empty-publications{font-size:13px;color:var(--muted);padding:30px 0;border-bottom:1px solid var(--line)}.people{padding-top:10px}.people-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%}.people-list{display:grid;gap:18px}.person{display:flex;gap:25px;align-items:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px}.person-avatar{width:145px;height:170px;flex-shrink:0;background:#e7ebdf;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--mono);font-size:54px;color:#8b9d77;letter-spacing:-5px}.person-avatar:after{content:'';position:absolute;width:170px;height:170px;left:45px;top:64px;border:1px solid #bdc8af;border-radius:50%}.person-avatar:before{content:'';position:absolute;width:170px;height:170px;left:-67px;top:-61px;border:1px solid #bdc8af;border-radius:50%}.person-role{font-size:10px;color:#758465;display:block;margin-bottom:9px}.person h3{font-size:26px;font-weight:500;margin:0 0 4px;letter-spacing:-.7px}.person .english-name{font-family:var(--mono);font-size:10px;color:#8a9281;margin:0 0 15px}.person-focus{font-size:10px;color:#758169;margin:0 0 20px}.person .text-link{font-size:10px;gap:17px}.people-invite{padding:28px 30px;background:#e9eddf;position:relative;overflow:hidden}.invite-star{position:absolute;right:30px;top:20px;color:#98ad7e;font-size:70px;line-height:1}.people-invite>.mono{font-size:8px;color:#73865f}.people-invite h3{font-size:29px;font-weight:500;line-height:1.35;letter-spacing:-1px;margin:21px 0 12px}.people-invite p{font-size:11px;line-height:1.9;color:#778369;margin-bottom:22px}.people-invite .text-link{font-size:10px}.news{padding-top:0}.news-heading{display:flex;align-items:baseline;gap:35px;margin-bottom:20px}.news-heading h2{font-size:25px;letter-spacing:-.8px}.news-heading .section-index{margin:0}.news-row{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:100px 1fr 24px;gap:20px;align-items:baseline}.news-row:last-child{border-bottom:1px solid var(--line)}.news-date{font-family:var(--mono);font-size:10px;color:#87917b}.news-row h3{margin:0;font-size:14px;font-weight:500}.news-row p{font-size:11px;color:#7c8671;margin:7px 0 0;line-height:1.8}.news-row>a{font-size:21px}.join-section{background:var(--lime)}.join-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-top:70px;padding-bottom:70px}.join-layout .eyebrow{font-size:9px;color:#546d32;margin-bottom:20px}.join-layout h2{font-size:clamp(45px,5vw,72px);font-weight:500;line-height:1.25;letter-spacing:-3px}.join-layout>div>p{font-size:12px;line-height:1.9;color:#53693c;margin:21px 0 26px}.contact-card{align-self:center;border-top:1px solid #a0bf67;padding-top:20px;min-width:0}.contact-card>.mono{font-size:8px;color:#657f43}.contact-email{display:block;font-size:clamp(15px,1.75vw,24px);letter-spacing:-.8px;margin:15px 0 27px;word-break:break-all}.contact-line{display:flex;gap:28px;padding:19px 0;border-top:1px solid #a0bf67}.contact-line>span{font-size:10px;flex-shrink:0;padding-top:2px;color:#5a713d}.contact-line p{font-size:11px;line-height:1.9;margin:0;color:#4e6335}.contact-source{display:inline-block;font-size:10px;border-bottom:1px solid #7c9a50;padding-bottom:3px}.contact-card p.contact-small{font-size:9px;line-height:1.7;color:#6a8448;margin:10px 0 0}.site-footer{padding:36px 5% 22px;max-width:1600px;margin:auto}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:30px}.footer-top .brand{font-size:29px}.footer-top .brand-lab{font-size:21px}.footer-top p{font-size:10px;color:#67725d;margin:0 0 4px}.footer-top p+p{font-size:9px;color:#8a9282}.back-top{margin-left:auto;font-size:10px;color:#69765d}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-family:var(--mono);font-size:8px;color:#8e9585}.footer-bottom>span>span:last-child{margin-left:10px}.footer-bottom>div{display:flex;align-items:center;gap:20px}.shortcut-hint{background:none;border:1px solid #d2d8c8;color:#879179;font-family:var(--mono);font-size:8px;padding:2px 5px}.draft-banner{background:#e4bb71;padding:10px 5%;font-size:12px}.noscript-message{padding:30px;background:var(--lime);position:fixed;bottom:0;width:100%;z-index:20;font-size:14px}dialog{border:1px solid #d2d8c8;background:var(--paper);color:var(--ink);width:min(470px,90vw);padding:25px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#10190bb3;backdrop-filter:blur(5px)}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.command-header h2{font-size:21px;letter-spacing:-.5px}.command-header button{background:none;border:1px solid #d2d8c8;color:#7c8970;padding:3px 7px;font-family:var(--mono);font-size:10px}.command-links{display:flex;flex-direction:column}.command-links a{padding:13px 4px;border-top:1px solid var(--line);display:flex;gap:15px;align-items:center;font-size:13px}.command-links a:hover{background:#e8eddf}.command-links a>span:first-child{font-family:var(--mono);font-size:9px;color:#91a17d}.command-links a>span:nth-child(2){margin-right:auto}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:60px}.hero-actions{margin-top:34px}.hero-affiliation{margin-top:48px}.hero-korean{margin-top:30px}.hero h1{font-size:123px}}
@media(max-width:1100px){.site-header{height:80px}.site-header nav{gap:21px;margin-right:15px}.hero{gap:4%;padding-top:45px}.hero h1{font-size:8vw}.hero .eyebrow{font-size:7px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-affiliation{flex-wrap:wrap;gap:5px;margin-top:26px}.hero-coordinate{display:none}.section-shell{padding-top:75px;padding-bottom:75px}.section-intro{min-width:230px}.research-layout{gap:5%;grid-template-columns:1fr 1.3fr}.people-layout{gap:5%}.person{gap:18px}.person-avatar{width:115px;height:155px;font-size:45px}.person h3{font-size:23px}.person .english-name{font-size:9px}.person-focus{font-size:9px}.people{padding-top:0}.news{padding-top:0}.contact-line{gap:18px}.topic-ribbon{font-size:8px;letter-spacing:.9px;gap:20px}}
@media(max-width:800px){.site-header{padding:0 6%;height:78px}.site-header nav{position:absolute;z-index:10;top:78px;left:0;right:0;margin:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 6%;display:none;gap:25px;flex-wrap:wrap}.site-header nav.open{display:flex}.header-actions{gap:18px}.menu-toggle{display:block}.join-small{font-size:10px;padding:8px 12px;gap:15px}.brand{font-size:28px}.brand-lab{font-size:21px}.hero{grid-template-columns:1fr 1fr;gap:5%;padding:42px 6% 32px}.hero h1{font-size:8.5vw;letter-spacing:-.08em;margin-bottom:22px}.hero .eyebrow{font-size:6px;letter-spacing:.5px;gap:5px;margin-bottom:22px}.tiny-cross{font-size:16px}.hero-korean{font-size:20px}.hero-description{font-size:10px;line-height:1.9}.hero-actions{margin-top:20px;gap:17px}.hero-actions .button{padding:12px 14px;font-size:10px;gap:22px;min-height:42px}.hero-actions .text-link{font-size:10px}.hero-affiliation{font-size:6px;margin-top:24px;letter-spacing:.3px}.section-shell{padding:65px 6%}.section-heading{margin-bottom:30px;gap:25px}.section-index{font-size:8px;margin-bottom:14px}h2{font-size:31px;letter-spacing:-1px}.section-intro{min-width:0;font-size:10px}.research-layout{grid-template-columns:1fr 1.15fr;gap:5%}.research-visual{padding:18px}.research-orbit{height:210px}.orbit{width:160px;height:160px}.orbit.two,.orbit.three{width:190px;height:90px}.research-orbit b{font-size:55px;min-width:90px}.p1{left:calc(50% + 59px);top:48px}.p2{bottom:26px;left:calc(50% - 24px)}.research-item{min-height:76px;grid-template-columns:22px 1fr 17px;gap:7px}.research-item h3{font-size:16px}.research-item p{font-size:7px}.research-item .research-number{font-size:8px}.research-selected h3{font-size:17px}.research-selected p{font-size:10px;min-height:57px}.tag-list{gap:4px}.tag-list span{font-size:6px}.research-visual-footer .mono{font-size:6px}.publication-row{grid-template-columns:46px 1fr 22px;gap:15px}.publication-row h3{font-size:15px}.publication-year{font-size:11px}.people{padding-top:0}.people-layout{gap:5%;grid-template-columns:1fr 1fr}.person{gap:14px;flex-direction:column;align-items:flex-start;padding:0 0 22px;border-top:0}.person-avatar{width:100%;height:150px}.person .english-name{margin-bottom:9px}.person-focus{margin-bottom:11px}.person h3{font-size:21px}.people-invite{padding:25px 20px}.people-invite h3{font-size:25px;margin-top:50px}.invite-star{font-size:55px;right:20px}.people-invite p{font-size:10px}.people-invite>.mono{font-size:6px}.news{padding-top:0}.news-row{grid-template-columns:79px 1fr 17px;gap:14px}.news-row h3{font-size:12px}.news-row p{font-size:10px}.news-date{font-size:8px}.news-heading{gap:20px}.news-heading h2{font-size:23px}.join-layout{grid-template-columns:1fr 1fr;gap:7%}.join-layout h2{font-size:48px}.join-layout>div>p{font-size:10px}.contact-line{flex-direction:column;gap:10px}.contact-email{font-size:17px}.contact-line p{font-size:10px}.contact-card p.contact-small{font-size:8px}.site-footer{padding-left:6%;padding-right:6%}.footer-top{gap:25px}.footer-bottom>div{gap:12px}.shortcut-hint{display:none}}
@media(max-width:560px){html{scroll-padding-top:25px}.site-header{height:74px}.site-header nav{top:74px}.brand{font-size:26px;gap:9px}.brand-lab{font-size:19px}.brand-mark{width:22px;gap:3px}.brand-mark i{width:9px;height:9px}.header-actions{gap:17px}.language{font-size:11px}.join-small{display:none}.hero{grid-template-columns:1fr;padding:34px 6% 26px;gap:30px}.hero .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:26px}.tiny-cross{font-size:19px}.hero h1{font-size:20.8vw;line-height:.91;letter-spacing:-.075em;margin-bottom:22px}.hero-korean{font-size:24px;margin-bottom:13px;line-height:1.45;letter-spacing:-.9px}.hero-description{font-size:11px;line-height:1.9}.hero-actions{margin-top:24px;gap:24px}.hero-actions .button{min-height:45px;font-size:11px;padding:12px 16px}.hero-actions .text-link{font-size:10px}.hero-affiliation{font-size:7px;margin-top:27px}.topic-ribbon{justify-content:flex-start;padding:17px 6%;gap:24px;font-size:8px}.topic-ribbon i{font-size:15px}.section-shell{padding:55px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}h2{font-size:30px;line-height:1.4;letter-spacing:-1.3px}.section-index{font-size:8px;margin-bottom:15px}.section-intro{font-size:11px;line-height:1.9}.section-intro br{display:none}.research-layout{grid-template-columns:1fr;gap:23px}.research-visual{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.research-orbit{height:175px}.orbit{width:120px;height:120px}.orbit.two,.orbit.three{width:145px;height:65px}.research-orbit b{font-size:40px;min-width:70px;letter-spacing:-6px;padding:0 8px}.research-orbit:before{width:110%}.p1{left:calc(50% + 48px);top:48px;width:6px;height:6px}.p2{bottom:20px;left:calc(50% - 5px);width:6px;height:6px}.research-visual-footer{grid-column:1/-1;grid-row:2}.research-visual-footer .mono{font-size:7px}.research-selected{grid-column:2;grid-row:1;align-self:center}.research-selected h3{font-size:16px;margin:0 0 7px}.research-selected p{font-size:9px;line-height:1.9;min-height:0;margin-bottom:10px}.tag-list span{font-size:5px;padding:3px 5px}.research-item{min-height:78px;grid-template-columns:30px 1fr 22px}.research-item h3{font-size:17px}.research-item p{font-size:8px}.research-item:hover,.research-item.active{padding-left:10px}.research-list{border-top:0}.publication-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 0}.filter-buttons{gap:2px;flex-wrap:wrap}.filter-buttons button{padding:4px 10px;font-size:9px}.publication-row{grid-template-columns:35px 1fr 14px;gap:10px;padding:23px 0}.publication-row h3{font-size:13px;line-height:1.7}.publication-row .authors{font-size:9px;line-height:1.8}.publication-row .venue{font-size:9px;line-height:1.9}.publication-year{font-size:9px}.paper-arrow{font-size:18px}.source-note{font-size:8px}.people{padding-top:0}.people-layout{grid-template-columns:1fr;gap:25px}.person{flex-direction:row;gap:23px;padding:0 0 23px;min-height:0;align-items:center}.person-avatar{width:125px;height:155px;font-size:45px}.person h3{font-size:23px}.person .english-name{font-size:10px;margin-bottom:12px}.person-focus{font-size:9px;margin-bottom:18px}.people-invite{padding:28px;min-height:265px}.people-invite>.mono{font-size:8px}.people-invite h3{font-size:28px;margin-top:23px}.people-invite p{font-size:11px}.invite-star{right:26px;top:25px;font-size:66px}.people-invite .text-link{font-size:11px}.news{padding-top:0}.news-heading{align-items:flex-start;flex-direction:column;gap:12px}.news-row{grid-template-columns:1fr 20px;gap:8px}.news-date{grid-column:1/-1;font-size:9px}.news-row h3{font-size:13px;line-height:1.7}.news-row p{font-size:10px}.news-row>a{grid-row:2;grid-column:2}.join-layout{grid-template-columns:1fr;gap:35px}.join-layout h2{font-size:55px;letter-spacing:-2px}.join-layout>div>p{font-size:11px;margin:21px 0 24px}.join-layout .eyebrow{font-size:8px}.join-layout .button{font-size:11px;min-height:46px}.contact-card{padding-top:20px}.contact-email{font-size:23px;margin:15px 0 23px}.contact-line{flex-direction:row;gap:25px}.contact-line p{font-size:10px}.contact-line>span{font-size:9px}.contact-card p.contact-small{font-size:8px}.footer-top{gap:18px;align-items:flex-start;flex-wrap:wrap;padding-bottom:24px}.footer-top .brand{font-size:25px}.footer-top .brand-lab{font-size:18px}.footer-top p{font-size:9px}.footer-top p+p{font-size:8px}.back-top{width:100%;font-size:9px}.footer-bottom{flex-direction:column;gap:12px;font-size:7px}.footer-bottom>div{gap:20px;font-size:8px}.site-footer{padding-top:30px}.draft-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}
@supports(font-size:1cqw){.hero-copy{container-type:inline-size;min-width:0}.hero h1{font-size:16.5cqw}}

.projects{padding-top:0}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:62px minmax(0,1fr) 24px;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding:29px 0}.project-number{font-family:var(--mono);font-size:11px;color:#859178;padding-top:6px}.project-body h3{font-size:20px;font-weight:500;line-height:1.7;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}.project-summary{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 0}.project-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px;font-size:10px;color:#748169;margin:17px 0 0}.project-meta dt{font-size:9px;color:#939b89}.project-meta dd{margin:0 15px 0 0}.project-link,.project-mark{font-size:23px;line-height:1.5;text-align:right}.project-mark{color:#9aab86}.empty-projects{padding:30px 0;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
@media(max-width:800px){.site-header nav{margin-right:0}.project-row{grid-template-columns:46px minmax(0,1fr) 22px;gap:15px}.project-body h3{font-size:17px}}
@media(max-width:560px){.projects{padding-top:0}.project-row{grid-template-columns:25px minmax(0,1fr) 18px;gap:12px;padding:23px 0}.project-number{font-size:9px;padding-top:3px}.project-body h3{font-size:15px;line-height:1.8}.project-summary{font-size:10px}.project-meta{font-size:9px;gap:5px 10px}.project-link,.project-mark{font-size:19px}.empty-projects{font-size:11px}}

/* Member cards and the full-width invitation. */
.people-layout{grid-template-columns:minmax(0,1fr);gap:28px}
.people-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.person{min-width:0;min-height:210px;padding:24px;border:1px solid var(--line);gap:24px;flex-direction:row;align-items:center}
.person-avatar{width:112px;height:140px;font-size:44px}
.person>div:last-child{min-width:0}
.person h3{overflow-wrap:anywhere}
.person-role{line-height:1.7}
.person-focus{line-height:1.8;overflow-wrap:anywhere}
.people-invite{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr auto;gap:14px 32px;align-items:center;padding:30px 34px;min-height:0}
.people-invite>.mono{grid-column:1/-1;position:relative}
.people-invite h3{font-size:27px;margin:0;position:relative}
.people-invite p{margin:0;position:relative}
.people-invite .text-link{align-self:end;justify-self:start;position:relative}
.people-invite .invite-star{font-size:62px;top:18px;right:25px;opacity:.55}
@media(max-width:1100px){.people-list{gap:20px}.person{padding:20px;gap:19px}.person-avatar{width:92px;height:122px;font-size:38px}.people-invite{grid-template-columns:1fr 1fr;gap:14px 30px}.people-invite h3{grid-row:2/4}.people-invite p,.people-invite .text-link{grid-column:2}.people-invite .text-link{align-self:start}}
@media(max-width:800px){.people-layout{gap:24px}.people-list{gap:16px}.person{min-height:174px;padding:18px;gap:15px}.person-avatar{width:78px;height:108px;font-size:33px}.person h3{font-size:22px}.people-invite{padding:27px 28px}.people-invite>.mono{font-size:8px}.people-invite h3{font-size:26px}}
@media(max-width:560px){.people-list{grid-template-columns:minmax(0,1fr);gap:14px}.person{min-height:160px;padding:19px;gap:22px}.person-avatar{width:94px;height:118px;font-size:38px}.person h3{font-size:23px}.people-invite{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px}.people-invite h3,.people-invite p,.people-invite .text-link{grid-column:1;grid-row:auto}.people-invite h3{font-size:28px}.people-invite .invite-star{right:24px;top:24px}.people-invite p{font-size:11px}}
.person-avatar.has-photo:before,.person-avatar.has-photo:after{display:none}.person-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.hero-copy{align-self:center}.hero h1{font-size:clamp(34px,4.7vw,64px);line-height:1.3;letter-spacing:-.06em;white-space:normal;margin-bottom:0}.hero-title-line{display:block;white-space:nowrap}.hero-english{font-size:clamp(15px,1.5vw,21px);font-weight:500;line-height:1.6;letter-spacing:0;word-break:normal;margin:20px 0 23px;color:#666d62}.hero-english span{display:inline-block}
@supports(font-size:1cqw){.hero h1{font-size:10.6cqw}html[lang=en] .hero h1{font-size:11cqw;line-height:1.15}}
.hero-affiliation{margin-top:30px}.university-brand{display:inline-flex;align-items:center;width:190px;max-width:100%}.university-brand img{display:block;width:100%;height:auto;object-fit:contain}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:800px){.hero-affiliation{margin-top:25px}}
@media(max-width:560px){.hero-affiliation{margin-top:28px}}

/* Large CSP wordmark for the opening page. */
.hero-brand{min-width:0;min-height:480px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background:#e8eddf;color:var(--ink);container-type:inline-size}
.hero-brand-mark{display:block;width:56px;height:56px;margin-left:-8px}
.hero-wordmark{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(120px,16vw,250px);font-weight:800;line-height:.85;letter-spacing:-.075em;margin:34px 0 28px -4px;white-space:nowrap}
.hero-brand-name{align-self:stretch;border-top:1px solid #c6ceba;padding-top:20px;margin:0;font-family:var(--mono);font-size:10px;line-height:1.8;letter-spacing:1.1px}
@supports(font-size:1cqw){.hero-wordmark{font-size:49cqw}}
@media(min-width:1500px){.hero-brand{min-height:560px;padding:42px}.hero-brand-mark{width:64px;height:64px}.hero-brand-name{font-size:12px}}
@media(max-width:1100px){.hero-brand{min-height:450px;padding:29px}.hero-brand-name{font-size:9px}}
@media(max-width:800px){.hero-brand{min-height:400px;padding:25px}.hero-brand-mark{width:48px;height:48px}.hero-brand-name{font-size:8px;letter-spacing:.6px}}
@media(max-width:560px){.hero-brand{width:100%;min-height:340px;padding:27px;aspect-ratio:1.04}.hero-wordmark{margin-top:23px;margin-bottom:23px}.hero-brand-name{font-size:9px;padding-top:18px}}

/* Professor introduction between publications and student profiles. */
.professor-intro{padding-top:0}
.professor-intro-card{display:grid;grid-template-columns:176px minmax(175px,.75fr) minmax(0,1.3fr);gap:36px;align-items:center;padding:32px;border:1px solid var(--line)}
.professor-intro-portrait{display:flex;align-items:center;justify-content:center;width:176px;aspect-ratio:4/5;background:#e5eadd;color:#8b9e75;font-size:58px;overflow:hidden}
.professor-intro-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.professor-intro-identity,.professor-intro-summary{min-width:0}
.professor-intro-identity .person-role{display:block;margin-bottom:13px}
.professor-intro-identity h3{font-size:35px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:0;overflow-wrap:anywhere}
.professor-intro-alternate{font-family:var(--mono);font-size:11px;color:#7b896d;margin:12px 0 0;overflow-wrap:anywhere}
.professor-intro-affiliation{font-size:12px;color:var(--muted);margin:25px 0 0}
.professor-intro-summary{border-left:1px solid var(--line);padding:8px 0 8px 32px}
.professor-intro-label{display:block;font-size:9px;letter-spacing:.5px;color:#8b967f;margin-bottom:10px}
.professor-intro-bio{font-size:14px;line-height:2;white-space:pre-line;margin:0;overflow-wrap:anywhere}
.professor-intro-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:27px}
.professor-intro-links .text-link{font-size:12px}
.professor-intro-email{font-family:var(--mono);font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.professor-intro-email:hover{color:var(--ink)}
@media(max-width:1100px){.professor-intro-card{grid-template-columns:150px minmax(150px,.8fr) minmax(0,1.3fr);gap:26px;padding:26px}.professor-intro-portrait{width:150px}.professor-intro-identity h3{font-size:31px}.professor-intro-summary{padding-left:26px}.professor-intro-bio{font-size:13px}}
@media(max-width:800px){.professor-intro-card{grid-template-columns:136px minmax(0,1fr);gap:22px 28px;padding:28px;align-items:start}.professor-intro-portrait{width:136px;grid-row:1/3}.professor-intro-identity{padding-top:3px}.professor-intro-affiliation{margin-top:15px}.professor-intro-summary{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:19px 0 0}.professor-intro-links{margin-top:20px;gap:17px}}
@media(max-width:560px){.professor-intro-card{grid-template-columns:104px minmax(0,1fr);gap:25px 22px;padding:23px}.professor-intro-portrait{width:104px;grid-row:auto;font-size:40px}.professor-intro-identity{align-self:center;padding:0}.professor-intro-identity h3{font-size:27px}.professor-intro-identity .person-role{font-size:9px;margin-bottom:8px}.professor-intro-alternate{font-size:10px;margin-top:9px}.professor-intro-affiliation{font-size:10px;margin-top:17px}.professor-intro-summary{grid-column:1/-1;padding-top:21px}.professor-intro-bio{font-size:12px;line-height:1.95}.professor-intro-links .text-link{font-size:11px}.professor-intro-email{font-size:10px}}

/* Wide member profiles with room for biographies. */
.brand-logo{display:block;width:165px;height:auto;max-width:100%}.site-header{gap:18px}.site-header nav{gap:20px;margin-right:15px;font-size:12px}.header-actions{gap:16px}.footer-top .brand-logo{width:165px}
.people-list{grid-template-columns:minmax(0,1fr);gap:20px}.person{display:grid;grid-template-columns:132px minmax(170px,.75fr) minmax(0,1.45fr);gap:32px;align-items:center;min-height:220px;padding:30px}.person-avatar{width:132px;height:160px;font-size:48px}.person-identity{min-width:0}.person h3{font-size:30px;letter-spacing:-.8px}.person-role{font-family:var(--mono);font-size:10px;letter-spacing:.2px;color:#72805f;margin-bottom:12px}.person .english-name{margin:10px 0 16px}.person-details{min-width:0;display:flex;flex-direction:column;gap:20px;border-left:1px solid var(--line);padding:8px 0 8px 30px}.person-detail-label{display:block;font-size:9px;letter-spacing:.5px;color:#8b967f;margin-bottom:7px}.person-detail p{margin:0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.person-detail .person-biography{white-space:pre-line;font-size:13px;color:#657258}.person .text-link{margin-top:15px}
@media(max-width:1100px){.site-header nav{gap:15px;margin-right:5px;font-size:11px}.brand-logo{width:150px}.header-actions{gap:14px}.join-small{gap:14px;padding:10px 13px}.person{grid-template-columns:112px minmax(145px,.75fr) minmax(0,1.4fr);gap:24px;padding:25px}.person-avatar{width:112px;height:145px}.person h3{font-size:27px}.person-details{padding-left:24px}}
@media(max-width:800px){.site-header nav{gap:24px;font-size:13px;margin:0}.person{grid-template-columns:98px minmax(0,1fr);gap:16px 24px;padding:24px}.person-avatar{grid-row:1/3;align-self:start;width:98px;height:128px}.person-details{grid-column:2;grid-row:2;border-left:0;padding:0;gap:15px}.person h3{font-size:26px}.person-role{margin-bottom:8px}.person-detail p{font-size:13px}}
@media(max-width:560px){.brand-logo{width:145px}.person{grid-template-columns:78px minmax(0,1fr);gap:17px 20px;padding:23px 20px;min-height:190px}.person-avatar{width:78px;height:104px;font-size:36px}.person h3{font-size:25px}.person-role{font-family:var(--sans);font-size:10px;letter-spacing:0}.person-details{gap:15px}.person-detail-label{font-size:8px;margin-bottom:4px}.person-detail p{font-size:12px}.person-detail .person-biography{font-size:11px;line-height:1.9}.footer-top .brand-logo{width:145px}}

/* Comfortable reading and finger-sized controls on compact screens. */
@media(max-width:800px){
  .site-header{height:80px;gap:14px}
  .header-actions{gap:8px}
  .language{min-width:44px;min-height:44px;padding:10px;font-size:14px}
  .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;flex-shrink:0}
  .menu-toggle span{width:24px;margin:0;flex-shrink:0}
  .site-header nav{top:80px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;padding:12px 6%}
  .site-header nav.open{display:grid}
  .site-header nav a{display:flex;align-items:center;min-height:44px;font-size:15px}
  .hero-english{font-size:16px;line-height:1.65}
  .hero-description,.section-intro{font-size:15px;line-height:1.85}
  .hero-actions .button,.button{min-height:48px;font-size:14px;padding:12px 18px}
  .text-link{min-height:44px;align-items:center;font-size:14px}
  .section-index{font-size:11px;line-height:1.7}
  .research-selected p{font-size:15px;line-height:1.85;min-height:0}
  .research-selected h3{font-size:22px;line-height:1.4}
  .research-visual-footer .mono{font-size:11px}
  .tag-list{gap:7px}
  .tag-list span{font-size:12px;line-height:1.6;padding:5px 8px}
  .research-item{min-height:88px}
  .research-item h3{font-size:18px;line-height:1.5}
  .research-item p{font-size:12px;line-height:1.7;word-break:normal}
  .research-item .research-number{font-size:12px}
  .filter-buttons{gap:6px;flex-wrap:wrap}
  .filter-buttons button{min-height:44px;font-size:14px;padding:8px 12px}
  .small-label{font-size:13px}
  .publication-row h3{font-size:17px;line-height:1.7}
  .publication-row .authors,.publication-row .venue{font-size:14px;line-height:1.8}
  .publication-year{font-size:13px}
  .paper-arrow{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:25px}
  .source-note{font-size:13px;line-height:1.9}
  .citation{font-size:13px}
  .citation summary{min-height:44px;padding:10px 0}
  .citation pre{font-size:12px}
  .professor-intro-label,.person-detail-label{font-size:13px}
  .professor-intro-bio{font-size:15px;line-height:1.9}
  .professor-intro-card .text-link{font-size:14px}
  .professor-intro-email{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
  .professor-intro-affiliation,.professor-intro-alternate{font-size:14px}
  .person-role,.person .english-name{font-size:13px;line-height:1.8}
  .person-detail p{font-size:15px;line-height:1.9}
  .person-detail .person-biography{font-size:14px;line-height:1.9}
  .people-invite p{font-size:15px;line-height:1.85}
  .people-invite .text-link{font-size:14px}
  .people-invite>.mono{font-size:11px}
  .project-body h3{font-size:18px;line-height:1.7}
  .project-summary{font-size:15px;line-height:1.85}
  .project-meta{font-size:14px;line-height:1.8}
  .project-meta dt{font-size:13px}
  .project-link{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .empty-projects,.empty-publications{font-size:15px}
  .news-row h3{font-size:17px;line-height:1.7}
  .news-row p{font-size:15px;line-height:1.8}
  .news-date{font-size:13px}
  .join-layout>div>p{font-size:15px;line-height:1.85}
  .join-layout .button{font-size:14px}
  .contact-line p,.contact-line>span{font-size:14px;line-height:1.8}
  .contact-card p.contact-small{font-size:13px;line-height:1.8}
  .contact-source{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
  .contact-email{font-size:23px;line-height:1.5;overflow-wrap:anywhere}
  .footer-top p{font-size:14px;line-height:1.8}
  .footer-top p+p{font-size:13px}
  .back-top{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
  .footer-bottom{font-size:12px;line-height:1.8}
  .footer-bottom>div{font-size:13px;flex-wrap:wrap;gap:12px}
  .footer-bottom>div a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:560px){
  .hero{padding-top:30px}
  .hero h1{line-height:1.35}
  .section-intro br{display:initial}
  .hero-affiliation{margin-top:24px}
  .hero-brand{min-height:0;aspect-ratio:auto;padding:24px;gap:16px}
  .hero-brand-mark{width:40px;height:40px}
  .hero-wordmark{font-size:45cqw;margin:0 0 0 -3px}
  .hero-brand-name{font-size:11px;line-height:1.7;padding-top:16px}
  .research-visual{display:flex;flex-direction:column;padding:22px;gap:0}
  .research-orbit{height:160px}
  .research-selected h3{margin:20px 0 12px}
  .research-selected p{margin:0 0 16px}
  .research-selected,.research-visual-footer{grid-column:auto;grid-row:auto}
  .publication-row{grid-template-columns:minmax(0,1fr) 44px;gap:6px 10px;padding:24px 0}
  .publication-year{grid-column:1;grid-row:1;align-self:center}
  .publication-row>div:nth-child(2){grid-column:1/-1;grid-row:2;min-width:0}
  .paper-arrow{grid-column:2;grid-row:1}
  .publication-toolbar{gap:12px}
  .person{grid-template-columns:78px minmax(0,1fr);gap:18px;padding:22px 18px}
  .person-role{font-family:var(--sans);overflow-wrap:anywhere}
  .person-details{grid-column:1/-1;grid-row:auto;border-top:1px solid var(--line);padding-top:16px}
  .person-avatar{grid-row:auto}
  .person .english-name{margin-bottom:8px}
  .project-row{grid-template-columns:24px minmax(0,1fr) 22px;gap:10px}
  .project-link{grid-column:2;justify-self:start;margin-top:4px}
  .people-invite .invite-star{opacity:.3}
  .contact-line{flex-direction:column;gap:10px}
}