@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-italic-latin-ext.a04fc7ed18.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-italic-latin.6ee678c33f.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-normal-latin-ext.a8c4bd7cd7.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-normal-latin.60c06664b5.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-normal-cyrillic.4995a9a43a.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-normal-latin-ext.9c38cb2d0d.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-normal-latin.2c32b9b3ee.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/onest-normal-cyrillic.c3f4223046.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/onest-normal-latin-ext.f72bdc7559.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/onest-normal-latin.cc61cbd632.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Noto Sans KR";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-kr-400-chrome.43748337b3.woff2) format("woff2");unicode-range:U+B294, U+C0DD, U+C131, U+D615, U+B85C, U+C74C, U+C545, U+ACFC, U+BE44, U+C8FC, U+C5BC, U+C791, U+D488, U+C744, U+B9CC, U+B4E4, U+BA70, U+C5C5, U+C758, U+B3C4, U+B97C, U+C815, U+D558, U+ACE0, U+ACB0, U+C120, U+D0DD, U+D3B8, U+C9D1, U+D569, U+B2C8, U+B2E4, U+D55C, U+AD6D, U+C5B4, U+300C, U+300D, U+BC88, U+C5ED, U+B4EC, U+AE30, U+AC00, U+C644, U+BCBD, U+D574, U+C9C0, U+C2DC, U+B300, U+CC3D, U+B9AC, U+B354, U+C2ED, U+C5D0, U+C11C, U+C778, U+AC04, U+AC8C, U+B0A8, U+CC45, U+C784, U+BD88, U+C804, U+D568, U+BBF8, U+D0D0, U+AD6C, U+B798, U+C5B8, U+BB38, U+ACC4, U+CC98, U+B7FC, U+D655, U+C0B4, U+B85D, U+AE38, U+C5EC, U+C9C4, U+C0AC, U+B78C, U+C774, U+C73C, U+D6A8, U+C728, U+C801, U+C9DC, U+AC10, U+B098, U+B290, U+B07C, U+C21C, U+CC28, U+AC11, U+BC00, U+C790, U+B530, U+B73B, U+C6B4, U+B4DC, U+C640, U+AED8, U+B2F4, U+C558, U+C2B5, U+ACE1, U+C624, U+B958, U+C81C, U+AC70, U+C57C, U+D560, U+C544, U+B77C, U+C2A4, U+D0A4, U+C2F6, U+C785, U+ADF8, U+C704, U+B41C, U+C740, U+BD07, U+BCF4, U+CEEC, U+CD19, U+C810, U+C5F4, U+C5BB, U+B9C8, U+B9C9, U+D30C, U+D654, U+BAA9, U+C18C, U+D398, U+C6C3, U+B418, U+D588, U+B358, U+D15C, U+C548, U+D754, U+C0C8, U+AE41, U+AC01, U+C608, U+C220, U+C138, U+C5F0, U+D0DC, U+BB34, U+C5C7, U+B5A4, U+CD5C, U+C885, U+D504, U+B86C, U+D2B8, U+C62E, U+C77C, U+C218, U+B9CE, U+B2A5, U+B370, U+B974, U+B05D, U+AE4C}
@font-face{font-family:"Noto Sans KR";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-kr-400-ui.8492eb5e7b.woff2) format("woff2");unicode-range:U+D648, U+BC1C, U+B9E4, U+AC74, U+B108, U+B6F0, U+BCF8, U+D0ED, U+B9BC, U+BA54, U+B274, U+BC29, U+C2DD, U+B178, U+AC1C, U+B77D, U+C601, U+D45C, U+C9C1, U+C5C6, U+B978, U+ACF3, U+C6A9, U+B0B4, U+CE68, U+B4E0, U+BAA8, U+CCAB, U+BD80, U+D130, U+B298, U+BCFC, U+C788, U+C2E0, U+CEE4, U+BC84, U+B3D9, U+CCB4, U+D06C, U+B864, U+C529, U+C0C1, U+B20C, U+B7EC, U+BA74, U+B9BD, U+CD95, U+CE58, U+AC19, U+B0A0, U+C694, U+C911, U+C9F8, U+D2F0, U+CC3E, U+BCC4, U+B2EB, U+BABB, U+B04C, U+C2F1, U+AE00, U+C568, U+BC94, U+B4E3, U+C6D0, U+D50C, U+B7AB, U+D3FC, U+B4F1, U+B9C1, U+C62C, U+B808, U+B527, U+BE14, U+C7AC, U+C1FC, U+CE20, U+D2BC, U+B204, U+ACF5, U+BC0D, U+BC95, U+BC30, U+C6B0, U+C54A, U+C628, U+B9DE, U+B4ED, U+AC83, U+AE34, U+D5A5, U+C870, U+B458, U+C65C, U+C591, U+C6B8, U+B450, U+B4A4, U+B9D0, U+B985, U+AE08, U+D604, U+D3ED, U+B113, U+D799, U+D310, U+B2E8, U+CE59, U+C811, U+D65C, U+C9C8, U+BAAB, U+CC9C, U+C5C8, U+CF58, U+D150, U+C313, U+B824, U+AD00, U+C54C, U+C998, U+D788, U+BC1B, U+C600, U+BB3C, U+B193, U+D638, U+BA85, U+C18D, U+BCC0, U+B54C, U+D600, U+B084, U+B514, U+D611, U+AEF4, U+BD84, U+BC18, U+BC0F, U+BE0C, U+B79C, U+C81D, U+AC80, U+D1A0, U+BBF9, U+B374, U+C2EC, U+BDF0, U+D589, U+BC16, U+B828, U+CC38, U+CC44, U+D544, U+B044, U+C2E4, U+D5D8, U+C77D, U+B429, U+BE5B, U+C5B5, U+B9B0, U+CD08, U+B809, U+C158, U+AEBC, U+D68C, U+B825, U+C57D, U+CCAD, U+AF34, U+B0C5, U+C678, U+CFE0, U+C800, U+C7A5, U+C4F8, U+B2F9, U+AC15, U+D305, U+B9E1, U+B7F0, U+D0C0, U+C874, U+BC31, U+B984, U+B2F5, U+C501, U+C838, U+CCD0, U+B144, U+C0AD, U+C900, U+B839, U+C7C1, U+C808, U+C720, U+C6CC, U+B2EC, U+B0B8, U+C654, U+BBC0, U+D56D, U+B124, U+C1A1, U+C560, U+C751, U+B0BC, U+CF54, U+B610, U+D734, U+D1B5, U+C6C1, U+ACE7, U+BC14, U+CD9C, U+AD8C, U+C554, U+AC08, U+C775, U+C13C, U+CC30, U+ACBD, U+B00C}
@font-face{font-family:"Noto Sans KR";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-kr-400-content.f2a742533f.woff2) format("woff2");unicode-range:U+AC12, U+ACA9, U+C904, U+BE60, U+C0B0, U+CE21, U+C6C0, U+BBFF, U+BA87, U+D07C, U+ACA8, U+BA3C, U+BB3B, U+CA4C, U+C124, U+D6C4, U+C99D, U+BA5C, U+CDE8, U+C55E, U+BA38, U+C88B, U+BCF5, U+BAB0, U+B3D5, U+B807, U+C22D, U+B420, U+ADDC, U+B192, U+B2D0, U+BA48, U+CDB0, U+CF1C, U+ACAC, U+BE7C, U+C557, U+AC78, U+B454, U+B7FD, U+AC1D, U+C6D4, U+B800, U+D53C, U+AE68, U+B791, U+B2CC, U+B01D, U+D76C, U+D328, U+B9E8, U+ACBC, U+B7A8, U+CF5C, U+D508, U+ADE0}
@font-face{font-family:"Serif Fallback";src:local("Times New Roman"),local("Times"),local("Liberation Serif");size-adjust:92%;ascent-override:95%;descent-override:26%}
@font-face{font-family:"Sans Fallback";src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:98%;ascent-override:98%;descent-override:26%}
@font-face{font-family:"Mono Fallback";src:local("Menlo"),local("Consolas"),local("Liberation Mono");size-adjust:100%}

:root{
--void:#040404; --ink:#0B0A08; --ink-2:#12110e; --ink-3:#1a1813;
--text:#EFE9DC; --muted:#AAA18E; --dim:#8A8475; 
--hair:rgba(239,233,220,.12); --hair-2:rgba(239,233,220,.24);
--signal:#3FD0C2; --gold:#C3B07F;
--a0:#3FD0C2; --a1:#8FA8FF; --a2:#FF8FA0; --a3:#B89CFF; --a4:#7FD89A; --a5:#6CC4F0; --a6:#F29FD8; --a7:#C9E07A; --a8:#FFB08A; --a9:#D9D4C7;
--serif:"Instrument Serif","Serif Fallback","Noto Sans KR","Noto Sans JP","Noto Sans SC",serif;
--sans:"Onest","Sans Fallback","Noto Sans KR","Noto Sans JP","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:"JetBrains Mono","Mono Fallback","Noto Sans KR","Noto Sans JP","Noto Sans SC",ui-monospace,Menlo,monospace;
--ease:cubic-bezier(.2,.8,.2,1);
--bar:60px;
--gut:max(16px,env(safe-area-inset-left),env(safe-area-inset-right));
--pad:clamp(16px,4vw,64px);
--padx:max(var(--pad),env(safe-area-inset-left),env(safe-area-inset-right));
--fs-mono:11px;
--maxw:none;
--inner:var(--padx);
--fs-ctl:clamp(12px,.55vw,14px); 
--measure:31em;
color-scheme:dark;
}
@media (min-width:1900px){:root{--fs-mono:12px;--bar:68px}}
[lang]{--measure:31em} 
:lang(ko){--measure:40em}
:lang(ja),:lang(zh),:lang(zh-Hans){--measure:38em}
@media (min-width:2400px){:root{--fs-mono:13px;--bar:76px}}
:lang(ja){--sans:"Onest","Noto Sans JP","Sans Fallback",system-ui,sans-serif}
:lang(zh-Hans){--sans:"Onest","Noto Sans SC","Sans Fallback",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--void);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;scroll-padding-top:calc(var(--bar) + 12px)}
body{margin:0;min-height:100vh;background:var(--void);color:var(--text);font:300 16px/1.6 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility}
:lang(ko){word-break:keep-all}
:lang(ko) :is(p,li,dd,blockquote,h1,h2,h3,h4){overflow-wrap:anywhere}
.nw{white-space:nowrap}
.tap{display:inline-block;padding:15px 0;margin:-15px 0}
img{display:block;max-width:100%;height:auto}
picture{display:block}
picture.dz img:not([src]){visibility:hidden}
@media (scripting:none){picture.dz,.pulse .th{display:none}}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
h1,h2,h3,h4{font-weight:400;margin:0}
p{margin:0}
ul,ol{margin:0;padding:0}
strong,b{font-weight:500}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
::selection{background:var(--signal);color:var(--void)}
[hidden]{display:none!important}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.045;background:url(/assets/img/grain.e6a8d56e30.png) 0 0/96px 96px repeat;mix-blend-mode:overlay}
.skip{position:fixed;left:var(--gut);top:-80px;z-index:200;background:var(--text);color:var(--void);padding:12px 16px;font:500 13px/1.2 var(--mono);text-decoration:none;min-height:44px;display:flex;align-items:center}
.skip:focus{top:max(12px,env(safe-area-inset-top))}
.stress{position:fixed;left:50%;top:0;transform:translateX(-50%);z-index:150;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#6b1d1d;color:#fff;padding:7px 10px;pointer-events:none}
.eyebrow,.lbl{font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
:lang(ko) .eyebrow,:lang(ko) .lbl,:lang(ko).eyebrow{letter-spacing:.06em}
.bar{position:sticky;top:0;z-index:40;height:calc(var(--bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--inner) 0;display:flex;align-items:center;gap:clamp(12px,2vw,28px);background:rgba(4,4,4,.9);border-bottom:1px solid var(--hair);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home .bar{position:fixed;inset:0 0 auto 0;background:linear-gradient(to bottom,rgba(4,4,4,.88),rgba(4,4,4,0));border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.home .bar>*{pointer-events:auto}
.bar-r{display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:0 6px 0 16px} 
.home .bar-r{background:rgba(4,4,4,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home .bar .nav-main a,.home .bar .mark{text-shadow:0 1px 12px rgba(4,4,4,.95),0 0 3px rgba(4,4,4,.9)}
.mark{display:flex;align-items:baseline;gap:10px;text-decoration:none;min-height:44px;align-items:center;margin-right:auto}
.mark b{font:400 clamp(22px,1.6vw,30px)/1 var(--serif);letter-spacing:-.01em}
.mark i{font:400 12px/1 var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding-top:4px}
.nav-main ul{list-style:none;display:flex;gap:clamp(10px,1.6vw,26px)}
.nav-main a,.menu summary,.langs summary{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;transition:color .25s}
:lang(ko) .nav-main a{letter-spacing:.04em;font-size:13px}
.nav-main a:hover,.nav-main a[aria-current="page"]{color:var(--text)}
.nav-main a[aria-current="page"]{box-shadow:inset 0 -1px 0 var(--signal)}
.menu,.langs{position:relative}
.menu summary,.langs summary{list-style:none;cursor:pointer;padding:0 4px;gap:8px}
.menu summary::-webkit-details-marker,.langs summary::-webkit-details-marker,.pop summary::-webkit-details-marker,details.lyr-d summary::-webkit-details-marker{display:none}
.langs summary{border:1px solid var(--hair-2);padding:0 12px;min-width:48px;justify-content:center;color:var(--text)}
.langs summary:hover{border-color:var(--signal)}
.langs ul,.menu nav{position:absolute;right:0;top:calc(100% + 8px);list-style:none;background:var(--ink);box-shadow:0 24px 48px -12px rgba(0,0,0,.9);border:1px solid var(--hair-2);padding:6px;min-width:220px;z-index:50}
.langs a{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 12px;min-height:44px;text-decoration:none;font:400 15px/1.2 var(--sans);color:var(--muted)}
.langs a small{font:400 12px/1.2 var(--mono);letter-spacing:.04em;color:var(--dim)}
.langs a small:lang(ko){font:400 12px/1.2 var(--sans);letter-spacing:0}
.langs a:hover,.langs a[aria-current="true"]{color:var(--text);background:rgba(239,233,220,.06)}
.langs a[aria-current="true"]::after{content:"●";color:var(--signal);font-size:8px;align-self:center}
.menu{display:none}
.menu i{width:16px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.menu nav ul{list-style:none;display:grid}
.menu nav a{display:flex;min-height:48px;align-items:center;padding:0 12px;font:400 18px/1 var(--serif);text-decoration:none}
.menu nav a[aria-current="page"]{color:var(--signal)}
.lang-note{margin:0;padding:10px var(--inner);background:var(--ink-2);border-bottom:1px solid var(--hair);font:400 12px/1.5 var(--mono);color:var(--muted)}
.home .lang-note{padding-left:var(--padx);padding-right:var(--padx);position:relative;z-index:30;margin-top:calc(var(--bar) + env(safe-area-inset-top))}
.btn-line{display:inline-flex;align-items:center;gap:12px;font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;min-height:44px;padding:0 2px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--hair-2);transition:border-color .3s,color .3s}
:lang(ko) .btn-line{letter-spacing:.04em;font-size:13px}
.btn-line:hover{border-color:var(--signal);color:var(--signal)}
.btn-line.ghost{color:var(--muted)}
.btn-ghost{display:inline-flex;flex-direction:column;gap:4px;font:400 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted);text-align:left;padding:8px 0;min-height:44px;text-decoration:none}
.btn-ghost b{font:400 italic 20px/1.1 var(--serif);letter-spacing:0;color:var(--text)}
.btn-ghost:hover b{color:var(--signal)}
.btn-ghost .lt-th{display:none}
@media (min-width:481px){ 
.hero-cta .btn-ghost{display:inline-grid;grid-template-columns:44px auto;column-gap:14px;row-gap:4px;align-items:center}
.hero-cta .btn-ghost .lt-th{display:block;grid-row:1/3;width:44px;height:44px;object-fit:cover;background:var(--ink-2)}
.hero-cta .btn-ghost>span{align-self:end}
.hero-cta .btn-ghost>b{align-self:start}
}
.cta{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:28px}
.chip{white-space:nowrap;font:400 12px/1 var(--mono);letter-spacing:.06em;padding:0 12px;border:1px solid var(--hair);color:var(--muted);display:inline-flex;gap:8px;align-items:center;min-height:44px;text-decoration:none;transition:border-color .25s,color .25s;background:rgba(4,4,4,.5)}
.chip sup{font-size:12px;color:var(--dim);vertical-align:0}
.chip[aria-current="true"]{border-color:var(--text);color:var(--text)}
.chip[aria-current="true"] sup{color:var(--signal)}
a.chip:hover{border-color:var(--hair-2);color:var(--text)}
.chip.static{cursor:default}
.adot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--a0);flex:none;margin-right:6px;vertical-align:1px}
.c0{--ac:var(--a0)}.c1{--ac:var(--a1)}.c2{--ac:var(--a2)}.c3{--ac:var(--a3)}.c4{--ac:var(--a4)}.c5{--ac:var(--a5)}.c6{--ac:var(--a6)}.c7{--ac:var(--a7)}.c8{--ac:var(--a8)}.c9{--ac:var(--a9)}
.adot[class*=" c"]{background:var(--ac)}
.filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative}
.filter .lbl{margin-right:6px;color:var(--dim)}
.pop{position:relative}
.pop summary{list-style:none;cursor:pointer}
.pop-body{position:absolute;right:0;top:calc(100% + 8px);width:min(300px,calc(100vw - 32px));background:var(--ink);border:1px solid var(--hair-2);padding:8px;z-index:30}
.pop-body ul{list-style:none;max-height:min(52vh,380px);overflow:auto;display:grid;gap:2px}
.pop-body .chip{width:100%;justify-content:flex-start;border-color:transparent}
.pop-body .chip sup{margin-left:auto}
.pop-q{width:100%;background:transparent;border:0;border-bottom:1px solid var(--hair-2);color:var(--text);font:400 14px var(--mono);padding:12px 8px;margin-bottom:6px;min-height:44px}
.pop-q:focus{outline:none;border-color:var(--signal)}
.hero{position:relative;min-height:max(100svh,620px);overflow:hidden;isolation:isolate}
.hero-art{position:absolute;top:0;right:-3vw;height:100%;aspect-ratio:1/1;max-width:80vw;z-index:0;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
.hero-art picture,.hero-art img{width:100%;height:100%;object-fit:cover}
.hero-art img{animation:heroIn 1.6s var(--ease) both}
@keyframes heroIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.hero-art .slice{position:absolute;inset:0;background:url(/media/hero/glitch-in-the-quiet-1200.7b860ae1f8.webp) center/cover no-repeat;opacity:0;mix-blend-mode:screen;pointer-events:none}
.hero-art .s1{clip-path:inset(31% 0 63% 0)}
.hero-art .s2{clip-path:inset(47% 0 50% 0)}
.glitching .hero-art .s1{animation:glitchA .42s steps(1) 1}
.glitching .hero-art .s2{animation:glitchB .42s steps(1) 1}
@keyframes glitchA{0%{opacity:.9;transform:translateX(-14px);filter:hue-rotate(140deg) saturate(1.4)}35%{opacity:.7;transform:translateX(9px)}70%,100%{opacity:0;transform:none}}
@keyframes glitchB{0%,20%{opacity:0}21%{opacity:.8;transform:translateX(18px);filter:grayscale(1) brightness(1.6)}55%,100%{opacity:0;transform:none}}
.hero-wave{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-copy{position:relative;z-index:2;min-height:max(100svh,620px);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--bar) + 24px) var(--padx) clamp(28px,6vh,72px)}
.hero-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(14px,2.4vh,26px)}
.hero-meta span:first-child{color:var(--text)}
.wordmark{margin:0 0 0 -.04em;font:400 clamp(76px,min(17vw,34vh),420px)/.82 var(--serif);letter-spacing:-.035em}
.endorse{display:flex;align-items:center;gap:14px;margin:clamp(48px,5.4vh,72px) 0 0;font:400 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.endorse::before{content:"";width:40px;height:1px;background:currentColor;opacity:.7}
.lede{max-width:30ch;text-wrap:balance;margin:clamp(18px,3vh,30px) 0 0;font:400 italic clamp(22px,2.2vw,40px)/1.2 var(--serif);color:var(--text)}
:lang(ko) .lede,.lede:lang(ko){font-style:normal;font-family:var(--sans);font-weight:300;font-size:clamp(20px,1.8vw,30px);line-height:1.45}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;margin-top:clamp(22px,4vh,40px)}
.hero-cap{position:absolute;z-index:3;right:var(--padx);bottom:clamp(28px,6vh,72px);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.12em;color:var(--muted);text-align:right;white-space:nowrap;text-decoration:none;min-height:44px;display:flex;align-items:flex-end}
.hero-cap:hover{color:var(--text)}
.hero-copy>*{animation:rise 1s var(--ease) both}
.hero-meta{animation-delay:.5s}.endorse{animation-delay:.35s}.lede{animation-delay:.55s}.hero-cta{animation-delay:.75s}
.wordmark{animation:wordIn 1.2s var(--ease) both .1s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes wordIn{from{opacity:0;letter-spacing:.02em}to{opacity:1;letter-spacing:-.035em}}
.archive{position:relative}
.stage{position:relative}
.arch-head{z-index:6;display:flex;align-items:flex-start;gap:16px 24px;justify-content:space-between;flex-wrap:wrap}
.arch-title{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
:lang(ko) .arch-title{letter-spacing:.06em}
.era-now{display:flex;align-items:flex-start;gap:16px;min-width:0}
.era-num{font:400 clamp(56px,6.2vw,120px)/.8 var(--serif);letter-spacing:-.02em;min-width:1.4ch}
.era-txt{padding-top:4px;display:grid;gap:4px;font:400 var(--fs-mono)/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.era-txt .t1{color:var(--text)}.era-txt .t3{color:var(--signal)}
.arch-tools{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;justify-content:flex-end}
.era-jump ul{list-style:none;display:flex;gap:4px}
.era-jump a{display:inline-flex;align-items:baseline;gap:6px;min-width:44px;min-height:44px;justify-content:center;align-items:center;padding:0 10px;border:1px solid var(--hair);text-decoration:none;font:400 italic 18px/1 var(--serif);color:var(--text);background:rgba(4,4,4,.5)}
.era-jump small{font:400 var(--fs-ctl)/1 var(--mono);letter-spacing:.08em;color:var(--dim);font-style:normal;text-transform:uppercase}
.era-jump a:hover,.era-jump a[aria-current="true"]{border-color:var(--signal)}
.skip-arch{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:.45em;padding:0 4px}
:lang(ko) .skip-arch{letter-spacing:.04em;font-size:12px}
.skip-arch:hover{color:var(--signal)}
.hint{font:400 max(var(--fs-mono),var(--fs-ctl))/1.5 var(--mono);transition:opacity .25s;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hint a{color:var(--muted)}
.hint .k-touch{display:none}
@media (pointer:coarse){.hint .k-touch{display:inline}.hint .k-fine{display:none}}
.hint.covered{opacity:0}
:lang(ko) .hint{letter-spacing:.02em;text-transform:none}
.archive{padding-bottom:12vh}
.wave{display:none}
.stage .arch-head{position:sticky;top:0;padding:calc(var(--bar) + env(safe-area-inset-top) + 8px) var(--padx) 12px;background:var(--void);border-bottom:1px solid var(--hair);align-items:flex-end}
.stage .hint.v{padding:14px var(--padx) 0 calc(var(--padx) + 44px)}
.track{position:relative;z-index:3;padding:8px var(--padx) 0 var(--padx)}
.track::before{content:"";position:absolute;left:calc(var(--padx) + 13px);top:0;bottom:0;width:1px;background:linear-gradient(var(--hair-2),var(--hair-2)) no-repeat;opacity:.9}
.is-v .track::before{display:none}
.track ol{list-style:none}
.era{position:relative;scroll-margin-top:var(--ahx,98px)}
.era-mark{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:44px 0 16px 44px}
.era-mark .rn{font:400 italic 56px/1 var(--serif);color:var(--text)}
.era-mark .er,.era-mark .ec{font:400 var(--fs-mono)/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cluster{padding:10px 0 4px 44px;font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
:lang(ko) .cluster,:lang(ko) .era-mark .er,:lang(ko) .era-mark .ec{letter-spacing:.04em}
.gap,.gp{display:block;padding:22px 0 22px 44px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.gp{padding:14px 0 6px 44px}
:lang(ko) .gap,:lang(ko) .gp{letter-spacing:.04em}
.rel{position:relative}
.pulse{display:grid;grid-template-columns:44px minmax(0,1fr) 72px;align-items:center;column-gap:0;width:100%;min-height:92px;padding:10px 0;text-decoration:none;color:inherit}
.pulse .dt{grid-column:2;grid-row:1;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:6px;display:block}
.pulse .dt b{font-weight:400;color:var(--signal);margin-left:6px}
.pulse .dot{grid-column:1;grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--text);margin-left:10px;opacity:.6;transition:transform .35s var(--ease),opacity .35s,background .35s}
.pulse .body{grid-column:2;grid-row:2;min-width:0;padding-right:12px}
.pulse .nm{display:block;font:400 clamp(24px,6.6vw,30px)/1.04 var(--serif);letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere}
.pulse .mt{display:block;margin-top:6px;font:400 var(--fs-mono)/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.pulse .th{grid-column:3;grid-row:1/3;width:72px;height:72px;overflow:hidden;background:var(--ink-2)}
.pulse .th img{width:100%;height:100%;object-fit:cover;transition:filter .5s var(--ease)}
.is-v .pulse .th img{filter:grayscale(1) brightness(.6)}
.is-v .rel.on .pulse .th img,.pulse:focus-visible .th img,.pulse:hover .th img{filter:none}
.rel.on .pulse .dot,.pulse:hover .dot,.pulse:focus-visible .dot{background:var(--signal);opacity:1;transform:scale(1.8)}
.pulse:hover .nm{color:var(--signal)}
.pulse:focus-visible{outline-offset:-2px}
.rel[class*=" c"] .pulse .dot{background:var(--ac);opacity:.9}
.now-mark{margin:28px 0 0 44px;padding:6px 0 6px 14px;border-left:1px solid var(--signal);font:400 var(--fs-mono)/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.now-mark b{display:block;color:var(--signal);font-weight:400}
.is-v .wave{display:block;position:sticky;top:0;width:100%;height:100vh;height:100lvh;margin-bottom:-100vh;margin-bottom:-100lvh;pointer-events:none;z-index:1}
.is-v .rel[hidden],.is-h .rel[hidden]{display:none}
.is-h .archive{height:var(--scrollLen,300vh);padding:0}
.is-h .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;touch-action:pan-y;cursor:grab}
.is-h .stage.dragging{cursor:grabbing}
.is-h .wave{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.is-h .stage .arch-head{position:absolute;left:var(--padx);right:var(--padx);top:calc(var(--bar) + env(safe-area-inset-top) + 10px);padding:0;background:none;border:0;align-items:flex-start}
.is-h .hint.v{display:none}
.is-h .hint.h{position:absolute;z-index:5;right:var(--padx);top:var(--hintY,calc(var(--bar) + 130px));display:block;text-align:right;max-width:calc(100% - 2 * var(--padx))}
.is-h .track{position:absolute;left:0;top:0;height:100%;padding:0;will-change:transform;z-index:3}
.is-h .track::before{display:none}
.is-h .era,.is-h .track ol{position:static}
.is-h .rel{position:absolute;top:calc(var(--lineY) - 60px);width:44px;margin-left:-22px;height:calc(var(--labelMax) + 96px)}
.is-h .pulse{display:block;position:relative;width:44px;height:100%;min-height:0;padding:0;touch-action:pan-y}
.is-h .pulse .th,.is-h .pulse .mt{display:none}
.is-h .pulse .dot{position:absolute;left:50%;top:60px;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;opacity:.55}
.is-h .rel.on .pulse .dot,.is-h .pulse:hover .dot,.is-h .pulse:focus-visible .dot{transform:scale(2.4)}
.is-h .pulse .dt{position:absolute;left:50%;top:14px;transform:translateX(-8px);margin:0;white-space:nowrap;color:var(--dim);display:none}
.is-h .pulse .dt.first{display:block}
.is-h .rel[data-cl] .pulse .dt{display:none}
.is-h .pulse .body{position:absolute;left:0;right:0;top:84px;height:var(--labelMax);padding:0}
.is-h .pulse .nm{position:absolute;left:50%;top:0;transform:translateX(-50%);writing-mode:vertical-rl;font:400 13px/1.25 var(--mono);letter-spacing:.06em;color:var(--muted);max-height:var(--labelMax);max-width:2.8em;white-space:normal;overflow:hidden;overflow-wrap:normal;line-height:1.3}
.is-h .rel.on .pulse .nm,.is-h .pulse:hover .nm,.is-h .pulse:focus-visible .nm{color:var(--text)}
.is-h .rel.on .pulse .nm{font-weight:500}
.is-h .pulse:focus-visible{outline:none}
.is-h .pulse:focus-visible .nm{outline:2px solid var(--signal);outline-offset:6px}
.is-h .gp{position:absolute;top:84px;padding:0;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.is-h .gp{line-height:1.5;text-align:center}
.is-h .gp>span{display:block}
.is-h .gp>.gs{display:none}
.is-h .era-mark{position:absolute;top:calc(var(--lineY) - 120px);padding:150px 0 0 12px;height:calc(var(--labelMax) + 210px);border-left:1px dashed var(--hair);display:block;pointer-events:none}
.is-h .era-mark .rn{display:block;font-size:44px}
.is-h .era-mark .er{display:block;margin-top:8px;white-space:nowrap}
.is-h .era-mark .ec{display:none}
.is-h .cluster{position:absolute;top:calc(var(--lineY) - 50px);padding:2px 8px 2px 22px;background:rgba(4,4,4,.86);border-left:1px solid var(--signal);white-space:nowrap;line-height:1;pointer-events:none}
.is-h .gap{position:absolute;top:calc(var(--lineY) + 24px);padding:0;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.is-h .now-mark{position:absolute;top:calc(var(--lineY) - 24px);margin:0;height:48px;white-space:nowrap;pointer-events:none}
.h-ui{display:none}
.is-h .h-ui{display:block}
.playhead{--pc:rgba(63,208,194,.45);position:absolute;z-index:2;left:50%;top:calc(var(--lineY) - 150px);height:calc(var(--labelMax) + 190px);width:1px;background:linear-gradient(to bottom,transparent 0,var(--pc) 56px,var(--pc) 96px,transparent 96px,transparent 124px,var(--pc) 124px,var(--pc) 166px,transparent 166px,transparent calc(var(--labelMax) + 180px),var(--pc) calc(var(--labelMax) + 180px));pointer-events:none;transition:opacity .3s}
.playhead.end{background:none}
.playhead.hovering{--pc:rgba(63,208,194,.12)}
.playhead.free{background:linear-gradient(to bottom,transparent 0,rgba(63,208,194,.14) 56px)}
.playhead.free.hovering{background:linear-gradient(to bottom,transparent 0,rgba(63,208,194,.08) 56px)}
.playhead.free.quiet{background:linear-gradient(to bottom,transparent 0,rgba(63,208,194,.14) 56px,rgba(63,208,194,.14) 164px,transparent 164px,transparent 200px,rgba(63,208,194,.14) 200px)}
.playhead.free.quiet.hovering{background:linear-gradient(to bottom,transparent 0,rgba(63,208,194,.08) 56px,rgba(63,208,194,.08) 164px,transparent 164px,transparent 200px,rgba(63,208,194,.08) 200px)}
.playhead.end .ph-date{opacity:0}
.playhead .ph-date{position:absolute;left:10px;bottom:0;font:400 12px/1 var(--mono);letter-spacing:.12em;color:var(--signal);white-space:nowrap;transition:transform .2s var(--ease),opacity .2s}
.playhead .ph-date.hov{color:var(--text);background:var(--void);padding:4px 6px;border:1px solid var(--signal)}
.preview{position:absolute;z-index:4;left:0;top:calc(var(--lineY) - 88px - var(--cardS));width:var(--cardS);height:var(--cardS);pointer-events:none;opacity:0;transform:translate3d(var(--px,0),8px,0) scale(.96);transition:opacity .35s var(--ease),transform .5s var(--ease)}
.preview.show{opacity:1;transform:translate3d(var(--px,0),0,0) scale(1)}
.preview img{width:100%;height:100%;object-fit:cover;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);background:var(--ink-2)}
.preview::after{content:"";position:absolute;left:var(--lx,50%);top:100%;height:88px;width:1px;background:linear-gradient(to bottom,rgba(63,208,194,.5) 0,rgba(63,208,194,.5) 36px,transparent 36px,transparent 58px,rgba(63,208,194,.5) 58px)} 
.preview::before{content:"";position:absolute;top:100%;left:var(--bl,0);width:var(--bw,1px);height:88px;display:none;background:linear-gradient(rgba(63,208,194,.5),rgba(63,208,194,.5)) 0 36px/100% 1px no-repeat,linear-gradient(rgba(63,208,194,.5),rgba(63,208,194,.5)) var(--bx,100%) 58px/1px 30px no-repeat}
.preview.bent::before{display:block}
.preview.bent::after{height:37px;background:rgba(63,208,194,.5)}
.pv-cap{position:absolute;left:0;bottom:calc(100% + 8px);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;color:var(--signal);white-space:nowrap}
.amb{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.amb img{position:absolute;left:50%;top:40%;width:70vmax;height:70vmax;max-width:none;transform:translate(-50%,-50%);object-fit:cover;filter:blur(80px) saturate(1.3);opacity:0;transition:opacity 1.4s var(--ease)}
.amb img.on{opacity:.16}
.marquee{position:absolute;z-index:5;left:var(--padx);right:var(--padx);bottom:calc(var(--scrubH,44px) + 26px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;pointer-events:none;transition:opacity .4s}
.marquee .mq-title,.marquee .mq-side{transition:opacity .4s}
.marquee.far .mq-title{opacity:.28}
.marquee.far .mq-side{opacity:.72}
.mq-near{position:absolute;left:0;bottom:calc(100% + 2px);margin:0;font:400 12px/1 var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .4s}
.marquee.far .mq-near{opacity:1}
.mq-title{margin:0 0 -.16em;font:400 min(8.2vw,12.5vh)/.9 var(--serif);letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:0 .04em .24em 0}
.mq-side{display:grid;gap:6px;text-align:right;font:400 var(--fs-mono)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none;pointer-events:auto;padding-bottom:.6em}
.mq-side .ix{color:var(--text)}
.mq-side .mq-meta{font-size:12px;color:#d9d3c6}
.mq-listen{display:flex;justify-content:flex-end;align-items:center;gap:4px 14px;flex-wrap:wrap;min-height:28px;margin-top:2px;text-transform:none;letter-spacing:.04em}
.mq-listen:empty{display:none}
.mq-listen .k{color:var(--dim);letter-spacing:.06em}
.mq-listen a{display:inline-flex;align-items:center;gap:6px;min-height:28px;color:var(--text);text-decoration:none;font:400 12px/1 var(--mono);letter-spacing:.04em;border-bottom:1px solid var(--hair-2);transition:border-color .25s,color .25s}
.mq-listen a i{font-style:normal;font-size:10px;color:var(--muted);transition:transform .25s,color .25s}
.mq-listen a:hover{border-color:var(--signal);color:var(--signal)}
.mq-listen a:hover i{transform:translate(2px,-2px);color:var(--signal)}
.mq-open{justify-self:end;margin-top:6px;font:500 12px/1 var(--mono);letter-spacing:.16em;padding:0 18px;min-height:44px;border:1px solid rgba(239,233,220,.62);color:var(--text);transition:border-color .25s,color .25s;text-transform:uppercase}
.mq-open:hover{border-color:var(--signal);color:var(--signal)}
.scrub{position:absolute;z-index:5;left:var(--padx);right:var(--padx);bottom:max(12px,env(safe-area-inset-bottom));height:44px;cursor:pointer;touch-action:none}
.scrub .axis{position:absolute;left:0;right:0;top:18px;height:1px;background:var(--hair-2)}
.scrub .tk{position:absolute;width:1px;background:var(--muted);opacity:.7}
.scrub .mo{position:absolute;top:26px;font:400 var(--fs-ctl)/1 var(--mono);letter-spacing:.12em;color:var(--dim);padding:2px 0 0 4px;border-left:1px solid var(--hair);height:14px;white-space:nowrap}
.scrub .knob{position:absolute;top:2px;width:1px;height:28px;background:var(--signal);box-shadow:0 0 12px var(--signal)}
.scrub .knob::after{content:"";position:absolute;left:-5px;top:-5px;width:11px;height:11px;border-radius:50%;background:var(--signal)}
.scrub:focus-visible{outline-offset:6px}
.after{position:relative;z-index:2;border-top:1px solid var(--hair);padding:clamp(64px,12vh,140px) var(--padx) clamp(40px,8vh,90px)}
.after:focus{outline:none}
.after-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);max-width:1680px;margin:0 auto}
.big-serif{font:400 clamp(40px,5vw,96px)/.95 var(--serif);letter-spacing:-.025em;margin:16px 0 0}
.big-serif em{color:var(--signal)}
:lang(ko) .big-serif{font-family:var(--sans);font-weight:300;letter-spacing:-.03em;line-height:1.15;font-size:clamp(32px,3.6vw,64px)}
:lang(ko) .big-serif em{font-style:normal}
.after-lead{margin:26px 0 22px;max-width:var(--measure);color:#d9d3c6;font-size:17px;line-height:1.75}
.proc{list-style:none;counter-reset:p;border-top:1px solid var(--hair)}
.proc li{border-bottom:1px solid var(--hair)}
.proc summary,.proc .phead{list-style:none;display:flex;gap:16px;align-items:baseline;padding:16px 0;min-height:56px;cursor:pointer}
.proc .phead{cursor:default}
.proc summary::-webkit-details-marker{display:none}
.proc .pn{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;color:var(--signal);min-width:2.4ch}
.proc .machine .pn{color:var(--dim)}
.proc .pname{font:400 italic clamp(24px,2.2vw,36px)/1 var(--serif)}
:lang(ko) .proc .pname{font-style:normal;font-family:var(--sans);font-weight:300;font-size:clamp(22px,1.8vw,30px)}
.proc .palt{font:400 13px/1 var(--sans);color:var(--dim)}
.proc .plus{margin-left:auto;width:12px;height:12px;position:relative;align-self:center}
.proc .plus::before,.proc .plus::after{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:var(--muted);transition:transform .3s var(--ease)}
.proc .plus::after{transform:rotate(90deg)}
.proc details[open] .plus::after{transform:rotate(0)}
.proc .ptext{margin:0 0 6px calc(2.4ch + 16px);color:#d9d3c6;max-width:52ch}
.proc .pwho{margin:0 0 18px calc(2.4ch + 16px);font:400 var(--fs-mono)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.proc .human .pwho{color:var(--signal)}
.proc summary{flex-wrap:wrap;row-gap:6px}
.proc .psub{flex:0 0 100%;padding-left:calc(2.4ch + 16px);font:300 14px/1.5 var(--sans);color:var(--muted);max-width:calc(52ch + 2.4ch + 16px)}
.notes-strip{max-width:1680px;margin:clamp(56px,10vh,120px) auto 0;border-top:1px solid var(--hair);padding-top:26px}
.notes-strip ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px 48px;margin-top:18px}
.notes-strip a{display:grid;gap:8px;padding:14px 0;text-decoration:none}
.notes-strip .nd{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;color:var(--dim)}
.notes-strip .nt{font:400 clamp(24px,2.2vw,36px)/1.05 var(--serif)}
.notes-strip .ns{color:var(--muted);max-width:var(--measure)}
.notes-strip a:hover .nt{color:var(--signal)}
.panel{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--text);overflow:hidden}
.panel::backdrop{background:rgba(4,4,4,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.panel[open]{display:block}
html.panel-open{overflow:hidden}
.p-sheet{position:absolute;inset:0;background:rgba(4,4,4,.97);display:flex;flex-direction:column;animation:sheetIn .45s var(--ease) both}
.panel.closing .p-sheet{animation:sheetOut .28s var(--ease) both}
.panel.closing .p-content{opacity:0;transition:opacity .18s}
@keyframes sheetIn{from{opacity:0}to{opacity:1}}
@keyframes sheetOut{from{opacity:1}to{opacity:0}}
.p-ctl{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(var(--bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--padx) 0;background:rgba(4,4,4,.96);border-bottom:1px solid var(--hair)}
.p-ctl .grp{display:flex;align-items:center;gap:4px}
.p-ctl button{font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:0 12px;min-height:44px;min-width:44px;color:var(--muted);transition:color .25s;display:inline-flex;align-items:center;gap:8px;justify-content:center}
.p-ctl button:hover{color:var(--text)}
.p-ctl button:disabled{opacity:.3;cursor:default}
.p-ctl .p-x{border:1px solid var(--hair-2);color:var(--text);padding:0 16px}
.p-ctl .cnt{font:400 max(12px,var(--fs-mono))/1 var(--mono);letter-spacing:.12em;color:var(--dim);padding:0 6px}
.grab{display:none}
.p-gap{flex:1 1 auto;align-self:stretch;min-width:12px;min-height:44px;margin:0 -12px} 
.p-scroll{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hair-2) transparent}
.p-content{transition:opacity .25s}
.p-content .loading{padding:120px var(--padx);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.12em;color:var(--muted)}
.p-content .rel-page{min-height:100%}
.rel-main{position:relative}
.crumbs{position:relative;z-index:2;display:flex;gap:10px;align-items:center;padding:18px var(--padx) 0;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);max-width:var(--maxw);margin:0 auto}
.crumbs a{color:var(--muted);text-decoration:none;min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.page-head .crumbs{padding:0;max-width:none;margin:0 0 12px}
.crumbs a:hover{color:var(--signal)}
.rel-page{position:relative;isolation:isolate}
.p-amb{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.p-amb img{position:absolute;inset:-20%;width:140%;height:140%;max-width:none;object-fit:cover;filter:blur(70px) saturate(1.2);opacity:.26;transform:scale(1.1)}
.p-amb::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(4,4,4,.25),rgba(4,4,4,.94) 70%)}
.p-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);padding:clamp(20px,4vh,48px) var(--padx) 72px;max-width:var(--maxw);margin:0 auto}
.p-art{position:sticky;top:calc(var(--bar) + 24px);align-self:start;margin:0}
.panel .p-art{top:24px}
.p-cover img,.p-cover .ph{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--ink-2);box-shadow:0 50px 120px -30px rgba(0,0,0,.95),0 0 0 1px rgba(239,233,220,.06)}
.ph{display:flex;align-items:center;justify-content:center;color:var(--signal);background:var(--ink-2);aspect-ratio:1/1;width:100%}
.ph svg{width:70%}
.p-art figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.p-body{min-width:0;padding-top:4px}
.p-idx{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;gap:14px;align-items:center}
.p-idx::after{content:"";flex:1;height:1px;background:var(--hair)}
.p-jump{display:none}
.rel-page .sec.listen{scroll-margin-top:16px}
.p-title{margin:22px 0 0;font:400 clamp(48px,6.4vw,128px)/.9 var(--serif);letter-spacing:-.03em;overflow-wrap:anywhere}
.p-meta{margin:22px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.p-meta>*:not(:last-child)::after{content:"/";margin:0 12px;color:var(--dim)}
.p-meta .ai-mark{color:var(--signal);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.p-meta .ai-mark:hover{text-decoration:underline}
.p-tag{margin:28px 0 0;font:400 italic clamp(22px,2.1vw,34px)/1.25 var(--serif);max-width:30ch}
.p-tag.ko{font:300 17px/1.6 var(--sans);font-style:normal;color:var(--muted)}
.p-tag+.p-tag{margin-top:8px}
.sec{margin-top:52px}
.sec>h2,.sec>h3{margin:0 0 16px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:flex;gap:12px;align-items:center}
:lang(ko) .sec>h2,.sec>h2:lang(ko),:lang(ko) .sec>h3{letter-spacing:.06em;font-size:12px}
.sec>h2::after,.sec>h3::after{content:"";flex:1;height:1px;background:var(--hair)}
.plats{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.plats a{display:flex;align-items:center;gap:14px;min-height:52px;padding:4px 2px;border-bottom:1px solid var(--hair);text-decoration:none;font:400 15px/1.2 var(--sans);transition:color .25s,padding .35s var(--ease)}
.plats small{font:400 11px var(--mono);color:var(--dim);letter-spacing:.1em;width:auto;min-width:2.6ch;flex:none;white-space:nowrap;overflow-wrap:normal}
.plats span{flex:1}
.plats i{font-style:normal;color:var(--dim);transition:transform .35s var(--ease),color .25s}
.plats a:hover{color:var(--signal);padding-left:8px}
.plats a:hover i{color:var(--signal);transform:translate(3px,-3px)}
.soon{color:var(--muted);font-size:15px}
.mswitch{display:inline-flex;border:1px solid var(--hair-2);margin-bottom:12px}
.mswitch button{font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:0 16px;min-height:44px;color:var(--muted)}
.mswitch button+button{border-left:1px solid var(--hair-2)}
.mswitch button[aria-pressed="true"]{background:var(--text);color:var(--void)}
.vid{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.vid.is-short{aspect-ratio:16/9}
.vid .play{position:absolute;inset:0;display:block;text-decoration:none;color:var(--text)}
.vid .play picture,.vid .play img{width:100%;height:100%;object-fit:cover}
.vid .play img{filter:brightness(.72) saturate(.9);transition:filter .5s,transform 1.2s var(--ease)}
.vid .play:hover img{filter:brightness(.88);transform:scale(1.03)}
.vid .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;background:rgba(4,4,4,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--hair-2);padding:0 20px;min-height:48px;white-space:nowrap}
.vid .pl i{width:0;height:0;border-left:11px solid var(--signal);border-top:7px solid transparent;border-bottom:7px solid transparent}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid .v-close{position:absolute;right:8px;top:8px;z-index:2;font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:rgba(4,4,4,.8);border:1px solid var(--hair-2);padding:0 12px;min-height:44px}
.vid.is-track{aspect-ratio:auto;height:auto;min-height:72px;background:transparent;border:1px solid var(--hair)}
.vid.is-track.playing{aspect-ratio:16/9;border:0;background:#000}
.vid.is-track .play{position:relative;display:flex;align-items:center;gap:16px;padding:8px;min-height:72px}
.vid.is-track .mini{width:56px;height:56px;flex:none}
.vid.is-track .mini img{filter:none;transform:none}
.vid.is-track .pl{position:static;transform:none;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;min-height:0}
.vid.is-track .play:hover .pl{color:var(--signal)}
.vid-note{margin:10px 0 0;font:400 var(--fs-mono)/1.5 var(--mono);color:var(--dim);display:flex;justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap}
.vid-note a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center;gap:.4em}
.prose{font:300 16px/1.75 var(--sans);color:#d9d3c6;max-width:62ch}
.prose h4,.prose h3,.prose h2{margin:30px 0 10px;font:400 italic 26px/1.2 var(--serif);color:var(--text)}
.prose h4:first-child,.prose h3:first-child,.prose h2:first-child{margin-top:0}
.prose p,.prose ul{margin:0 0 14px}
.prose ul{padding-left:1.2em}
.prose li{margin:4px 0}
.prose em{font-family:var(--serif);font-size:1.12em;color:var(--text)}
.prose :lang(ko) em,.prose em:lang(ko){font-family:inherit;font-size:inherit;font-style:normal;color:var(--text)}
.prose blockquote{margin:22px 0;padding-left:18px;border-left:1px solid var(--signal);font:400 italic 21px/1.45 var(--serif);color:var(--text)}
.prose blockquote:lang(ko){font:400 18px/1.7 var(--sans)}
.prose hr{border:0;border-top:1px solid var(--hair);margin:36px 0}
.prose a{color:var(--signal)}
.lyr{font:400 italic 20px/1.55 var(--serif);color:var(--text)}
.lyr p{margin:0 0 16px}
.lyr em{color:var(--signal)}
.lyr summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 var(--fs-mono)/1 var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hair-2);margin-bottom:16px}
.lyr summary::-webkit-details-marker{display:none}
.lyr summary::after{content:"↓"}
.lyr details[open] summary{display:none}
.cred{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:0;font:400 12px/1.5 var(--mono)}
.cred dt{color:var(--dim);letter-spacing:.1em;text-transform:uppercase}
.cred dd{margin:0;color:var(--text)}
.tracklist{list-style:decimal-leading-zero;padding-left:2.4em;margin-top:18px;font:400 13px/1.5 var(--mono);color:var(--muted)}
.tracklist li{padding:6px 0;border-bottom:1px solid var(--hair)}
.tracklist small{float:right;color:var(--dim)}
.p-process{margin-top:22px;padding-top:18px;border-top:1px solid var(--hair);color:var(--muted);font-size:14px;line-height:1.65;max-width:var(--measure)}
.p-process a{color:var(--signal);white-space:nowrap}
.same{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.same a{display:grid;gap:6px;text-decoration:none}
.same img{aspect-ratio:1/1;object-fit:cover;background:var(--ink-2);transition:opacity .3s}
.same a:hover img{opacity:.8}
.same .sd{font:400 12px/1 var(--mono);letter-spacing:.1em;color:var(--dim)}
.same .st{font:400 17px/1.1 var(--serif)}
.same a:hover .st{color:var(--signal)}
.p-next{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);max-width:var(--maxw);margin:0 auto;padding:0 var(--padx) max(24px,env(safe-area-inset-bottom))}
.p-next a{display:grid;gap:8px;align-content:center;min-height:120px;padding:24px 0;text-decoration:none}
.p-next .nx{grid-column:2;grid-template-columns:auto 1fr;column-gap:22px;justify-items:start;text-align:left;border-left:1px solid var(--hair);padding-left:clamp(16px,3vw,40px)}
.p-next .nx picture{grid-row:1/3;width:96px;height:96px}
.p-next .nx img{width:96px;height:96px;object-fit:cover}
.p-next .k{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.p-next .t{font:400 clamp(26px,2.6vw,44px)/1 var(--serif)}
.p-next a:hover .t{color:var(--signal)}
.page-head{padding:clamp(48px,10vh,120px) var(--padx) clamp(28px,5vh,56px);max-width:var(--maxw);margin:0 auto}
.page-head.narrow{max-width:900px}
.page-head h1{margin:14px 0 0;font:400 clamp(52px,8vw,150px)/.9 var(--serif);letter-spacing:-.035em;max-width:16ch}
.page-head h1 em{color:var(--signal)}
:lang(ko) .page-head h1,.page-head h1:lang(ko){font-family:var(--sans);font-weight:300;letter-spacing:-.04em;line-height:1.1;font-size:clamp(40px,5.6vw,96px)}
:lang(ko) .page-head h1 em{font-style:normal}
:lang(ko) .page-head h1,.page-head h1:lang(ko){text-wrap:balance}
.page-head .lead,.sec-head .lead{margin-top:24px;max-width:32em;font:300 clamp(17px,1.35vw,21px)/1.65 var(--sans);color:#d9d3c6}
.page-head .lead+.lead{margin-top:12px;color:var(--muted);font-size:16px}
.summary{margin-top:22px;font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.12em;color:var(--signal)}
.list-tools{position:sticky;top:calc(var(--bar) + env(safe-area-inset-top));z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:10px var(--inner);max-width:none;background:rgba(4,4,4,.94);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.list-tools .tl{margin-left:auto}
.search{display:flex;align-items:center;gap:10px;flex:1 1 240px;max-width:420px}
.search label{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.search input{flex:1;min-width:0;min-height:44px;background:transparent;border:0;border-bottom:1px solid var(--hair-2);color:var(--text);font:400 16px var(--sans);padding:0 4px}
.search input:focus{outline:none;border-color:var(--signal)}
.search-out{position:absolute;left:-9999px}
.l-era{max-width:var(--maxw);margin:0 auto;padding:clamp(40px,7vh,80px) var(--padx) 0}
.l-era-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.l-era{scroll-margin-top:var(--lj,120px)}
.l-era-h .rn{font:400 italic clamp(48px,5vw,84px)/.9 var(--serif)}
.l-era-h .er{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.l-era-h .ec{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.l-era .cluster{padding:14px 0 0}
.grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(44vw,clamp(200px,13vw,340px)),1fr)); gap:28px 20px;padding:22px 0 0}
.grid a{display:grid;gap:7px;text-decoration:none}
.grid img,.grid .ph{aspect-ratio:1/1;object-fit:cover;background:var(--ink-2);transition:transform .6s var(--ease),filter .4s}
.grid picture{overflow:hidden}
.grid a:hover img{transform:scale(1.035)}
.grid .gd{margin-top:6px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;color:var(--muted)}
.grid .gt{font:400 clamp(20px,1.6vw,26px)/1.05 var(--serif);overflow-wrap:anywhere}
.grid a:hover .gt{color:var(--signal)}
.grid .gm{font:400 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
:lang(ko) .grid .gm{letter-spacing:.04em} 
.grid li[hidden]{display:none}
.search-none{max-width:var(--maxw);margin:40px auto;padding:0 var(--padx);color:var(--muted)}
.page{padding-bottom:clamp(40px,8vh,100px)}
.page p{max-width:var(--measure)} 
.page>section{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,9vh,110px) var(--padx) 0}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,110px)}
.quote{margin-top:16px;font:400 clamp(34px,3.6vw,64px)/1.05 var(--serif);letter-spacing:-.02em}
:lang(ko) .quote{font-family:var(--sans);font-weight:300;line-height:1.35;font-size:clamp(26px,2.6vw,42px)}
.stack{display:grid;gap:18px;align-content:start;font-size:17px;line-height:1.75;color:#d9d3c6;padding-top:28px}
.stack .strong{color:var(--text);font:400 italic clamp(24px,2vw,32px)/1.2 var(--serif)}
:lang(ko) .stack .strong{font:400 20px/1.5 var(--sans)}
.wide-art{max-width:var(--maxw);margin:0 auto;padding:0 var(--padx)}
.wide-art img{width:100%;max-height:72vh;object-fit:cover}
.sec-head h2,.method-sec>h2:not(.eyebrow),.band h2,.mailbox h2,.flow-head h2{margin-top:14px;font:400 clamp(40px,5vw,88px)/.95 var(--serif);letter-spacing:-.025em}
:lang(ko) .sec-head h2,:lang(ko) .method-sec>h2:not(.eyebrow),:lang(ko) .band h2,:lang(ko) .mailbox h2{font-family:var(--sans);font-weight:300;letter-spacing:-.03em;line-height:1.2;font-size:clamp(30px,3.4vw,56px)}
.collective:focus{outline:none}
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;margin-top:40px}
.person{max-width:760px;border:1px solid var(--hair);padding:clamp(22px,3vw,40px);background:linear-gradient(180deg,rgba(63,208,194,.04),transparent 60%)}
.person .role{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;color:var(--signal)}
.person h3{margin-top:18px;font:400 clamp(40px,4vw,72px)/.95 var(--serif)}
.person .alt-name{margin-top:8px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.person p:not(.role):not(.alt-name):not(.count){margin-top:18px;color:#d9d3c6;max-width:var(--measure)}
.person .rights{font-size:14px;color:var(--muted)!important}
.person .count{margin-top:20px}
.person .count a{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
.links,.social{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:14px}
.links a,.social a{min-width:44px;justify-content:center;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);min-height:44px;display:inline-flex;align-items:center;text-decoration:none;border-bottom:1px solid var(--hair-2)}
.links a:hover,.social a:hover{color:var(--signal);border-color:var(--signal)}
.method{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;border-top:1px solid var(--hair)}
.method li{padding-top:22px}
.method .pn{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;color:var(--signal)}
.method h3{margin-top:16px;font:400 clamp(26px,2.2vw,38px)/1.05 var(--serif)}
:lang(ko) .method h3{font-family:var(--sans);font-weight:400;font-size:22px}
.method p{margin-top:12px;color:#d9d3c6;max-width:44ch}
.method-sec>p:last-child{margin-top:32px}
.method-brief{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px clamp(24px,3vw,56px);margin-top:28px;padding:0;font:400 clamp(22px,2vw,32px)/1.2 var(--serif)}
.method-brief li{border-top:1px solid var(--hair);padding-top:18px}
.method-brief .pn{display:block;margin-bottom:14px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;color:var(--signal)}
:lang(ko) .method-brief{font:300 20px/1.4 var(--sans)}
.band{text-align:left;border-top:1px solid var(--hair);margin-top:clamp(56px,10vh,120px)!important}
.band>p:not(.eyebrow){margin-top:18px;color:#d9d3c6;max-width:var(--measure);font-size:17px}
.flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,110px)}
.flow-p{display:grid;gap:14px;margin-top:24px;color:#d9d3c6;font-size:17px;line-height:1.75;max-width:none}
.flow-p p:lang(ko){color:var(--muted);font-size:16px}
.proc.full .phead{padding:22px 0 8px}
.proc.full .ptext{margin-top:0}
.contact-grid{align-items:start}
.tracks{list-style:none;border-top:1px solid var(--hair)}
.tracks a{display:grid;gap:8px;padding:26px 0;border-bottom:1px solid var(--hair);text-decoration:none}
.tracks .k{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
.tracks b{font:400 clamp(28px,2.4vw,40px)/1.05 var(--serif)}
:lang(ko) .tracks b{font-family:var(--sans);font-weight:400;font-size:24px}
.tracks .d{color:#d9d3c6;max-width:52ch}
.tracks .go{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.tracks a:hover .go,.tracks a:hover b{color:var(--signal)}
.mailbox{border:1px solid var(--hair);padding:clamp(22px,3vw,44px);position:sticky;top:calc(var(--bar) + 24px)}
.mail-big{margin:20px 0}
.mail-big a{font:400 clamp(28px,3vw,52px)/1 var(--serif);color:var(--signal);text-decoration:none;border-bottom:1px solid rgba(63,208,194,.4);overflow-wrap:anywhere}
.mailbox>p:not(.eyebrow):not(.mail-big){color:#d9d3c6}
.notes{list-style:none;max-width:var(--maxw);margin:0 auto;padding:0 var(--padx);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:48px 40px}
.notes a{display:grid;gap:10px;text-decoration:none}
.notes img{aspect-ratio:16/9;object-fit:cover;background:var(--ink-2)}
.notes .nd{margin-top:10px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;color:var(--dim)}
.notes .nt{font:400 clamp(30px,3vw,52px)/1 var(--serif)}
.notes .ns{color:#d9d3c6;max-width:var(--measure)}
.notes .more{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.notes a:hover .nt{color:var(--signal)}
.note-lang{margin-top:14px;font:400 12px/1.5 var(--mono);color:var(--dim)}
.note .page-head h1{font-size:clamp(44px,6.4vw,110px)}
.note .page-head .nd{margin-top:22px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.12em;color:var(--muted)}
.note-cover{max-width:1100px;margin:0 auto 48px;padding:0 var(--padx)}
.note-cover img{width:100%}
.narrow{max-width:760px;margin-left:auto;margin-right:auto;padding-left:var(--padx);padding-right:var(--padx)}
.prose.narrow{max-width:calc(62ch + 2 * var(--pad))}
.prose .edition{margin-top:56px;padding-top:36px;border-top:1px solid var(--hair)}
.pager{margin-top:56px;border-top:1px solid var(--hair)}
.pager a{display:grid;gap:8px;padding:24px 0;text-decoration:none}
.pager .k{font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.pager .t{font:400 clamp(26px,2.6vw,40px)/1.05 var(--serif)}
.pager a:hover .t{color:var(--signal)}
.studies{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;margin-top:40px}
.studies a{display:grid;gap:8px;text-decoration:none}
.studies img{aspect-ratio:3/4;object-fit:cover;background:var(--ink-2)}
.studies .sn{margin-top:6px;font:400 12px/1 var(--mono);letter-spacing:.12em;color:var(--signal)}
.studies .sc{font:400 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.studies .st{font:400 clamp(24px,2vw,32px)/1 var(--serif)}
.studies .sdsc{color:var(--muted);font-size:14px}
.studies a:hover .st{color:var(--signal)}
.medium{margin-top:28px;font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.study .crumbs{max-width:var(--maxw)}
.study-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);max-width:var(--maxw);margin:0 auto;padding:24px var(--padx) 0}
.study-art img{width:100%;aspect-ratio:3/4;object-fit:cover}
.study-body h1{margin-top:16px;font:400 clamp(48px,6vw,110px)/.9 var(--serif);letter-spacing:-.03em}
.study-body .lead{margin:22px 0 32px;font:400 italic clamp(22px,2vw,32px)/1.25 var(--serif);max-width:30ch}
.privacy .prose,.privacy .page-head.narrow,.privacy hr.narrow{max-width:calc(680px + 2 * var(--pad))}
.note .page-head.narrow,.note .prose.narrow{max-width:calc(620px + 2 * var(--pad))}
.prose :is(p,ul,ol){max-width:var(--measure)}
.privacy .prose h2{font-size:28px}
.privacy .prose h3{font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:26px 0 8px}
.privacy hr{border:0;border-top:1px solid var(--hair);margin:56px auto}
.other-version .prose{color:var(--muted)}
.privacy .xfer{display:grid;grid-template-columns:minmax(8em,max-content) minmax(0,1fr);gap:6px 20px;margin:0 0 18px;padding-top:12px;border-top:1px solid var(--hair);max-width:var(--measure)}
.privacy .xfer dt{font:400 12px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.privacy .xfer:lang(ko) dt{letter-spacing:.02em;text-transform:none}
.privacy .xfer dd{margin:0;overflow-wrap:anywhere}
@media (max-width:560px){.privacy .xfer{grid-template-columns:minmax(0,1fr);gap:2px}.privacy .xfer dd{margin-bottom:8px}}
.also-ko{margin-top:14px}
.also-ko summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--hair-2)}
.also-ko summary::-webkit-details-marker{display:none}
.also-ko summary::after{content:"";width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease)}
.also-ko[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.also-ko summary:hover{color:var(--text)}
.page-head .also-ko .lead{margin-top:10px;color:var(--muted);font-size:16px}
.person .also-ko{margin-top:18px}
.person .also-ko p{margin-top:10px!important}
.nf-list{list-style:none;columns:3 260px;gap:32px;margin-top:22px}
.nf-list a{display:block;padding:8px 0;min-height:44px;text-decoration:none;font:400 18px/1.3 var(--serif)}
.nf-list span{font:400 11px/1 var(--mono);color:var(--dim);margin-right:8px}
.nf-list a:hover{color:var(--signal)}
.nf section p{color:#d9d3c6;margin-top:12px}
.foot{position:relative;z-index:2;border-top:1px solid var(--hair);padding:clamp(40px,7vh,80px) var(--inner) max(28px,env(safe-area-inset-bottom));display:grid;gap:28px;max-width:none}
.foot-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px}
.foot-brand{font:400 clamp(56px,7vw,140px)/.82 var(--serif);letter-spacing:-.035em}
.foot .endorse{margin:0;min-height:44px}
.foot .endorse:hover{text-decoration:underline}
.foot-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px 28px;border-top:1px solid var(--hair);padding-top:22px}
.foot-nav{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:0 28px;align-content:start}
.foot-social{list-style:none;display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}
.foot-nav a,.foot-social a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-right:8px;text-decoration:none;font:400 15px/1.2 var(--sans);color:var(--muted)}
.foot-nav a:hover,.foot-social a:hover{color:var(--signal)}
.foot-contact .lbl{color:var(--dim);margin-bottom:6px}
.foot-contact .mail{font:400 clamp(22px,2vw,30px)/1.2 var(--serif);color:var(--text);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--hair-2)}
.foot-contact .mail:hover{color:var(--signal);border-color:var(--signal)}
.ai-note{display:grid;gap:6px;max-width:92ch;font:400 13px/1.6 var(--sans);color:var(--muted);border-left:1px solid var(--signal);padding-left:16px}
.ai-note b{font:500 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.legal{display:flex;flex-wrap:wrap;gap:4px 26px;align-items:center;font:400 var(--fs-mono)/1.6 var(--mono);letter-spacing:.06em;color:var(--dim)}
.legal a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
@media (max-width:1100px){
.nav-main{display:none}
.menu{display:block}
}
@media (max-width:1000px){
.p-grid,.two,.flow,.study-grid,.after-grid{grid-template-columns:1fr}
.p-art{position:relative;top:0;max-width:560px}
.panel .p-art{top:0}
.method{grid-template-columns:1fr}
.studies{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot-grid{grid-template-columns:1fr}
.mailbox{position:relative;top:0}
}
@media (max-width:760px){
:root{--bar:54px}
.mark b{font-size:24px}
.mark i{display:none}
.hero{min-height:auto}
.hero-art{position:relative;right:auto;left:0;width:100%;height:auto;max-width:none;aspect-ratio:1/1;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 38%);mask-image:linear-gradient(0deg,transparent 0,#000 38%)}
.hero-copy{min-height:0;margin-top:-30vw;padding-top:0;padding-bottom:18px}
.hero-meta{order:9;margin:26px 0 0;font-size:11px}
.wordmark{font-size:clamp(68px,22vw,120px)}
.endorse{margin-top:22px}
.hero-cap{position:static;display:flex;text-align:left;margin:0 var(--padx) 8px;max-width:none}
.plats{grid-template-columns:1fr}
.p-grid{padding-top:12px;gap:28px}
.p-title{font-size:clamp(44px,13vw,64px)}
.p-ctl .lbl{display:none}
.p-ctl .grp{gap:2px}
.p-ctl .p-prev,.p-ctl .p-nx{width:44px;padding:0}
.p-ctl .cnt{padding:0 2px;letter-spacing:.04em}
.same{grid-template-columns:repeat(2,minmax(0,1fr))}
.p-next{grid-template-columns:1fr}
.p-next .nx{grid-column:1;border-left:0;padding-left:0;border-top:1px solid var(--hair)}
.list-tools{position:relative;top:0}
.list-tools .tl{margin-left:0}
.arch-tools{justify-content:flex-start}
.era-jump small{display:none}
.stage .arch-head{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:10px;padding-top:calc(var(--bar) + env(safe-area-inset-top) + 2px);padding-bottom:6px;min-height:calc(var(--bar) + env(safe-area-inset-top) + 52px)}
.stage .arch-head .arch-l{flex:1;min-width:0}
.stage .arch-head .arch-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.stage .era-now{align-items:center;gap:12px}
.stage .era-num{display:none} 
.stage .era-txt{grid-auto-flow:row;gap:1px;font-size:11px;line-height:1.3;letter-spacing:.02em;padding:0}
.stage .era-txt .t3{font-size:10.5px}
.stage .era-txt .t2{display:none}
.stage .arch-head .filter .lbl,.stage .arch-head .filter:has(.static){display:none}
.stage .arch-head .arch-tools{flex-wrap:nowrap;width:auto;flex:none;gap:4px}
.stage .arch-head .era-jump a{color:var(--muted)}
.stage .arch-head .era-jump a[aria-current="true"]{color:var(--text);border-color:var(--signal)}
.stage .arch-head .skip-arch{min-width:44px;min-height:44px;justify-content:center;gap:0;padding:0;border:1px solid var(--hair)}
.stage .arch-head .skip-arch .sk-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stage .arch-head .skip-arch span[aria-hidden]{font-size:14px;line-height:1;padding-bottom:3px;border-bottom:1px solid currentColor}
.rel-page .p-idx .p-jump{display:inline-flex;align-items:center;gap:6px;order:2;min-height:44px;margin:-16px 0;color:var(--text);text-decoration:none;font-size:12px;letter-spacing:.06em;text-transform:none;white-space:nowrap;text-decoration:none}
.rel-page .p-idx .p-jump span{text-decoration:underline;text-decoration-color:var(--hair-2);text-underline-offset:5px}
.rel-page .p-idx .p-jump i{font-style:normal;color:var(--signal)}
.era-jump a{min-width:44px;padding:0 8px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.nf-list{columns:1}
}
@media (max-height:599px) and (min-width:761px){
.hero{min-height:max(100svh,420px)}
.hero-copy{min-height:max(100svh,420px)}
.wordmark{font-size:clamp(64px,24vh,140px)}
}
@media (max-width:760px),(max-height:599px){
.panel .p-sheet{inset:auto 0 0 0;top:max(9vh,calc(env(safe-area-inset-top) + 36px));border-radius:16px 16px 0 0;border-top:1px solid var(--hair-2);animation:sheetUp .42s var(--ease) both;touch-action:pan-y}
.panel.closing .p-sheet{animation:sheetDown .28s var(--ease) both}
.panel .p-ctl{border-radius:16px 16px 0 0;padding-top:34px;padding-bottom:6px;height:auto;min-height:84px;cursor:grab;touch-action:none}
.grab{display:block;position:absolute;left:0;right:0;top:0;height:34px;border-radius:16px 16px 0 0} 
.grab::before{content:"";position:absolute;left:50%;top:10px;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:var(--hair-2)}
.panel .p-grid{padding-bottom:40px}
.panel .p-cover img{max-width:min(420px,100%)}
}
.era-float{display:none}
@media (max-height:500px){
.stage .arch-head{position:relative}
.past-hero .home .bar{background:rgba(4,4,4,.96);border-bottom:1px solid var(--hair)}
.era-float:not([hidden]){display:block;position:fixed;z-index:30;right:var(--padx);bottom:max(10px,env(safe-area-inset-bottom));background:rgba(4,4,4,.92);border:1px solid var(--hair);padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.6)}
.era-float ul{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.era-float a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border:1px solid var(--hair);text-decoration:none;font:400 italic 18px/1 var(--serif);color:var(--text)}
.era-float a[aria-current="true"]{border-color:var(--signal)}
.era-float small{display:none}
.hero-copy{padding-bottom:14px}
.hero-cta{margin-top:clamp(12px,3vh,22px)}
.panel .vid:not(.is-track){max-width:calc((100svh - 150px) * 16 / 9)}
}
@media (max-width:932px) and (max-height:500px) and (orientation:landscape){ 
.hero{min-height:max(100svh,300px)}
.hero-art{position:absolute;top:0;right:0;left:auto;height:100%;width:auto;aspect-ratio:1/1;max-width:62vw;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
.hero-copy{min-height:max(100svh,300px);margin-top:0;padding-top:calc(var(--bar) + 8px);padding-bottom:16px}
.hero-meta{order:0;margin:0 0 10px}
.wordmark{font-size:clamp(56px,24vh,110px)}
.endorse{margin-top:22px}
.lede{margin-top:12px;font-size:20px}
.hero-cta{margin-top:14px}
.hero-cap{display:none}
}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes sheetDown{from{transform:translateY(var(--drag,0))}to{transform:translateY(100%)}}
@media (min-width:2200px){
.p-title{font-size:clamp(64px,5.4vw,170px)}
.prose,.after-lead,.stack,.page-head .lead{font-size:19px}
.is-h .pulse .nm{font-size:15px}
.hint,.era-txt{font-size:13px}
.nav-main a,.menu summary,.langs summary,:lang(ko) .nav-main a{font-size:14px} 
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition-duration:.01ms!important;animation:none!important;scroll-behavior:auto!important}
}
@media (forced-colors:active){
.grain,.amb,.p-amb,.hero-art .slice{display:none}
.pulse .dot,.scrub .knob,.scrub .knob::after,.adot{background:CanvasText;forced-color-adjust:none;border:1px solid CanvasText}
.rel.on .pulse .dot{background:Highlight}
.track::before,.scrub .axis{background:CanvasText}
.chip,.langs summary,.mq-open,.p-ctl .p-x,.mswitch button{border:1px solid ButtonText}
.mswitch button[aria-pressed="true"]{background:Highlight;color:HighlightText;forced-color-adjust:none}
}
@media (min-width:761px){.track ol{max-width:1040px}}