@import 'https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap';:root{--paper:#f7f4ed;--ink:#20251f;--muted:#6b7169;--green:#285b45;--lime:#ddeb9d;--line:#d9d7cf;--mono:'DM Mono',monospace;--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.shell-narrow{width:min(760px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:10px;z-index:20;background:#fff;padding:8px 14px}.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(247,244,237,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:1.05rem;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--paper);background:var(--green);font-family:serif;font-style:italic}.site-nav{display:flex;gap:34px;font-size:.92rem;font-weight:600}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green);transition:.2s}.site-nav a:hover:after,.site-nav a.active:after{right:0}.nav-toggle{display:none;border:0;background:0 0;font:inherit}.hero{padding:96px 0 104px;border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px}.kicker{margin:0 0 14px;color:var(--green);font:500 .76rem/1.4 var(--mono);letter-spacing:.16em}.hero h1{font-size:clamp(2.9rem,6vw,5.5rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 30px;word-break:keep-all}.hero h1 em{font-family:playfair display,serif;color:var(--green);font-weight:700}.hero-copy{color:var(--muted);font-size:1.05rem;margin:0 0 34px}.button{display:inline-flex;gap:26px;align-items:center;padding:13px 20px;border-radius:3px;background:var(--green);color:#fff;font-size:.9rem;font-weight:700}.button span{font-size:1.2rem}.hero-art{height:340px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #aeb9a8;border-radius:50%}.orbit-one{inset:10px 20px;transform:rotate(14deg)}.orbit-two{inset:38px -10px;transform:rotate(-20deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;background:var(--lime)}.hero-art:before{width:60px;height:60px;top:10px;right:38px}.hero-art:after{width:24px;height:24px;bottom:32px;left:16px}.code-card{z-index:1;width:230px;padding:30px 34px;transform:rotate(-3deg);background:var(--ink);color:#dce7d9;border-radius:5px;box-shadow:18px 20px rgba(40,91,69,.13);font:500 1rem/1.9 var(--mono)}.code-card b{color:var(--lime)}.latest{padding:86px 0 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2,.page-hero h1{font-size:2.2rem;line-height:1.2;margin:0}.section-heading>a{font-size:.85rem;font-weight:700;color:var(--green)}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.post-card{background:rgba(255,255,255,.55);border:1px solid var(--line);transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(32,37,31,8%)}.card-image{display:block;aspect-ratio:16/7;overflow:hidden;background:#e4e2db}.card-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.post-card:hover img{transform:scale(1.025)}.card-body{padding:26px}.eyebrow{display:flex;gap:7px;color:var(--muted);font:.72rem/1.4 var(--mono);letter-spacing:.02em}.card-body h2{font-size:1.35rem;line-height:1.4;margin:11px 0 7px}.card-body p{color:var(--muted);font-size:.9rem;margin:0 0 18px}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{font:500 .72rem/1.4 var(--mono);color:var(--green);background:#e5eadc;padding:5px 9px;border-radius:2px}.page-hero{padding:86px 0 42px;border-bottom:1px solid var(--line)}.page-hero>p:last-child{color:var(--muted);margin:15px 0 0}.archive{padding:48px 0 100px}.pagination{display:flex;justify-content:center;gap:8px;list-style:none;margin:50px 0 0;padding:0}.page-link{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line)}.active>.page-link{background:var(--green);color:#fff}.terms-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:50px 0 100px}.terms-cloud a{padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.5);display:flex;justify-content:space-between}.terms-cloud span{font-weight:700}.terms-cloud small{color:var(--muted)}.article{padding:84px 0 110px}.article-header h1{font-size:clamp(2.35rem,6vw,4.6rem);line-height:1.16;letter-spacing:-.045em;margin:19px 0}.article-header>p{font-size:1.15rem;color:var(--muted);margin:0 0 22px}.article-cover{margin-top:48px;margin-bottom:54px;max-height:560px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.prose{font-size:1.02rem}.prose h2,.prose h3{line-height:1.35;margin:2.3em 0 .7em}.prose h2{font-size:1.65rem}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose p{margin:0 0 1.4em}.prose blockquote{border-left:3px solid var(--green);margin:2em 0;padding:4px 0 4px 24px;color:var(--muted)}.prose pre{overflow:auto;background:#252b26;color:#e8ede5;padding:22px;border-radius:4px;font:.88rem/1.7 var(--mono)}.prose code:not(pre code){background:#e4e6df;padding:2px 5px;border-radius:2px}.prose img{margin:2em auto}.prose table{border-collapse:collapse;width:100%;margin:2em 0}.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.article-footer{margin-top:60px;padding-top:26px;border-top:1px solid var(--line);font-weight:700;color:var(--green)}.not-found{text-align:center;padding:130px 0 180px}.not-found h1{font-size:clamp(2.5rem,7vw,5rem);margin:0}.not-found>p:not(.kicker){color:var(--muted);margin:15px 0 30px}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.8rem}.footer-wrap{display:flex;justify-content:space-between}.footer-wrap p{margin:0}.footer-wrap div{display:flex;gap:22px}.footer-wrap a:hover{color:var(--green)}@media(max-width:760px){.site-header{height:66px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:65px;padding:20px;background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:16px}.site-nav.open{display:flex}.hero{padding:62px 0 72px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-art{height:250px}.post-grid,.terms-cloud{grid-template-columns:1fr}.latest{padding:62px 0 80px}.section-heading{align-items:start}.section-heading>a{margin-top:8px}.article{padding-top:54px}.footer-wrap{gap:14px;flex-direction:column}.page-hero{padding-top:60px}}.hero{position:relative;padding:88px 0 92px;background:radial-gradient(circle at 85% 15%,rgba(221,235,157,.45),transparent 24%),linear-gradient(135deg,#f7f4ed 0%,#f2f0e8 100%)}.hero-noise{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.hero-grid{grid-template-columns:1.05fr .95fr;gap:72px}.hero-copy-wrap{position:relative;z-index:1}.availability{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:7px 11px;border:1px solid #cfd5bd;border-radius:99px;background:rgba(255,255,255,.45);color:var(--green);font-size:.73rem;font-weight:700}.availability span{width:7px;height:7px;border-radius:50%;background:#63a66f;box-shadow:0 0 0 4px rgba(99,166,111,.15);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}.hero h1{font-size:clamp(3rem,5.4vw,5.4rem)}.hero-copy{max-width:620px;word-break:keep-all}.hero-actions{display:flex;align-items:center;gap:25px}.text-button{font-size:.86rem;font-weight:700;border-bottom:1px solid var(--ink);padding:8px 0}.hero-meta{display:flex;gap:34px;margin-top:50px;padding-top:23px;border-top:1px solid var(--line);max-width:520px}.hero-meta div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:8px}.hero-meta strong{font:500 1.35rem/1 var(--mono);color:var(--green)}.hero-meta span{font-size:.72rem;color:var(--muted)}.profile-scene{height:510px;position:relative;display:grid;place-items:center}.scene-grid{position:absolute;inset:25px;background-image:linear-gradient(rgba(40,91,69,9%) 1px,transparent 1px),linear-gradient(90deg,rgba(40,91,69,9%) 1px,transparent 1px);background-size:34px 34px;border-radius:50%}.profile-card{position:relative;z-index:2;width:310px;padding:14px;background:#fff;border:1px solid #d4d3ca;box-shadow:0 25px 70px rgba(32,37,31,.16);transform:rotate(2.5deg)}.profile-top{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 12px;font:500 .63rem/1 var(--mono);letter-spacing:.1em;color:var(--muted)}.status-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 3px rgba(221,235,157,.35)}.profile-card>img{width:100%;height:230px;object-fit:cover;filter:saturate(.8)contrast(1.03)}.profile-info{display:flex;align-items:end;justify-content:space-between;padding:18px 6px 7px}.profile-info p{font-size:.75rem;color:var(--muted);margin:0}.profile-info h2{font-size:1.3rem;line-height:1.25;margin:2px 0 0}.profile-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff}.profile-note{border-top:1px solid var(--line);margin:5px 6px 0;padding:11px 0 2px;font-size:.72rem;color:var(--muted)}.code-window{position:absolute;z-index:3;right:-8px;bottom:20px;width:205px;background:#20251f;color:#e5ebdc;border-radius:5px;box-shadow:0 16px 35px rgba(0,0,0,.2);transform:rotate(-4deg)}.code-window>div{height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #3b423c}.code-window i{width:6px;height:6px;border-radius:50%;background:#788078}.code-window span{margin-left:7px;font:.55rem var(--mono);color:#9da59d}.code-window code{display:block;padding:15px 18px;font:.72rem/1.65 var(--mono)}.code-window b{color:#ddeb9d}.code-window em{color:#91c2aa;font-style:normal}.float-label{position:absolute;z-index:4;padding:7px 10px;background:var(--lime);font:500 .63rem var(--mono);box-shadow:3px 3px 0 var(--green)}.label-one{left:4px;top:74px;transform:rotate(-7deg)}.label-two{right:16px;top:48px;transform:rotate(5deg)}.ticker{overflow:hidden;background:var(--green);color:#edf5cf;border-block:1px solid #194332}.ticker>div{width:max-content;display:flex;align-items:center;gap:27px;padding:13px 0;animation:marquee 28s linear infinite;font:500 .7rem var(--mono);letter-spacing:.13em}.ticker i{color:var(--lime);font-style:normal}@keyframes marquee{to{transform:translateX(-40%)}}.section-heading>div>p:last-child{margin:8px 0 0;color:var(--muted);font-size:.9rem}.section-heading>a{display:flex;align-items:center;gap:10px;padding-bottom:7px;border-bottom:1px solid var(--green)}.post-card{overflow:hidden;background:#fff}.card-image{position:relative}.card-arrow{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:rgba(247,244,237,.92);color:var(--green);font-weight:800;transform:translateY(-6px);opacity:0;transition:.25s}.post-card:hover .card-arrow{transform:none;opacity:1}.card-pattern{background-color:#dfe8bc;background-image:radial-gradient(#82976b 1px,transparent 1px);background-size:16px 16px;display:flex;align-items:end;justify-content:space-between;padding:25px}.card-pattern:before{content:"";position:absolute;inset:18px;border:1px solid rgba(40,91,69,.3)}.pattern-code{font:500 3.2rem/1 var(--mono);color:var(--green)}.pattern-title{position:relative;font:500 .65rem var(--mono);color:var(--green);writing-mode:vertical-rl}.topics-section{padding:95px 0;background:#20251f;color:#f4f1e9}.topics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.topics-intro{position:sticky;top:120px;align-self:start}.topics-intro .kicker{color:var(--lime)}.topics-intro h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 22px}.topics-intro>p:last-child{color:#9da49d;font-size:.9rem}.topic-list{border-top:1px solid #424a43}.topic-list a{display:grid;grid-template-columns:45px 1fr auto 30px;align-items:center;gap:15px;padding:22px 8px;border-bottom:1px solid #424a43;transition:.2s}.topic-list a:hover{padding-left:18px;background:#29302a}.topic-list .topic-number{font:.65rem var(--mono);color:#7e877e}.topic-list strong{font-size:1.2rem}.topic-list small{color:#929b92}.topic-list b{color:var(--lime)}.topic-list .all-topics{color:var(--lime)}.home-cta{margin-top:85px;margin-bottom:85px;padding:58px 64px;background:var(--green);color:#fff;display:flex;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.home-cta:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-70px;top:-110px}.home-cta .kicker{color:var(--lime);margin-top:15px}.home-cta h2{font-size:2.15rem;line-height:1.25;margin:0 0 10px}.home-cta p:last-child{margin:0;color:#c3d1c9;font-size:.85rem}.cta-symbol{font-size:2rem;color:var(--lime)}.button-light{position:relative;z-index:1;background:var(--lime);color:var(--green);white-space:nowrap}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.profile-scene{height:470px}.topics-grid{grid-template-columns:1fr;gap:50px}.topics-intro{position:static}.home-cta{align-items:start;gap:35px;flex-direction:column}}@media(max-width:760px){.hero{padding-top:48px}.availability{margin-bottom:19px}.hero-meta{gap:16px;justify-content:space-between}.hero-meta div{display:flex;flex-direction:column;gap:5px}.profile-scene{height:420px}.profile-card{width:270px}.profile-card>img{height:195px}.code-window{right:0;width:178px}.float-label{display:none}.ticker>div{animation:none}.topics-section{padding:68px 0}.topic-list a{grid-template-columns:35px 1fr 24px}.topic-list small{display:none}.home-cta{margin-block:55px;padding:40px 28px}.section-heading>div>p:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker>div,.availability span{animation:none!important}}