:root{--slate:#66879b;--slate-deep:#4f7186;--deep:#142d3d;--mist:#dfe9ed;--fog:#adc1cc;--rose:#bd929b;--paper:var(--mist);--ink:var(--deep);--muted:#334a59;--line:#9db4c0;--surface:#ffffff2e;--sans:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--gutter:clamp(1rem, 3vw, 3rem);--container:77.5rem;--reading:45rem;--header-height:5.25rem;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);overflow-wrap:anywhere;min-width:0;min-height:100dvh;margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--deep);outline-offset:3px}body>header,body>main,body>footer{width:min(var(--container), calc(100% - (var(--gutter) * 2)));margin-inline:auto}body>header{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--line);display:flex;position:relative}.home-link{min-width:2.75rem;min-height:2.75rem;color:var(--ink);letter-spacing:-.02em;align-items:center;font-size:.875rem;font-weight:650;display:inline-flex}.home-link:hover{opacity:.58}.home-link[aria-current=page]{opacity:.68}.site-nav{letter-spacing:-.02em;white-space:nowrap;justify-content:flex-end;align-items:center;gap:clamp(.65rem,1.3vw,1.1rem);min-width:0;margin-left:auto;font-size:.875rem;display:flex}.site-nav a,footer a{transition:opacity .16s}.site-nav-about{margin-left:var(--space-2);padding-left:var(--space-4);border-left:1px solid var(--line)}.site-nav a[aria-current=page]{font-weight:700}.site-nav a[data-nav-category][aria-current=page]:after{content:"";background:currentColor;height:1px;margin-top:.3rem;display:block}.site-nav a:hover,footer a:hover{opacity:.58}.menu{display:none}.menu summary{cursor:pointer;justify-content:flex-end;align-items:center;min-width:2.75rem;min-height:2.75rem;font-size:.875rem;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu-panel{z-index:10;top:calc(100% + var(--space-2));width:min(18rem,100%);padding:var(--space-3);border:1px solid var(--line);background:var(--paper);border-radius:.9rem;position:absolute;right:0;box-shadow:0 1rem 2.5rem #142d3d24}.menu-panel nav{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.menu-panel p{margin:var(--space-1) var(--space-2) var(--space-2);color:var(--muted);letter-spacing:.04em;grid-column:1/-1;font-size:.75rem;font-weight:650}.menu-panel nav a,.menu-about,.menu-utilities a{min-height:3rem;padding:var(--space-2) var(--space-3);border-radius:.5rem;font-size:.94rem;font-weight:650}.menu-panel nav a[aria-current=page],.menu-panel a[aria-current=page]{background:var(--surface)}.menu-panel a:hover{background:var(--surface);opacity:1}.menu-about{margin-top:var(--space-2);align-items:center;display:flex}.menu-utilities{gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);display:grid}.menu-utilities p{margin-bottom:var(--space-1)}.menu-utilities a{align-items:center;display:flex}.tile>div>p,.post-head>p{color:var(--muted);letter-spacing:-.015em;font-size:.875rem}.editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.25rem,4vw,3.5rem) clamp(1.25rem,2.4vw,2rem);padding-bottom:clamp(4rem,8vw,6rem);display:grid}.tile{min-width:0}.tile[hidden]{display:none}.tile.featured{grid-column:span 2}.tile>a{aspect-ratio:4/3;border-radius:.2rem;display:block;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.tile:hover img{transform:scale(1.02)}.tile h2{margin:var(--space-2) 0;font-family:var(--sans);letter-spacing:-.055em;overflow-wrap:anywhere;word-break:keep-all;text-wrap:pretty;font-size:clamp(1.38rem,2vw,1.9rem);font-weight:750;line-height:1.34}.tile-description{color:var(--muted);margin:0;font-size:1rem;line-height:1.68}.tag-list{margin:0 0 var(--space-3);color:var(--slate-deep);flex-wrap:wrap;gap:.35rem .7rem;font-size:.82rem;font-weight:650;line-height:1.5;display:flex}.post-head .tag-list{margin-top:var(--space-3)}.post-meta{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.15rem 0;display:flex}.post-meta>span+span:before{content:"·";color:var(--line);margin-inline:.45rem}.blog-redesign-series .prose img{border:1px solid var(--line);background:#ffffff47;border-radius:.2rem;padding:.3rem}.series-nav{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(3rem,7vw,5rem);display:grid}.series-nav a{justify-content:center;gap:var(--space-1);min-width:0;min-height:5.25rem;padding:var(--space-4);border:1px solid var(--line);background:var(--surface);word-break:keep-all;border-radius:.2rem;flex-direction:column;display:flex}.series-nav a:hover{background:#ffffff4d}.series-nav a.next{text-align:right}.series-nav>.next:first-child{grid-column:2}.series-nav span{color:var(--muted);font-size:.78rem;font-weight:650}.series-nav strong{font-size:clamp(.94rem,1.4vw,1.05rem);line-height:1.45}@media (width<=40rem){.series-nav{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.series-nav>.next:first-child{grid-column:1}.series-nav a,.series-nav a.next{text-align:left;min-height:4.5rem}}.post{padding:clamp(3rem,6vw,4rem) 0 clamp(4.75rem,9vw,6.5rem)}.post-head{max-width:min(65rem,100%);margin:0 auto clamp(2.25rem,5vw,3rem)}.post-head h1,.archive h1,.about h1,.search h1{margin:var(--space-2) 0;font-family:var(--sans);letter-spacing:-.065em;overflow-wrap:anywhere;word-break:keep-all;text-wrap:pretty;font-size:clamp(2.25rem,4.2vw,4rem);font-weight:750;line-height:1.2}.subtitle{max-width:44rem;color:var(--muted);font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.65}.post-cover{object-fit:cover;border-radius:.2rem;width:min(87.5rem,100%);max-height:min(80dvh,56rem);margin:0 auto clamp(2rem,5vw,3.25rem)}.prose{max-width:var(--reading);letter-spacing:-.012em;overflow-wrap:break-word;word-break:keep-all;margin-inline:auto;font-size:clamp(1.04rem,1.2vw,1.125rem);line-height:1.88}.prose h2{font-family:var(--sans);letter-spacing:-.045em;word-break:keep-all;margin:3em 0 1em;font-size:clamp(1.45rem,2.3vw,1.7rem);font-weight:750;line-height:1.45}.prose h3,.prose h4{font-family:var(--sans);letter-spacing:-.035em;word-break:keep-all;margin:2.35em 0 .8em;font-weight:750;line-height:1.5}.prose h3{font-size:clamp(1.2rem,1.8vw,1.38rem)}.prose h4{font-size:1.08rem}.prose p{margin:0 0 1.35em}.prose ul,.prose ol{margin:0 0 1.45em;padding-left:1.35em}.prose li+li{margin-top:.35em}.prose blockquote{border-left:2px solid var(--line);color:var(--muted);margin:2em 0;padding-left:1.1em}.prose :not(pre)>code{overflow-wrap:anywhere;background:#142d3d17;border-radius:.25rem;padding:.1em .35em;font-size:.88em}.prose pre{background:var(--deep);max-width:100%;color:var(--mist);tab-size:2;border-radius:.4rem;margin:2em 0;padding:clamp(1rem,3vw,1.35rem);font-size:.85em;line-height:1.65;overflow-x:auto}.prose pre code{font-size:inherit}.prose a{text-underline-offset:.18em;text-decoration:underline 1px}.prose img{border-radius:.2rem;width:100%;height:auto;margin:2em 0}.prose .product-shot{margin:clamp(2rem,5vw,3.25rem) 0}.prose .product-shot img{object-fit:contain;border:1px solid var(--line);background:var(--surface);border-radius:.35rem;width:100%;height:auto;margin:0;display:block}.prose .product-shot-phone{width:min(30rem,100%);margin-left:auto;margin-right:auto}.prose .product-shot figcaption{margin-top:var(--space-2);color:var(--muted);text-align:left;font-size:.85rem;line-height:1.65}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose table{border-collapse:collapse;border-top:1px solid var(--line);width:100%;margin:2em 0;font-size:.92em;line-height:1.65}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.8em .9em}.prose th{letter-spacing:-.025em;background:#142d3d12;font-weight:700}.gallery-strip{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));width:min(75rem,100%);margin:0 auto clamp(2rem,5vw,3.125rem);display:grid}.gallery-strip figure{margin:0}.gallery-strip img{object-fit:cover;width:100%;height:100%}.gallery-strip figcaption,.mdx-fullbleed figcaption,.mdx-caption{margin-top:var(--space-2);color:var(--muted);font-size:.875rem;line-height:1.6}.about{grid-template-columns:minmax(17.5rem,26.25rem) minmax(0,40.625rem);align-items:start;gap:clamp(2rem,6vw,4rem);padding:clamp(3.5rem,8vw,5.75rem) 0;display:grid}.about-media{min-width:0}.about-source{align-items:baseline;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--rose);color:var(--rose);grid-template-columns:auto minmax(0,1fr) auto;line-height:1.45;display:grid}.about-source span:first-child{letter-spacing:.04em;font-size:.75rem;font-weight:700}.about-source strong{word-break:keep-all;min-width:0;font-size:.92rem;font-weight:700}.about-source:hover{color:var(--ink);border-color:var(--ink)}.about>div{min-width:0}.about>div>:first-child{margin-top:0}.about p,.about li{word-break:normal;font-size:clamp(1rem,1.35vw,1.08rem);line-height:1.75}.about ul{padding-left:1.3em}.archive,.search{padding:clamp(3.25rem,7vw,4.75rem) 0 clamp(4.75rem,9vw,6.5rem)}.archive section{padding:var(--space-5) 0;border-top:1px solid var(--line)}.archive h2{margin:0 0 var(--space-2);font-family:var(--sans);letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2rem)}.archive section a{gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:5.875rem minmax(0,1fr) 6.875rem;font-size:1.04rem;line-height:1.5;display:grid}.archive time,.archive em{color:var(--muted);font-size:.875rem;font-style:normal}.search input{width:100%;min-height:3.6rem;padding:var(--space-4) var(--space-1);border:0;border-bottom:1px solid var(--ink);font:inherit;background:0 0;border-radius:0;outline:none;font-size:1.15rem}.search #results{gap:var(--space-3);margin-top:var(--space-6);font-size:1.08rem;display:grid}.search #results a{padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}footer{justify-content:space-between;align-items:baseline;gap:var(--space-3) var(--space-6);padding:var(--space-5) 0 clamp(2rem, 5vw, 3.125rem);border-top:1px solid var(--line);color:var(--muted);letter-spacing:-.01em;font-size:.8rem;display:flex}.footer-primary{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.site-stats{gap:var(--space-2);color:color-mix(in srgb, var(--muted) 82%, transparent);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin:0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mdx-fullbleed{width:min(68.75rem, calc(100vw - (var(--gutter) * 2)));margin:3rem auto}.mdx-fullbleed img{object-fit:cover;width:100%;max-height:80dvh}.mdx-quote{border-left:2px solid var(--ink);margin:3rem 0;padding-left:1.3rem}.mdx-quote blockquote{font-family:var(--sans);letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:clamp(1.25rem,2.5vw,1.45rem);font-weight:600;line-height:1.6}.mdx-quote figcaption{margin-top:var(--space-3);color:var(--muted);font-size:.85rem}.mdx-grid{gap:var(--space-3);margin:2rem 0;display:grid}.mdx-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mdx-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mdx-grid img{object-fit:cover;width:100%;height:100%}.mdx-divider{border:0;border-top:1px solid var(--line);margin:3rem 0}@media (width<=70rem){:root{--header-height:4.5rem}.site-nav{display:none}.menu{display:block}}@media (width<=45rem){:root{--gutter:1rem}.editorial{gap:var(--space-7);grid-template-columns:minmax(0,1fr)}.tile.featured{grid-column:auto}.tile.featured img{aspect-ratio:4/5}.post-head h1,.archive h1,.about h1,.search h1{font-size:clamp(2rem,8.4vw,2.8rem);line-height:1.25}.gallery-strip,.mdx-grid.columns-2,.mdx-grid.columns-3,.about{grid-template-columns:minmax(0,1fr)}footer{flex-direction:column;align-items:flex-start}.site-stats{font-size:.76rem}.archive section a{gap:var(--space-2);grid-template-columns:4.25rem minmax(0,1fr)}.archive em{display:none}.prose table{border:0;font-size:.94em;display:block}.prose table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose table tbody{gap:var(--space-3);display:grid}.prose table tr{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);background:#ffffff1a;border-radius:.4rem;display:grid}.prose table td{gap:var(--space-3);border:0;grid-template-columns:minmax(5.75rem,.78fr) minmax(0,1.22fr);padding:0;display:grid}.prose table td:before{content:attr(data-label);color:var(--muted);font-size:.86em;font-weight:650}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home{background:var(--slate);min-height:100dvh}.home header{border-color:#dfe9ed61}.home-hero[hidden]{display:none}.home-hero{min-height:calc(100dvh - var(--header-height));grid-template-columns:minmax(0,1.15fr) minmax(23rem,.85fr);align-items:stretch;gap:clamp(2.25rem,6vw,6rem);display:grid}.home-hero-copy{align-self:center;min-width:0;padding:clamp(2.25rem,5dvh,3.75rem) 0}.home-hero h1{max-width:15ch;color:var(--mist);letter-spacing:-.075em;text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,4.2vw,4.5rem);font-weight:600;line-height:1.04}.home-hero p{margin:var(--space-5) 0 0;color:var(--mist);letter-spacing:-.02em;font-size:clamp(.95rem,1.3vw,1.05rem)}.home-hero-visual{background:var(--rose);width:100%;min-width:0;max-width:100%;min-height:0;margin:0;position:relative;overflow:hidden}.home-hero-visual img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;min-height:0;position:absolute;inset:0}.about h1{white-space:nowrap;letter-spacing:-.055em;font-size:clamp(2rem,4vw,4rem);line-height:1.1}.about-video{aspect-ratio:1;background:var(--rose);object-fit:cover;border-radius:.2rem;width:100%}.home[data-category=DEV] .editorial,.home[data-category=ENGLISH] .editorial{display:block}.home[data-category=DEV] .tile,.home[data-category=ENGLISH] .tile{padding:var(--space-5) 0;border-top:1px solid var(--fog)}.home[data-category=DEV] .tile>a,.home[data-category=ENGLISH] .tile>a{display:none}.home[data-category=DEV] .tile h2,.home[data-category=ENGLISH] .tile h2{margin:var(--space-1) 0 var(--space-2);font-size:clamp(1.4rem,2.4vw,2.1rem)}.home[data-category=ALL] .home-feed{display:none}.home-feed{color:var(--deep);padding:clamp(3rem,7vw,4.5rem) 0 clamp(4.5rem,8vw,5.75rem)}.home-feed .editorial{padding-bottom:0}.home[data-category]:not([data-category=ALL]){background:var(--paper)}.home[data-category]:not([data-category=ALL]) header{border-color:var(--line)}@media (width<=70rem){.home-hero{grid-template-columns:minmax(0,1fr);gap:0}.home-hero-copy{order:1;padding:clamp(2.75rem,9vw,4.5rem) 0 clamp(2.25rem,7vw,3.5rem)}.home-hero h1{max-width:13ch;font-size:clamp(3.1rem,9vw,5.5rem)}.home-hero-visual{aspect-ratio:auto;order:2;height:min(72vw,36rem)}.home-hero-visual img{min-height:0}}@media (width<=45rem){.home-hero{min-height:auto}.home-hero-copy{padding-top:clamp(2.25rem,10vw,3.5rem)}.home-hero h1{max-width:11.5ch;font-size:clamp(2.7rem,12vw,4.3rem);line-height:1.08}.home-hero p{margin-top:var(--space-4)}.home-hero-visual{height:min(82vw,26rem)}.about h1{font-size:clamp(2rem,8.8vw,3.2rem)}.about-video{width:min(100%,28rem)}}