@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--ink:#173a49;--muted:#718087;--line:#d9e1e3;--paper:#fafcfc;--pale:#edf3f4;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #528ba3;outline-offset:6px}::selection{background:#c8dfe7}header{height:106px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 5.2%;max-width:1700px;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:15px}.wordmark{font:600 38px 'Manrope',sans-serif;letter-spacing:-3px}.wordmark i{font-style:normal;color:#8aa5b2}.brand small{border-left:1px solid #c6d3d9;padding-left:15px;font-size:11px;line-height:1.7;letter-spacing:1.2px}.nav{display:flex;align-items:center;gap:31px;font-size:14px}.nav a{position:relative;padding:12px 0;color:#6b797e}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]:after{content:'';position:absolute;height:2px;background:var(--ink);bottom:0;left:0;right:0}.nav .contactlink{border:1px solid #b9c8cd;padding:12px 19px;border-radius:30px;color:var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:30px;padding:10px 16px;color:var(--ink)}.wrap{max-width:1440px;margin:auto;padding:0 6%}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:500;text-transform:uppercase;color:#72868e}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding-top:65px;padding-bottom:65px;align-items:center}.hero-copy{padding:20px 0}.hero h1{font:400 clamp(46px,5.1vw,77px)/1.08 'Manrope',sans-serif;letter-spacing:-4px;margin:32px 0 28px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#658a9b;letter-spacing:-3px}.hero .kicker{font-size:17px;letter-spacing:-.5px;margin:0 0 12px}.hero p{font-size:15px;line-height:1.95;color:#78878e;max-width:440px;word-break:keep-all}.actions{display:flex;align-items:center;gap:28px;margin-top:33px}.pill{display:inline-flex;align-items:center;gap:35px;padding:16px 24px;background:var(--ink);color:#fff;border-radius:40px;font-size:13px}.pill:hover{background:#2e5768}.textlink{font-size:13px;border-bottom:1px solid #a6b8bf;padding-bottom:8px}.hero-art{position:relative;align-self:stretch;min-height:505px;overflow:hidden;border-radius:48% 48% 10px 10px}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.art-caption{position:absolute;bottom:25px;left:28px;font-size:10px;letter-spacing:2px;color:#fff;background:#173a4940;padding:9px 12px;border:1px solid #ffffff45;backdrop-filter:blur(10px)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;font-size:11px;letter-spacing:1.7px;color:#72868e}.hero-bottom b{font-size:14px;font-weight:500;color:var(--ink);letter-spacing:0}.pillars{display:flex;gap:30px}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px;gap:30px}.section h2,.section-head h2{font:400 43px/1.15 'Manrope',sans-serif;letter-spacing:-1.7px;margin:14px 0 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;border-top:1px solid var(--line)}.intro-grid h2{font-size:37px;line-height:1.45;word-break:keep-all}.intro-grid p{font-size:16px;line-height:2.15;color:#718087;margin-top:0;word-break:keep-all}.signature{font-size:12px;letter-spacing:2px;padding-top:20px;display:block}.research-band{background:#edf3f4}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd8dc}.research-card{padding:28px 28px 32px 0;border-bottom:1px solid #cbd8dc;min-height:240px}.research-card:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid #cbd8dc}.research-card .number{font-size:12px;color:#829ba5;letter-spacing:1px}.research-card h3{font-weight:500;font-size:23px;letter-spacing:-.7px;max-width:280px;margin:35px 0 16px}.research-card p{font-size:14px;line-height:1.9;color:#6e838c;word-break:keep-all}.research-card .arrow{float:right;font-size:20px}.research-card:hover h3{color:#497b91}.pub-row{display:grid;grid-template-columns:95px 1fr 32px;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.pub-row .year{font-size:14px;color:#839399;padding-top:4px}.pub-row h3{font-weight:500;font-size:18px;line-height:1.55;letter-spacing:-.3px;margin:0 0 10px}.pub-row p{font-size:13px;line-height:1.7;color:#7d8b90;margin:0}.pub-row .venue{color:#446d7d;font-size:12px;margin-bottom:9px;letter-spacing:.3px}.pub-arrow{font-size:22px}.news-band{background:#f0f4f3}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.news-card{padding-top:23px;border-top:1px solid #bccdd0}.news-card .meta{display:flex;justify-content:space-between;font-size:11px;color:#71878e;letter-spacing:1px}.news-card h3{font-size:21px;font-weight:400;line-height:1.5;margin:25px 0 28px;min-height:64px}.news-card .textlink{display:inline-block}.cta{background:var(--ink);color:#f8fcfd}.cta-inner{display:flex;justify-content:space-between;align-items:center;padding-top:75px;padding-bottom:75px;gap:30px}.cta h2{font:400 39px 'Manrope',sans-serif;letter-spacing:-1px;margin:0 0 16px}.cta p{font-size:14px;color:#bacbd1}.cta .pill{background:#f7fbfc;color:var(--ink)}footer{padding-top:55px;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top p{font-size:12px;line-height:1.9;color:#7d8e95}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#87979d}.page-hero{padding:65px 0 55px;border-bottom:1px solid var(--line)}.crumb{font-size:12px;letter-spacing:1px;color:#83979f;margin-bottom:40px}.page-hero h1{font:400 clamp(45px,5vw,70px) 'Manrope',sans-serif;letter-spacing:-3px;margin:15px 0 20px}.page-hero p{color:#7e9098;font-size:16px;line-height:1.9;max-width:700px;word-break:keep-all}.page-content{padding-top:55px;padding-bottom:85px}.subnav{display:flex;gap:27px;padding:0 0 28px;margin-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.subnav a{font-size:14px;color:#758b95}.group-title{font-weight:400;font-size:29px;letter-spacing:-.7px;margin:45px 0 28px;scroll-margin-top:25px}.professor{display:grid;grid-template-columns:280px 1fr;gap:65px;align-items:start}.professor img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e5ecee}.professor h2{font:400 39px 'Manrope';letter-spacing:-1.3px;margin:8px 0}.role{font-size:13px;color:#7d959e;letter-spacing:1px}.bio{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin-top:35px}.bio h3{font-weight:500;font-size:15px}.bio p{font-size:14px;line-height:1.8;color:#7e8d92}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.person img{width:100%;aspect-ratio:4/4.2;object-fit:cover;object-position:top;background:#e5ecee;filter:saturate(.6)}.person h3{font-size:21px;font-weight:500;margin:20px 0 10px}.person p{font-size:14px;color:#7f9096;line-height:1.8;margin:3px 0}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--pale);padding:45px}.mission-grid h2{font-size:13px;letter-spacing:2px;font-weight:500;color:#678492}.mission-grid p{font-size:23px;line-height:1.75;letter-spacing:-.7px;word-break:keep-all}.research-detail{display:grid;grid-template-columns:60px 1fr;gap:30px;padding:45px 0;border-bottom:1px solid var(--line)}.research-detail .number{font-size:14px;color:#88a1ab;padding-top:10px}.research-detail h2{font:400 31px 'Manrope';letter-spacing:-1px;margin:0 0 20px}.research-detail p{font-size:16px;line-height:2;color:#758b95;word-break:keep-all}.research-detail img{max-width:100%;max-height:360px;object-fit:contain;display:block;margin-top:24px}.pub-group{scroll-margin-top:30px}.patent{display:grid;grid-template-columns:95px 1fr;gap:25px;padding:23px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.7}.patent span{color:#83969e;font-size:14px}.news-list article{border-top:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:130px 1fr 40px;gap:25px}.news-list time{font-size:13px;color:#7f9198}.news-list h2{font-weight:400;font-size:22px;line-height:1.5;margin:0}.news-list p{font-size:14px;color:#7d8f96;line-height:1.8}.news-list .type{font-size:11px;letter-spacing:1px;color:#6f909f;margin-bottom:9px}.article{max-width:870px;margin:auto}.article h1{font-size:38px;line-height:1.45;font-weight:400;letter-spacing:-1px}.article .date{font-size:13px;letter-spacing:1px;color:#718993}.article-body{margin:40px 0}.article-body p{font-size:16px;line-height:2;color:#71858e}.article-body img{max-width:100%;height:auto;display:block;margin:25px auto}.back{display:inline-block;font-size:13px;border-bottom:1px solid #9aafb9;padding-bottom:8px;margin-bottom:35px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding:20px 0}.contact-grid h2{font-weight:400;font-size:34px;line-height:1.6;letter-spacing:-1px}.contact-grid .email{font:400 29px 'Manrope';border-bottom:1px solid #9cb4c0;display:inline-block;padding-bottom:13px;margin:20px 0}.contact-detail{padding:25px 0;border-top:1px solid var(--line)}.contact-detail small{font-size:11px;letter-spacing:2px;color:#76909a}.contact-detail p{font-size:16px;line-height:1.9}.source-note{font-size:12px;color:#90a1a7;margin-top:35px}.source-note a{text-decoration:underline}.empty{color:#7f9199}.all-pubs{font-size:13px;color:#8399a2} @media(min-width:1600px){.hero h1{font-size:78px}}@media(max-width:1100px){header{height:90px}.nav{gap:18px}.brand small{font-size:9px}.hero h1{font-size:58px}.hero-art{min-height:470px}.wrap{padding-left:5%;padding-right:5%}.hero p{font-size:14px}.professor{gap:35px}.bio{grid-template-columns:1fr;gap:5px}.contact-grid{gap:45px}}@media(max-width:800px){header{height:83px;position:relative;z-index:10}.wordmark{font-size:34px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:82px;padding:25px 6%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px}.nav.open{display:flex}.nav .contactlink{text-align:center;margin-top:10px}.hero{padding-top:40px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(49px,9vw,68px);letter-spacing:-3px}.hero-copy{padding:0}.hero-art{height:430px;min-height:0;border-radius:45% 45% 6px 6px}.hero p{font-size:15px;max-width:550px}.hero-bottom{align-items:start;gap:20px}.pillars{gap:12px;flex-direction:column;text-align:right}.section{padding-top:60px;padding-bottom:60px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2{font-size:31px}.section h2{font-size:34px}.research-grid{grid-template-columns:1fr 1fr}.research-card:not(:nth-child(3n+1)){padding-left:0;border-left:0}.research-card:nth-child(even){padding-left:25px;border-left:1px solid #cbd8dc}.research-card h3{font-size:21px}.section-head{align-items:center}.news-grid{grid-template-columns:1fr;gap:30px}.news-card h3{min-height:0}.cta-inner{flex-direction:column;align-items:start;padding-top:50px;padding-bottom:50px}.cta h2{font-size:33px}.footer-top{flex-direction:column}.professor{grid-template-columns:210px 1fr;gap:30px}.professor h2{font-size:28px}.people{gap:25px;grid-template-columns:1fr 1fr}.mission-grid{gap:20px;padding:25px}.mission-grid p{font-size:18px}.contact-grid{grid-template-columns:1fr;gap:20px}.page-hero{padding-top:45px}.page-content{padding-top:35px}.pub-row{grid-template-columns:55px 1fr 20px;gap:15px}.pub-row h3{font-size:16px}.news-list article{grid-template-columns:90px 1fr 20px;gap:14px}.news-list h2{font-size:19px}.article h1{font-size:29px}.footer-bottom{line-height:1.8}.section-head .textlink{white-space:nowrap}}@media(max-width:480px){.hero-art{height:340px}.hero h1{font-size:49px}.hero-bottom{font-size:9px}.hero-bottom b{font-size:12px}.brand small{font-size:9px}.section-head{align-items:start;flex-direction:column;gap:18px}.research-grid{grid-template-columns:1fr}.research-card:nth-child(even){padding-left:0;border-left:0}.research-card{min-height:0;padding:24px 0}.research-card h3{margin-top:20px}.professor{grid-template-columns:1fr}.professor img{max-width:280px}.people{gap:24px 16px}.person h3{font-size:18px}.person p{font-size:12px}.mission-grid{grid-template-columns:1fr}.research-detail{grid-template-columns:30px 1fr;gap:15px}.research-detail h2{font-size:25px}.research-detail p{font-size:14px}.pub-row{grid-template-columns:1fr;gap:10px}.pub-arrow{display:none}.patent{grid-template-columns:45px 1fr;gap:10px;font-size:14px}.news-list article{grid-template-columns:1fr;gap:12px}.news-list article>a:last-child{display:none}.contact-grid .email{font-size:25px}.footer-bottom{flex-direction:column;gap:7px}.page-hero h1{font-size:45px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .2s,background .2s}html{scroll-behavior:smooth}}
/* A more compact team, editorial archive, and subtle motion. */
.professor{grid-template-columns:230px 1fr;gap:55px}.professor>img{max-width:230px}.person img{width:min(100%,235px);aspect-ratio:4/4.5;display:block}.people{gap:42px 55px}.person h3{margin-top:17px}.publication-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:38px}.publication-tabs{display:inline-flex;gap:5px;padding:6px;border:1px solid var(--line);border-radius:40px;background:#f0f4f5}.publication-tabs button{border:0;border-radius:30px;padding:13px 22px;background:transparent;color:#6d828c;font-size:14px;display:flex;align-items:center;gap:12px;min-height:44px}.publication-tabs button[aria-selected=true]{background:var(--ink);color:white;box-shadow:0 3px 10px #173a4914}.publication-tabs button span{font-size:11px;opacity:.65}.publication-panel[hidden]{display:none}.publication-year{display:grid;grid-template-columns:155px minmax(0,1fr);gap:40px;border-top:1px solid #aebfc6;padding:32px 0 24px}.year-heading h2{font:400 36px 'Manrope',sans-serif;letter-spacing:-1.5px;margin:0 0 10px}.year-heading>span{font-size:12px;color:#8699a2}.year-entries .pub-row{grid-template-columns:1fr;padding:24px 0;border-top:1px solid var(--line)}.year-entries .pub-row:first-child,.year-entries .patent:first-child{border-top:0;padding-top:0}.year-entries .pub-row .year{display:none}.year-entries .patent{grid-template-columns:1fr}.news-thumb{display:block;overflow:hidden;background:#e8eef0;aspect-ratio:16/10;margin-bottom:24px}.news-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.paper-thumb img{object-fit:contain;padding:15px;background:#e8eef0}.news-thumb:hover img{transform:scale(1.035)}.news-list article.has-thumbnail{grid-template-columns:180px 110px minmax(0,1fr) 25px;align-items:center}.news-list .news-thumb{margin:0;width:180px}.news-list article.text-only{grid-template-columns:110px minmax(0,1fr) 25px}.news-list article>a:last-child{justify-self:end}.news-card{padding-top:0;border-top:0}.research-card .arrow{transition:transform .25s}.research-card:hover .arrow{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:no-preference){.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}.reveal-on-scroll.is-revealed{opacity:1;transform:none}.research-card:nth-child(2),.news-card:nth-child(2){transition-delay:70ms}.research-card:nth-child(3),.news-card:nth-child(3){transition-delay:140ms}}
@media(max-width:800px){.professor{grid-template-columns:190px 1fr;gap:30px}.professor>img{max-width:190px}.person img{max-width:210px}.people{gap:30px}.publication-year{grid-template-columns:95px minmax(0,1fr);gap:22px}.publication-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.news-list article.has-thumbnail{grid-template-columns:130px minmax(0,1fr) 20px;gap:15px}.news-list .news-thumb{width:130px;grid-row:1/3}.news-list article.has-thumbnail time{grid-column:2}.news-list article.has-thumbnail>div{grid-column:2}.news-list article.has-thumbnail>a:last-child{grid-column:3;grid-row:1/3}}
@media(max-width:480px){.professor{grid-template-columns:1fr}.professor>img{max-width:210px}.people{gap:28px 20px}.person img{max-width:170px}.publication-tabs{width:100%;gap:3px;padding:4px}.publication-tabs button{padding:11px 10px;gap:6px;flex:1;justify-content:center;font-size:12px}.publication-year{grid-template-columns:1fr;gap:22px}.year-heading{display:flex;align-items:center;justify-content:space-between}.year-heading h2{font-size:29px;margin:0}.news-list article.has-thumbnail{grid-template-columns:100px minmax(0,1fr)}.news-list .news-thumb{width:100px;aspect-ratio:4/5}.news-list article.text-only{grid-template-columns:1fr}.news-list h2{font-size:16px}.news-list .paper-thumb img{padding:6px}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;clip-path:none}.news-thumb img,.research-card .arrow,.hero-art img{transition:none;transform:none}}

/* Stable arch from the first paint; the home page has no scroll animation. */
.hero-art{isolation:isolate;clip-path:inset(0 round 48% 48% 10px 10px);background:#e9f0f4}.hero-art img{display:block;transform:none;transition:none}
@media(max-width:800px){.hero-art{clip-path:inset(0 round 45% 45% 6px 6px)}}

/* Keep the opening full-height without enlarging its content. */
.home-opening{min-height:calc(100svh - 106px);display:flex;flex-direction:column}
.home-opening>.hero{width:100%;flex:1;margin:0 auto;align-content:center}
.home-opening>.wrap{width:100%}
@media(min-width:801px){.home-opening .hero-copy{padding:0}.home-opening .hero-art{min-height:0;height:auto;align-self:stretch}}
@media(max-width:1100px){.home-opening{min-height:calc(100svh - 90px)}}
@media(max-width:800px){.home-opening{min-height:calc(100svh - 83px)}}

/* Enlarge the whole hero composition together, retaining its column ratio. */
@media(min-width:801px){
.home-opening>.hero{width:96%;max-width:1394px;padding-left:0;padding-right:0;padding-top:85px;padding-bottom:70px;grid-template-columns:1.05fr 1fr;gap:5%}
.home-opening .hero h1{font-size:clamp(51px,5.61vw,85px);margin:35px 0 31px;letter-spacing:-4.4px}
.home-opening .hero h1 em{letter-spacing:-3.3px}
.home-opening .hero .eyebrow{font-size:13px;letter-spacing:2.6px}
.home-opening .hero .kicker{font-size:19px;margin-bottom:13px}
.home-opening .hero p{font-size:16.5px;max-width:484px}
.home-opening .hero .actions{gap:31px;margin-top:36px}
.home-opening .hero .pill{font-size:14px;padding:18px 26px;gap:38px}
.home-opening .hero .textlink{font-size:14px}
.home-opening .hero-art{margin-top:-28px;margin-bottom:0;min-height:0;height:auto;align-self:stretch}
}
@media(min-width:801px) and (max-width:1100px){.home-opening>.hero{width:92%;padding-top:65px;padding-bottom:55px}.home-opening .hero h1{font-size:clamp(52px,5.8vw,64px)}.home-opening .hero .actions{gap:20px}.home-opening .hero .pill{gap:18px;padding:16px 20px}.home-opening .hero p{font-size:15.5px}.home-opening .hero .kicker{font-size:17px}.home-opening .hero-art{margin-top:-24px}}