@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg:#FFE500;--bg-soft:#FFEC4D;--bg-card:#FFFFFF;--bg-elev:#FFF8C2;--ink:#0A0E1F;--ink-strong:#000000;--text:#0A0E1F;--muted:#2D3554;--soft:#4A557A;--faint:#6B7595;--navy:#0B1538;--navy-deep:#061027;--navy-soft:rgba(11,21,56,0.10);--navy-line:rgba(11,21,56,0.18);--navy-thin:rgba(11,21,56,0.08);--up:#C81F1F;--down:#1244A8;--border:var(--navy-line);--border-strong:rgba(11,21,56,0.40);--shadow-flat:4px 4px 0 var(--navy);--shadow-flat-sm:2px 2px 0 var(--navy);--shadow-flat-lg:6px 6px 0 var(--navy);--font:"Pretendard Variable","Pretendard","Inter",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:9999px;--container:1080px;--t:160ms cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%}body,html{background:var(--bg)}body{font-family:var(--font);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;font-feature-settings:"ss01","ss02","tnum";min-height:100vh;background-image:linear-gradient(var(--navy-thin) 1px,transparent 1px),linear-gradient(90deg,var(--navy-thin) 1px,transparent 1px);background-size:40px 40px,40px 40px;background-attachment:fixed}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}::selection{background:var(--navy);color:var(--bg)}.container{max-width:var(--container);margin:0 auto;padding:0 20px;position:relative}.nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:2px solid var(--navy)}.nav-inner{max-width:var(--container);margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;gap:16px}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;gap:8px;color:var(--ink-strong)}.brand svg{color:var(--navy)}.brand-name{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--ink-strong)}.brand-sub{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.2em;color:var(--navy);text-transform:uppercase}.brand-divider{width:1px;height:16px;background:var(--navy);margin:0 4px}.brand-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--navy);text-transform:uppercase;padding:2px 6px;border:1px solid var(--navy);border-radius:2px}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 0;position:relative;transition:color var(--t)}.nav-link.active,.nav-link:hover{color:var(--ink-strong)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;background:var(--navy)}.hero{padding:72px 0 56px;position:relative;overflow:hidden;border-bottom:2px solid var(--navy)}.hero:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 28px,rgba(11,21,56,.04) 0,rgba(11,21,56,.04) 30px);pointer-events:none}.hero-inner{max-width:760px;margin:0 auto;text-align:center;padding:12px 0;position:relative;z-index:1}.hero-inner:after,.hero-inner:before{content:"";position:absolute;width:28px;height:28px;border-color:var(--navy)}.hero-inner:before{top:-8px;left:-8px;border-top:2px solid;border-left:2px solid}.hero-inner:after{bottom:-8px;right:-8px;border-bottom:2px solid;border-right:2px solid}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--ink-strong);border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--bg);letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.hero-badge:before{content:"";width:7px;height:7px;border-radius:0;background:var(--bg);animation:blink 1.4s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.25}}.hero-title{font-size:clamp(32px,6.4vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin-bottom:18px;color:var(--ink-strong)}.hero-title sup{font-family:var(--font-mono);font-size:.38em;color:var(--navy);font-weight:600;top:-1.1em;padding:0 4px;border:1.5px solid var(--navy);margin:0 4px}.hero-sub{font-size:16.5px;color:var(--muted);margin:0 auto 32px;max-width:600px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;justify-content:center}.btn,.hero-actions{display:inline-flex}.btn{align-items:center;gap:8px;padding:10px 22px;font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:0;border:2px solid var(--navy);transition:all var(--t);white-space:nowrap;min-height:42px;box-shadow:var(--shadow-flat-sm)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-flat)}.btn:active{transform:translate(0);box-shadow:0 0 0 var(--navy)}.btn-primary{background:var(--navy);color:var(--bg)}.btn-primary:hover{background:var(--navy-deep)}.btn-outline{background:var(--bg);color:var(--navy)}.btn-outline:hover{background:var(--bg-elev)}.section{padding:64px 0;position:relative}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1.5px dashed var(--navy)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);margin-bottom:10px}.eyebrow:before{content:"▍";color:var(--navy);letter-spacing:0}.section-title{font-size:clamp(24px,3.8vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.2;color:var(--ink-strong)}.section-sub{font-size:15px;color:var(--muted);margin-top:10px;max-width:560px;line-height:1.7}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-card);border:1.5px solid var(--navy);border-radius:0;font-family:var(--font-mono);font-size:11.5px;color:var(--navy);font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:all var(--t)}.chip:hover{background:var(--navy);color:var(--bg)}.feature-rail{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:36px}.feature-main{display:block;background:var(--bg-card);border:2px solid var(--navy);border-radius:0;overflow:hidden;transition:all var(--t);box-shadow:var(--shadow-flat-sm)}.feature-main:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-flat-lg)}.feature-main-cover{aspect-ratio:21/9;background:repeating-linear-gradient(45deg,var(--bg) 0,var(--bg) 12px,var(--bg-soft) 12px,var(--bg-soft) 24px);border-bottom:2px solid var(--navy);overflow:hidden;position:relative}.feature-main-cover img{width:100%;height:100%;object-fit:cover}.feature-main-body{padding:24px}.feature-main-title{font-size:clamp(19px,2.4vw,24px);font-weight:800;letter-spacing:-.022em;line-height:1.28;color:var(--ink-strong);margin:8px 0 10px}.feature-main-excerpt{color:var(--muted);font-size:14.5px;line-height:1.7}.feature-side{display:flex;flex-direction:column;gap:14px}.feature-side-item{display:block;background:var(--bg-card);border:2px solid var(--navy);border-radius:0;padding:14px 18px;transition:all var(--t);box-shadow:var(--shadow-flat-sm);position:relative}.feature-side-item:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-flat)}.feature-side-title{font-size:15px;font-weight:700;color:var(--ink-strong);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-side-meta{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.post-card{display:flex;flex-direction:column;background:var(--bg-card);border:2px solid var(--navy);border-radius:0;overflow:hidden;transition:all var(--t);box-shadow:var(--shadow-flat-sm);position:relative}.post-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-flat-lg)}.post-card-cover{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,var(--bg) 0,var(--bg) 10px,var(--bg-soft) 10px,var(--bg-soft) 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:2px solid var(--navy)}.post-card-cover img{width:100%;height:100%;object-fit:cover}.post-card-cover-placeholder{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--navy);background:var(--bg);padding:4px 10px;border:1.5px solid var(--navy)}.post-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1 1}.post-card-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;color:var(--navy);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.post-card-meta .dot{width:3px;height:3px;border-radius:0;background:var(--navy)}.post-card-title{font-size:16px;font-weight:800;color:var(--ink-strong);letter-spacing:-.015em;line-height:1.4;-webkit-line-clamp:2}.post-card-excerpt,.post-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{font-size:14px;color:var(--muted);line-height:1.62;-webkit-line-clamp:3}.empty{border:2px dashed var(--navy);border-radius:0;padding:56px 24px;text-align:center;background:var(--bg-card);position:relative;overflow:hidden}.empty:after,.empty:before{content:"";position:absolute;width:22px;height:22px;border-color:var(--navy)}.empty:before{top:10px;left:10px;border-top:2px solid;border-left:2px solid}.empty:after{bottom:10px;right:10px;border-bottom:2px solid;border-right:2px solid}.empty-icon{width:56px;height:56px;margin:0 auto 20px;border-radius:0;background:var(--bg);border:2px solid var(--navy);display:grid;place-items:center;color:var(--navy);box-shadow:var(--shadow-flat-sm)}.empty-title{font-size:19px;font-weight:800;color:var(--ink-strong);margin-bottom:10px;letter-spacing:-.015em}.empty-sub{color:var(--muted);font-size:14.5px;max-width:460px;margin:0 auto 26px;line-height:1.75}.empty-sub strong{color:var(--navy);font-weight:700;padding:0 4px;background:var(--bg);border:1px solid var(--navy)}.empty-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.article{max-width:720px;margin:0 auto;padding:48px 20px 72px;background:var(--bg-card);border-left:2px solid var(--navy);border-right:2px solid var(--navy)}.article-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;padding:8px 14px;margin-left:-14px;border:1.5px solid transparent;transition:all var(--t)}.article-back:hover{background:var(--bg);border-color:var(--navy)}.article-header{margin-bottom:36px;padding-bottom:24px;border-bottom:1.5px dashed var(--navy)}.article-eyebrow{font-family:var(--font-mono);color:var(--navy);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.article-title{font-size:clamp(28px,5.4vw,42px);font-weight:800;letter-spacing:-.03em;margin:12px 0 14px;line-height:1.18;color:var(--ink-strong)}.article-meta{font-family:var(--font-mono);color:var(--navy);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.article-hero{aspect-ratio:16/9;border-radius:0;margin:32px 0;overflow:hidden;border:2px solid var(--navy);box-shadow:var(--shadow-flat)}.article-hero img{width:100%;height:100%;object-fit:cover}.article-body{color:var(--text);font-size:17px;line-height:1.85}.article-body>*+*{margin-top:1.1em}.article-body p{margin:0}.article-body h2{font-size:24px;margin-top:2em;margin-bottom:.5em;letter-spacing:-.022em;padding-bottom:8px;border-bottom:1.5px solid var(--navy)}.article-body h2,.article-body h3{color:var(--ink-strong);font-weight:800}.article-body h3{font-size:19px;margin-top:1.6em;margin-bottom:.4em}.article-body a{color:var(--navy);border-bottom:2px solid var(--navy);font-weight:600;transition:all var(--t)}.article-body a:hover{background:var(--bg);color:var(--ink-strong)}.article-body code{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--navy);padding:1px 6px;border-radius:0;font-size:.9em;color:var(--navy);font-weight:600}.article-body pre{background:var(--navy);border:2px solid var(--navy);color:var(--bg);padding:16px;border-radius:0;overflow-x:auto;font-family:var(--font-mono);font-size:14px;line-height:1.6;box-shadow:var(--shadow-flat)}.article-body pre code{background:transparent;border:0;color:inherit;padding:0;font-weight:400}.article-body blockquote{border-left:4px solid var(--navy);padding:10px 20px;color:var(--ink);background:var(--bg);border-radius:0;font-weight:500}.article-body ol,.article-body ul{padding-left:1.5em}.article-body li{margin:.3em 0}.article-body li::marker{color:var(--navy)}.article-body hr{border:0;border-top:1.5px dashed var(--navy);margin:2em 0}.footer{border-top:2px solid var(--navy);padding:32px 0 36px;background:var(--bg);margin-top:64px;position:relative}.footer:before{content:"";position:absolute;left:0;right:0;top:2px;height:8px;background:repeating-linear-gradient(-45deg,var(--navy) 0,var(--navy) 10px,var(--bg) 10px,var(--bg) 20px)}.footer-inner{max-width:var(--container);margin:0 auto;padding:20px 20px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);color:var(--navy);font-size:12px;letter-spacing:.06em;text-align:center;font-weight:600}@media (max-width:880px){.feature-rail{grid-template-columns:1fr}}@media (max-width:640px){.container{padding:0 16px}.section{padding:44px 0}.hero{padding:48px 0 36px}.hero-inner:after,.hero-inner:before{width:20px;height:20px}.hero-badge{font-size:10.5px;padding:5px 12px;margin-bottom:22px}.hero-sub{font-size:15px;margin-bottom:26px}.nav-inner{padding:13px 16px;gap:12px}.nav-links{gap:18px}.nav-link{font-size:11.5px}.nav-link.active:after{bottom:-15px;height:2px}.brand-divider,.brand-sub{display:none}.section-head{gap:8px;margin-bottom:24px}.feature-rail{gap:18px;margin-bottom:28px}.feature-main-body{padding:18px}.posts-grid{gap:18px;grid-template-columns:1fr}.post-card-body{padding:14px 16px 18px}.article{padding:32px 16px 52px;border-left:0;border-right:0}.article-body{font-size:16px;line-height:1.78}.empty{padding:44px 18px}.footer{margin-top:48px;padding:26px 0 32px}.footer-inner{padding-top:18px}:root{--shadow-flat:3px 3px 0 var(--navy);--shadow-flat-sm:2px 2px 0 var(--navy);--shadow-flat-lg:4px 4px 0 var(--navy)}}@media (max-width:380px){.hero-title{letter-spacing:-.025em}.brand-name{font-size:14px}.brand-tag{font-size:10.5px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--navy);outline-offset:3px}