:root{--bg:#f8f8f8;--text:#111;--muted:#666;--surface:#fff;--section-dark:#111;--deep:#1a1f2b;--teal:#2dd4bf;--teal-dark:#0f766e;--amber:#f5a623;--grad:linear-gradient(120deg,#2dd4bf,#f5a623);--font:'Inter','Pretendard Variable',Pretendard,sans-serif;--display:'Playfair Display',serif;--container:1120px;--chrome:1400px;--header-h:80px}
html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}button{background:none;border:0;font-family:inherit;cursor:pointer}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.header .container,.footer .container{max-width:var(--chrome);padding-left:20px;padding-right:20px}.mix-difference{mix-blend-mode:difference;color:#fff}
.header{position:fixed;top:0;left:0;right:0;z-index:500;height:80px;background:rgba(5,5,5,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .35s,backdrop-filter .35s,border-color .35s}.header.scrolled{background:rgba(5,5,5,.82)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Inter,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.01em}.header .logo{display:inline-flex;align-items:center;gap:.5rem}.logo-mark{height:30px;width:auto}.logo-wordmark{height:22px;width:auto}.footer-wordmark{height:26px;width:auto;margin-bottom:.5rem}.desktop-nav .nav-list{display:flex;align-items:center;gap:2.5rem}.nav-link{font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:opacity .2s}.nav-link:hover{opacity:.7}.nav-link.active{opacity:1;border-bottom:2px solid currentColor;padding-bottom:2px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0}.mobile-menu-overlay{position:fixed;inset:0;background:#050505;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.open{opacity:1;pointer-events:all}.mobile-menu-close{position:absolute;top:24px;right:24px;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-nav-list{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.mobile-nav-link{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;transition:opacity .2s}.mobile-nav-link:hover{opacity:.6}.mobile-nav-link.active{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:1}
.hub-hero{padding:7rem 0 3rem}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-dark);margin-bottom:1.5rem}.title{font-family:'Pretendard Variable',Pretendard,var(--font);font-size:clamp(3.4rem,10vw,7.4rem);line-height:.94;letter-spacing:-.015em;font-weight:900;word-break:keep-all}.title strong{display:block;font-weight:900}.title em{font-family:inherit;font-style:normal;font-weight:900;letter-spacing:-.005em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:800px;margin-top:2rem;font-size:clamp(1.05rem,2vw,1.35rem);color:#333;word-break:keep-all}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:1rem 1.35rem;font-weight:800;border:1px solid #111;transition:transform .2s,background .2s,color .2s}.btn-primary{background:#111;color:#fff}.btn-secondary{background:#fff;color:#111}.btn:hover{transform:translateY(-2px)}
.topic-strip{position:sticky;top:80px;z-index:100;display:flex;gap:8px;overflow-x:auto;padding-top:8px;padding-bottom:8px;margin-bottom:4rem;background:rgba(248,248,248,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.06);border-radius:999px;scrollbar-width:none}.topic-strip::-webkit-scrollbar{display:none}.topic-chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:800;letter-spacing:-.01em;color:#333;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.topic-chip:hover{border-color:rgba(0,0,0,.16)}.topic-chip.active{background:#111;color:#fff}.topic-chip-muted{color:#7c4a03;background:rgba(245,166,35,.12)}
.featured-insight{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:2rem;align-items:stretch;margin-bottom:6rem}.featured-copy,.insight-card,.series-card,.newsletter-note{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:28px;box-shadow:0 24px 80px rgba(0,0,0,.08);padding:2rem}.card-kicker{font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark)}.featured-copy h2,.section-heading h2,.newsletter-note h2{margin-top:1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.05em;word-break:keep-all}.featured-copy p,.insight-card p,.series-card p,.newsletter-note p,.table-note p{margin-top:1rem;color:#555;word-break:keep-all}.meta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.25rem;color:#777;font-size:.85rem;font-weight:700}.meta-row span:not(:last-child)::after{content:'·';margin-left:.6rem;color:#bbb}.text-link,.card-link{margin-top:2rem;display:inline-flex;font-weight:900;text-decoration:underline;text-underline-offset:4px}.text-link-light{color:#fff}.featured-visual{position:relative;min-height:360px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#071e22 0%,#0b2d35 52%,#091520 100%);box-shadow:0 30px 80px rgba(0,0,0,.22)}.featured-visual::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;z-index:1}.visual-label{position:absolute;top:2rem;left:2rem;z-index:3;color:rgba(255,255,255,.55);font-weight:800;letter-spacing:.22em;text-transform:uppercase}.visual-number{position:absolute;bottom:1.2rem;right:1.5rem;z-index:3;color:rgba(255,255,255,.08);font-size:clamp(5rem,10vw,8rem);font-weight:100;line-height:1;letter-spacing:-.06em}.visual-glow{position:absolute;border-radius:999px;filter:blur(50px);opacity:.75;z-index:0}.visual-glow-teal{width:240px;height:240px;background:radial-gradient(circle,var(--teal) 0%,transparent 70%);top:-50px;left:-20px}.insight-section{margin-bottom:5rem}.section-heading{margin-bottom:2rem}.section-heading h2{margin-top:0}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.insight-card{min-height:330px;display:flex;flex-direction:column}.insight-card h3{margin-top:1rem;font-size:1.55rem;line-height:1.2;letter-spacing:-.04em;word-break:keep-all}.insight-card .card-link{margin-top:auto}.insight-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.18)}
.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:5rem}.series-card{position:relative;min-height:310px;box-shadow:none}.series-card.dark{background:#111;color:#fff}.series-card.dark p{color:rgba(255,255,255,.72)}.series-index{position:absolute;right:1.5rem;bottom:1rem;font-size:4rem;font-weight:100;letter-spacing:-.06em;color:rgba(0,0,0,.08)}.series-card.dark .series-index{color:rgba(255,255,255,.12)}.series-card h2{margin-top:1rem;font-size:1.8rem;line-height:1.15;letter-spacing:-.04em;word-break:keep-all}.table-note{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:5rem;background:#111;color:#fff;border-radius:28px;padding:2rem}.table-note p{max-width:760px;color:rgba(255,255,255,.72)}.newsletter-note{margin-bottom:5rem;text-align:center}.newsletter-note p{max-width:760px;margin-left:auto;margin-right:auto}.footer{background:#111;color:#fff;padding:4rem 0 2rem}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.footer-brand-desc{font-size:.9rem;color:#666}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.footer-link{color:#999;font-size:.85rem;transition:color .2s}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #222;padding-top:1.5rem;color:#555;font-size:.8rem}
.post-hero{padding:7rem 0 3rem}.breadcrumb{display:flex;gap:.5rem;flex-wrap:wrap;color:#666;font-size:.9rem;font-weight:700;margin-bottom:1.5rem}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.post-title{font-family:'Pretendard Variable',Pretendard,var(--font);font-size:clamp(2.6rem,7vw,5.8rem);line-height:.96;letter-spacing:-.035em;font-weight:900;word-break:keep-all}.post-dek{max-width:800px;margin-top:1.5rem;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.7;color:#333;word-break:keep-all}.post-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem;color:#666;font-size:.9rem;font-weight:800}.post-meta span:not(:last-child)::after{content:'·';margin-left:.7rem;color:#bbb}.share-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.share-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.14);border-radius:999px;background:#fff;color:#111;padding:.75rem 1rem;font-size:.88rem;font-weight:800;transition:background .2s,color .2s,transform .2s,border-color .2s}.share-button:hover,.share-button:focus{background:#111;color:#fff;transform:translateY(-1px);outline:none}.share-button.copied{background:var(--teal);border-color:var(--teal);color:#06201d}.post-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,1fr);gap:4rem;align-items:start;margin-bottom:5rem}.post-body{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:28px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 24px 80px rgba(0,0,0,.06)}.post-body h2{margin-top:3rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;letter-spacing:-.04em;word-break:keep-all}.post-body h2:first-child{margin-top:0}.post-body p{margin-top:1.1rem;color:#333;line-height:1.85;word-break:keep-all}.post-body ul,.post-body ol{margin-top:1.2rem;padding-left:1.2rem}.post-body li{margin-top:.6rem;line-height:1.8;color:#333;word-break:keep-all}.post-body blockquote{margin-top:2rem;border-left:4px solid var(--teal);padding:1rem 0 1rem 1.25rem;color:#333;background:rgba(45,212,191,.08);border-radius:0 18px 18px 0}.post-aside{position:sticky;top:120px;display:grid;gap:1rem}.aside-card{background:#111;color:#fff;border-radius:28px;padding:1.5rem}.aside-card p{margin-top:.8rem;color:rgba(255,255,255,.72);line-height:1.7;word-break:keep-all}.related{margin-bottom:5rem}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}.article-cta{background:#111;color:#fff;border-radius:28px;padding:2rem;text-align:center;margin-bottom:5rem}.article-cta p{max-width:760px;margin:1rem auto 0;color:rgba(255,255,255,.72);word-break:keep-all}
.post-body blockquote{word-break:keep-all;line-break:strict}
@media(max-width:900px){.featured-insight,.post-layout{grid-template-columns:1fr}.featured-visual{min-height:280px}.insight-grid,.series-grid,.related-grid{grid-template-columns:1fr}.post-aside{position:static}.table-note{align-items:flex-start;flex-direction:column}.hub-hero,.post-hero{padding:5rem 0 3rem}}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.footer-top{flex-direction:column}.footer-links{gap:1rem}.topic-strip{border-radius:24px}.title,.post-title{letter-spacing:-.04em}.share-button{flex:1 1 auto}.post-body{border-radius:22px}.featured-copy,.insight-card,.series-card,.newsletter-note,.table-note{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.001ms}}
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:2000;pointer-events:none;transition:width .08s linear}
.insight-card.filtered-out{display:none}
.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:3rem}
.post-nav-card{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:28px;box-shadow:0 24px 80px rgba(0,0,0,.06);padding:1.6rem 1.8rem;transition:transform .2s,border-color .2s}
.post-nav-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.18)}
.post-nav-kicker{font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark)}
.post-nav-next{text-align:right;align-items:flex-end}
.post-nav-title{font-size:1.2rem;font-weight:900;letter-spacing:-.03em;line-height:1.3;word-break:keep-all}
.post-nav-topic{font-size:.82rem;font-weight:700;color:#888}
.post-nav-hub .post-nav-kicker{color:#7c4a03}
@media(max-width:900px){.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:left;align-items:flex-start}}
.post-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:2rem}
.post-stat{background:#f7f7f5;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:1.1rem 1.2rem}
.post-stat .num{display:block;font-size:1.85rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(120deg,#0f766e,#b45309);-webkit-background-clip:text;background-clip:text;color:transparent}
.post-stat .label{display:block;margin-top:.4rem;font-size:.84rem;line-height:1.5;color:#666;font-weight:700;word-break:keep-all}
.post-compare{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.6rem;font-size:.95rem;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden}
.post-compare th{background:#111;color:#fff;font-weight:800;padding:.85rem 1rem;text-align:left;word-break:keep-all}
.post-compare td{padding:.85rem 1rem;border-top:1px solid rgba(0,0,0,.06);color:#333;line-height:1.65;word-break:keep-all;vertical-align:top}
.post-compare tr td:first-child{font-weight:800;color:#111;background:#fafaf8;white-space:nowrap}
.post-steps{margin-top:1.6rem;display:grid;gap:.8rem;padding-left:0;list-style:none}
.post-steps li{display:flex;gap:1rem;align-items:flex-start;background:#f7f7f5;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:1rem 1.2rem;margin-top:0}
.post-steps .n{flex:0 0 32px;height:32px;border-radius:999px;background:#111;color:#2dd4bf;font-weight:900;font-size:.95rem;display:flex;align-items:center;justify-content:center}
.post-steps .step-body{line-height:1.7;color:#333;word-break:keep-all}
@media(max-width:640px){.post-stats{grid-template-columns:1fr}.post-compare{font-size:.88rem}.post-compare th,.post-compare td{padding:.7rem .8rem}}