:root{--ink:#1D1D1F;--ink2:#424245;--muted:#6E6E73;--faint:#86868B;--line:#D2D2D7;--line2:#E8E8ED;--surface:#F5F5F7;--accent:#A35A08;--led:#B8660A;
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Apple SD Gothic Neo","Inter","Noto Sans KR","Helvetica Neue",Arial,sans-serif;
--sec:clamp(56px,calc(96vw / 14.4),96px);--top:clamp(88px,calc(152vw / 14.4),152px);--gut:24px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.53;letter-spacing:-0.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:lang(ko){word-break:keep-all;letter-spacing:-0.012em}
h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}
img{max-width:100%;height:auto}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--led);outline-offset:3px}
.wrap{width:100%;max-width:calc(1080px + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:768px}
.sec{padding-block:var(--sec)}
.pg{padding-top:var(--top);padding-bottom:var(--sec)}
.eyebrow{font-size:16px;line-height:1.33;font-weight:600;letter-spacing:-0.01em;color:var(--accent)}
.label{font-size:13px;line-height:1.38;font-weight:600;color:var(--muted);letter-spacing:-0.005em}
.display{font-size:clamp(calc(70px * 0.5),calc(70vw / 14.4),70px);line-height:1.05;font-weight:600;letter-spacing:-0.015em;text-wrap:balance}
.h1{font-size:clamp(calc(50px * 0.567),calc(50vw / 14.4),50px);line-height:1.08;font-weight:600;letter-spacing:-0.01em;text-wrap:balance}
.h2{font-size:clamp(calc(36px * 0.636),calc(36vw / 14.4),36px);line-height:1.12;font-weight:600;letter-spacing:-0.008em;text-wrap:balance}
.h3{font-size:clamp(calc(26px * 0.81),calc(26vw / 14.4),26px);line-height:1.22;font-weight:600;letter-spacing:-0.015em}
.statement{font-size:clamp(calc(26px * 0.69),calc(26vw / 14.4),26px);line-height:1.25;font-weight:600;letter-spacing:-0.012em;text-wrap:pretty;color:#000}
.lead{font-size:clamp(calc(23px * 0.79),calc(23vw / 14.4),23px);line-height:1.45;letter-spacing:-0.015em}
.small{font-size:14px;line-height:1.43;letter-spacing:-0.01em}
.muted{color:var(--muted)}.faint{color:var(--faint)}
.more{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:980px;background:var(--ink);color:#fff;font-size:17px;line-height:1.2}
.btn:hover{background:#333336;text-decoration:none}
.card{background:var(--surface);border-radius:20px;padding:clamp(calc(36px * 0.75),calc(36vw / 14.4),36px)}
.stack{display:flex;flex-direction:column}
.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g20{gap:20px}.g24{gap:24px}.g32{gap:32px}.g48{gap:48px}.g64{gap:64px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut);row-gap:40px}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:24px;align-items:start}
.split>:first-child{grid-column:1/span 2}.split>:last-child{grid-column:3/-1}
.ruled{position:relative;padding-top:24px}.ruled::before{content:"";position:absolute;top:0;left:var(--gut);right:var(--gut);border-top:1px solid var(--line)}
.list>*{padding-block:28px;border-top:1px solid var(--line2)}.list>:first-child{padding-top:0;border-top:0}.list>:last-child{padding-bottom:0}
.center{text-align:center;align-items:center}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:8px;align-items:baseline;padding-block:28px;border-top:1px solid var(--line)}
.row>:nth-child(1){grid-column:1/span 2}.row>:nth-child(2){grid-column:3/span 8}.row>:nth-child(3){grid-column:11/-1}
.row.two>:nth-child(2){grid-column:3/-1}
.row:last-child{border-bottom:1px solid var(--line)}
.arch-row{align-items:start}
.thumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--surface)}
.arch-fig{margin:0}.arch-fig img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:12px;background:var(--surface)}
.thumb-ph{display:flex;align-items:center;justify-content:center;color:#AEAEB2}
.arch-fig figcaption{margin-top:8px}
.tag{display:inline-flex;padding:3px 10px;border-radius:980px;background:var(--surface);color:var(--ink2);font-size:12px;font-weight:600;letter-spacing:0}
.status{display:inline-flex;align-items:flex-start;gap:10px}
.led{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none}
.led.on{background:#2FA35B}.led.half{background:#E6B400}.led.off{background:#D93A30}
.status .led{align-self:flex-start;margin-top:calc((1.43em - 16px) / 2)}
.arch-row .st{padding-top:calc((22px * 1.3 - 14px * 1.43) / 2)}
.gl-controls{display:flex;flex-direction:column;gap:16px}
.gl-input{width:100%;font:inherit;font-size:17px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);letter-spacing:-0.01em}
.gl-input:focus{outline:2px solid var(--led);outline-offset:1px;border-color:transparent}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.arch-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:20px}
.arch-bar .chip{display:inline-flex;align-items:center;gap:8px}.arch-bar .chip .led{width:10px;height:10px}
.arch-bar .chip .n{color:var(--faint);font-variant-numeric:tabular-nums}
.chip[aria-pressed="true"] .n{color:#D2D2D7}
.arch-sort{display:inline-flex;align-items:center;gap:8px}
.arch-sort select{font:inherit;font-size:14px;padding:7px 30px 7px 12px;border:1px solid var(--line);border-radius:980px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236E6E73' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink2);appearance:none;-webkit-appearance:none;cursor:pointer}
.arch-sort select:focus,.chip:focus{outline:none}.arch-sort select:focus-visible{outline:none;border-color:var(--ink2)}.chip:focus-visible{outline:2px solid var(--ink2);outline-offset:2px}
.arch-list{border-bottom:1px solid var(--line)}.arch-list .row:last-child{border-bottom:0}
.chip{font:inherit;font-size:14px;padding:7px 14px;border-radius:980px;border:1px solid var(--line);background:#fff;color:var(--ink2);cursor:pointer;letter-spacing:-0.005em}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.gl-term{scroll-margin-top:80px}
.gl-term h3{font-size:clamp(21px,2vw,24px);line-height:1.3;font-weight:600;letter-spacing:-0.015em}
.gl-term .def{font-size:18px;line-height:1.65}
.gl-term details summary{cursor:pointer;color:var(--muted);font-size:14px}
.gl-term .src{padding-left:20px;margin-top:8px;display:flex;flex-direction:column;gap:6px}
.gl-term a.case{color:var(--accent)}
.gl-group{padding-top:8px}
/* header */
.hdr{border-bottom:1px solid var(--line2);position:sticky;top:0;background:rgba(255,255,255,0.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);z-index:10}
.hdr .wrap{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap}
.logo-mark{width:18px;height:18px;flex:none;display:block}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:14px;color:var(--ink2);letter-spacing:-0.01em;white-space:nowrap}
.nav a[aria-current="page"]{color:var(--ink);font-weight:600}
.lang{font-size:13px;color:var(--muted);padding:5px 10px;border-radius:980px;border:1px solid var(--line2);white-space:nowrap;letter-spacing:0}
.right{display:flex;align-items:center;gap:32px}
.lang-m{display:none}
/* article */
.prose{display:flex;flex-direction:column;gap:22px;font-size:18px;line-height:1.65;letter-spacing:-0.012em}
.prose h2{font-size:clamp(21px,2vw,26px);line-height:1.25;font-weight:600;letter-spacing:-0.015em;padding-top:28px}
.prose ul{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.prose blockquote{padding-block:36px;margin-block:12px;border-block:1px solid var(--line);font-size:clamp(24px,2.6vw,32px);line-height:1.3;font-weight:600;letter-spacing:-0.015em;text-wrap:balance}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut);border-bottom:0}
.facts div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding-block:12px;border-top:1px solid var(--line)}
.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start}
.meta{position:sticky;top:96px}
.measure{max-width:720px}
.byline a{color:var(--ink2);font-weight:600}
.srcs{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.case-img{display:block;width:100%;height:auto;border-radius:12px;background:#fff;margin-bottom:8px}
:lang(ko) .display{font-size:clamp(calc(60px * 0.5),calc(60vw / 14.4),60px);line-height:1.16;letter-spacing:-0.025em}
:lang(ko) .h1{line-height:1.2;letter-spacing:-0.022em}
:lang(ko) .col-title{font-size:clamp(calc(44px * 0.636),calc(44vw / 14.4),44px);line-height:1.25}
:lang(ko) .h2{line-height:1.28;letter-spacing:-0.02em}
:lang(ko) .h3,:lang(ko) .statement{line-height:1.42;letter-spacing:-0.02em}
.nb{white-space:nowrap}
.hero{padding-top:var(--top);padding-bottom:clamp(104px,calc(140vw / 14.4),140px)}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-veil{position:absolute;inset:0;background:rgba(255,255,255,0.5)}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}
.hero-in{position:relative;text-align:center;align-items:center}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:12px;justify-content:center}
.foot{background:var(--surface);color:var(--muted);margin-top:var(--sec)}
.foot a{color:var(--ink2)}
.placeholder{color:#B26B00;background:#FFF6E6;padding:0 4px;border-radius:4px}
@media (max-width:900px){
 .article{grid-template-columns:minmax(0,1fr);gap:40px}
 .split>*,.row>*{grid-column:1/-1 !important}
 .split{row-gap:20px}
 .meta{position:static}
 .facts{grid-template-columns:minmax(0,1fr)}
 .grid3{grid-template-columns:minmax(0,1fr);gap:32px}
 .row .st{justify-self:start}
 .arch-row .st{padding-top:0}
}
@media (max-width:760px){
 .grid2{grid-template-columns:minmax(0,1fr)}
 .hdr .wrap{flex-wrap:wrap;gap:0 16px;padding-block:10px}
 .right{order:3;width:100%;gap:16px;padding-top:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .right .lang{display:none}
 .lang-m{display:inline-flex;order:2;margin-left:auto}
 .nav{gap:20px}
}