:root {
  color-scheme: light;
  --paper:#f4f4f1; --surface:#fafaf8; --ink:#151515; --muted:#686865; --line:#c9c9c4; --soft:#e7e7e2;
  --max:1540px; font-family:Inter,Pretendard,"Noto Sans KR",Arial,sans-serif; font-synthesis:none;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}


.skip-link{position:fixed;z-index:50;top:12px;left:12px;padding:11px 15px;color:white;background:var(--ink);transform:translateY(-150%)}
.skip-link:focus{transform:none}

.site-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(244,244,241,.94);backdrop-filter:blur(12px)}

.brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;font-size:14px;font-weight:700}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-size:10px;letter-spacing:.06em}
.site-header nav{display:flex;gap:30px;font-size:13px}
.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}
.site-header nav a:hover{border-color:var(--ink)}
.issue{justify-self:end;margin:0;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.issue span{margin:0 5px}

main,footer{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.hero{min-height:calc(50dvh - 76px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);align-items:start;gap:7vw;padding:clamp(38px,5vh,64px) 0 7vh;border-bottom:1px solid var(--ink)}
.hero-title>p{margin-bottom:28px;font-size:11px;font-weight:700;letter-spacing:.19em}
.hero h1{margin:0;font-size:clamp(32px,8vw,102px);line-height:1.1;letter-spacing:-.05em;font-weight:720}
.hero-note{align-self:end;padding-bottom:10px}
.orbit-mark{position:relative;display:block;width:130px;height:130px;margin:0 0 34px;border:1px solid var(--line);border-radius:50%}
.orbit-mark::before,.orbit-mark::after{content:"";position:absolute;top:50%;left:50%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-mark::before{width:74px;height:74px}
.orbit-mark::after{width:10px;height:10px;background:var(--ink)}
.orbit-mark i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.orbit-mark i:nth-child(1){top:9px;left:77px}
.orbit-mark i:nth-child(2){right:13px;bottom:23px}
.orbit-mark i:nth-child(3){bottom:20px;left:18px;width:5px;height:5px}
.hero-note>p{margin-bottom:40px;font-size:18px;line-height:1.7;word-break:keep-all}
.hero-note dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line)}
.hero-note dl div{padding:15px 10px 0 0}
.hero-note dt{min-height:32px;color:var(--muted);font-size:10px;line-height:1.3;text-transform:uppercase}
.hero-note dd{margin:5px 0 0;font-size:24px}

.research-section{padding:82px 0 110px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}
.section-heading>div{display:flex;align-items:baseline;gap:18px}
.section-heading span{color:var(--muted);font-size:11px}
.section-heading h2{margin:0;font-size:25px;letter-spacing:-.035em}
.section-heading>p{margin:4px 0 0;color:var(--muted);font-size:13px}
.research-list{border-top:1px solid var(--ink)}
.research-entry{position:relative;display:grid;grid-template-columns:90px minmax(320px,1.25fr) minmax(280px,.75fr) 54px;gap:28px;align-items:center;min-height:220px;padding:30px 10px;border-bottom:1px solid var(--line)}
a.research-entry{transition:background .2s ease,padding .2s ease}
a.research-entry:hover{padding-inline:24px;background:var(--surface)}
.entry-number{align-self:start;padding-top:5px;color:var(--muted);font-size:11px}
.entry-copy>p{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.14em}
.entry-copy>p i{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.planned .entry-copy>p i{border:1px solid var(--ink);background:transparent}
.entry-copy h3{margin-bottom:14px;font-size:clamp(30px,3.2vw,54px);line-height:1;letter-spacing:-.055em}
.entry-copy>span{display:block;max-width:45rem;color:#454542;font-size:15px;line-height:1.65;word-break:keep-all}
.research-entry dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}
.planned dl{grid-template-columns:repeat(2,1fr)}
.research-entry dt{margin-bottom:8px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.research-entry dd{margin:0;font-size:14px}
.entry-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;font-size:20px;transition:transform .2s ease}
a.research-entry:hover .entry-arrow{color:white;background:var(--ink);transform:rotate(45deg)}
.entry-state{justify-self:end;color:var(--muted);font-size:12px}

.lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:70px;padding:0 0 120px}
.projects,.updates{border-top:1px solid var(--ink);padding-top:26px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.project-grid article{min-height:270px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface)}
.project-grid article:last-child{border-right:0}
.project-grid article>span{font-size:9px;font-weight:700;letter-spacing:.14em}
.project-grid h3{margin:42px 0 14px;font-size:22px;line-height:1.1;letter-spacing:-.035em}
.project-grid p{color:var(--muted);font-size:14px;line-height:1.55}
.project-grid small{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.project-grid .restricted{background:var(--soft)}
.updates ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.updates li{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.updates time{color:var(--muted);font-size:11px}
.updates li p{margin:0;font-size:14px;line-height:1.45}

footer{min-height:190px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink)}
footer strong{font-size:19px}
footer p{margin:9px 0 0;color:var(--muted);font-size:13px}
footer>span{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}
.site-header nav{grid-column:1/-1;grid-row:2;display:flex;gap:24px;overflow-x:auto;max-width:100%;white-space:nowrap;border-top:1px solid var(--line)}
.site-header nav a{display:flex;align-items:center;min-height:44px}
.site-header>.brand,.site-header>.issue{grid-row:1;margin-block:12px}
.hero{grid-template-columns:1fr;align-content:start;gap:56px}
.hero-note{display:grid;grid-template-columns:130px 1fr;gap:34px}
.hero-note>p{margin-bottom:0}
.hero-note dl{grid-column:2}
.research-entry{grid-template-columns:64px 1fr 50px}
.research-entry dl{grid-column:2}
.entry-arrow,.entry-state{grid-column:3;grid-row:1/3}
.lower-grid{grid-template-columns:1fr}
.project-grid article{min-height:230px}
}

@media(max-width:700px){.site-header{min-height:64px;padding-inline:16px}
.brand>span:last-child,.issue span{display:none}
main,footer{width:calc(100% - 32px)}
.hero{min-height:auto;padding:40px 0 54px;gap:50px}
.hero h1{font-size:clamp(50px,16vw,76px);line-height:1.08}
.hero-note{display:block}
.orbit-mark{width:94px;height:94px;margin-bottom:28px}
.orbit-mark::before{width:52px;height:52px}
.orbit-mark i:nth-child(1){left:56px}
.hero-note>p{font-size:16px;margin-bottom:30px}
.research-section{padding:60px 0 80px}
.section-heading{display:block}
.section-heading>p{margin:12px 0 0}
.research-entry{grid-template-columns:1fr auto;gap:20px;min-height:0;padding:28px 0}
.entry-number{grid-column:1}
.entry-copy{grid-column:1/3}
.entry-copy h3{font-size:36px}
.research-entry dl{grid-column:1}
.entry-arrow,.entry-state{grid-column:2;grid-row:3}
.project-grid{grid-template-columns:1fr}
.project-grid article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}
.project-grid article:last-child{border-bottom:0}
.lower-grid{gap:70px;padding-bottom:80px}
footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:20px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}
}