@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#050505;--bg-elevated:#090909;--bg-soft:#111;--text:#f4f4f4;--text-muted:#f4f4f4ad;--text-faint:#f4f4f46b;--border:#f4f4f41f;--border-strong:#f4f4f457;--accent:#f4f4f4;--accent-soft:#f4f4f414;--accent-ink:#050505;--ink:#050505;--plasma:#d9d9d9;--solar:#f4f4f4;--shadow:none;--container:1180px;--narrow:780px;--site-gutter:clamp(1rem, 7vw, 9rem);--site-frame:min(var(--container), calc(100vw - var(--site-gutter) - var(--site-gutter)));--font-sans:"Pretendard", "Inter Tight", "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, Monaco, monospace;--font-display:"Pretendard", "Inter Tight", "IBM Plex Sans", system-ui, sans-serif;--ui-kicker-size:clamp(.62rem, .7vw, .72rem);--ui-caption-size:clamp(.78rem, .88vw, .88rem)}[data-theme=light]{--bg:#050505;--bg-elevated:#090909;--bg-soft:#111;--text:#f4f4f4;--text-muted:#f4f4f4ad;--text-faint:#f4f4f46b;--border:#f4f4f41f;--border-strong:#f4f4f457;--accent:#f4f4f4;--accent-soft:#f4f4f414;--shadow:none;--accent-ink:#050505;--ink:#050505;--plasma:#d9d9d9;--solar:#f4f4f4}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:auto;background:#050505;max-width:100%;overflow-x:clip}body{background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--plasma) 10%, transparent), transparent 24%), linear-gradient(180deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 90%, #111 10%) 100%);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;margin:0;overflow-x:clip}@supports not (overflow:clip){html,body{overflow-x:hidden}}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 76%, #fff 24%);outline-offset:4px}img{max-width:100%;display:block}h1,h2{letter-spacing:-.05em;font-weight:400;font-family:var(--font-display);margin:0}h3,h4,h5,h6{letter-spacing:-.02em;margin:0;font-weight:400}button,input{font:inherit}main{z-index:1;position:relative}.route-motion-field{z-index:0;pointer-events:none;contain:layout paint;position:fixed;inset:0;overflow:hidden}.route-motion-field-static{background:radial-gradient(circle at 20% 18%,#ffffff06,#0000 28rem),radial-gradient(circle at 82% 12%,#ffffff05,#0000 32rem)}.route-motion-ribbon,.route-motion-point{pointer-events:none;will-change:transform, opacity;display:block;position:absolute;transform:translate(0,0)}.route-motion-ribbon{background:linear-gradient(90deg,#0000,#f6f6f60b 18%,#ffffff1c 52%,#f6f6f60b 82%,#0000);border-radius:999px;width:min(86vw,78rem);height:clamp(.14rem,.24vw,.22rem);box-shadow:0 0 18px #ffffff0b}.route-motion-ribbon-primary{top:22vh;left:-12vw;rotate:-10deg}.route-motion-ribbon-secondary{opacity:.36;bottom:20vh;right:-16vw;rotate:13deg}.route-motion-point{background:#f5f5f5e6;border-radius:999px;width:.34rem;height:.34rem;top:0;left:0;box-shadow:0 0 9px #f5f5f58c,0 0 22px #f5f5f51f}.studio-home{--bg:#050505;--bg-elevated:#090909;--bg-soft:#111;--text:#f4f4f4;--text-muted:#f4f4f4ad;--text-faint:#f4f4f46b;--border:#f4f4f41f;--border-strong:#f4f4f457;--accent:#f4f4f4;--accent-soft:#f4f4f414;--accent-ink:#050505;--plasma:#d9d9d9;--solar:#f4f4f4;--shadow:none}.archive-page,.post-detail-frame{--bg:#050505;--bg-elevated:#090909;--bg-soft:#111;--text:#f4f4f4;--text-muted:#f4f4f4c7;--text-faint:#f4f4f485;--border:#f4f4f41f;--border-strong:#f4f4f457;--accent:#f4f4f4;--accent-soft:#f4f4f414;--accent-ink:#050505;--plasma:#d9d9d9;--solar:#f4f4f4;--shadow:none}.page-shell{width:var(--site-frame);max-width:none;margin:0 auto;padding:clamp(6.1rem,8vw,7.4rem) 0 clamp(2.2rem,5vw,3.4rem)}.archive-page:before,.post-detail-frame:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--solar) 10%, transparent), transparent 34rem), radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--plasma) 8%, transparent), transparent 38rem), linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, #111 4%), var(--bg));position:fixed;inset:0}.top-nav-shell{z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed;inset:0 0 auto}.top-nav-inner{pointer-events:auto;width:var(--site-frame);background:0 0;border-bottom:0;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1rem 0 .65rem;display:grid}.top-nav-links{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:.9rem;display:flex}.top-nav-brand{color:var(--text);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;justify-self:start;align-items:baseline;gap:.7rem;font-size:.68rem;display:inline-flex}.top-nav-brand-mark{color:var(--text)}.top-nav-brand-text{color:var(--text-faint);letter-spacing:.18em}.nav-link{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.66rem;transition:color .2s,transform .2s;position:relative}.nav-link:hover{color:var(--text);transform:translateY(-1px)}.nav-link:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;transition:opacity .2s,transform .24s;position:absolute;bottom:-.38rem;left:0;right:.18em;transform:scaleX(.28)}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:.7;transform:scaleX(1)}.nav-dot{color:var(--text-faint);font-size:.65rem}.atlas-kicker{color:var(--text-faint);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.65rem;display:inline-flex}.atlas-kicker:before{content:none}.archive-page{--archive-board-width:var(--site-frame);width:var(--archive-board-width);max-width:none;padding-inline:0}.archive-hero{isolation:isolate;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:end;gap:clamp(1rem,2.2vw,1.8rem);padding:clamp(.65rem,1.8vw,1.2rem) 0 clamp(1.15rem,2.8vw,2rem);display:grid;position:relative;overflow:visible}.archive-hero-copy{grid-column:1;max-width:40rem}.archive-hero:before{content:none}.archive-hero>*{z-index:1;position:relative}.archive-hero:after{content:none}.archive-hero-note{width:fit-content;color:var(--text-faint);text-align:left;font-size:var(--ui-caption-size);grid-column:2;justify-self:end;align-items:baseline;gap:.58rem;margin:0 0 .12rem;line-height:1.3;display:inline-flex}.archive-hero-note span{color:var(--text);font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1}.archive-list-section{gap:clamp(.5rem,1.1vw,.85rem);margin-top:clamp(.25rem,.8vw,.65rem);display:grid}.posts-rail{border-top:1px solid color-mix(in srgb, var(--text) 17%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,4.6vw,4.7rem);width:100%;display:grid}.posts-rail-item{isolation:isolate;border:0;border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent);min-height:clamp(4.9rem,6.7vw,6.2rem);color:var(--text-muted);animation-delay:calc(var(--post-index,0) * 54ms);background:0 0;grid-template-columns:minmax(3.15rem,4.35rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.72rem,1.25vw,1rem);padding:clamp(.86rem,1.45vw,1.18rem) 0;text-decoration:none;transition:border-color .2s,color .2s,opacity .22s;display:grid;position:relative;overflow:visible}.posts-rail-item:before{content:none}.posts-rail-item:hover,.posts-rail-item:focus-visible{border-color:color-mix(in srgb, var(--text) 30%, transparent);color:var(--text);opacity:.96;background:0 0}.posts-rail-index{color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;justify-content:start;align-self:start;gap:.28rem;padding-top:.12rem;font-size:.64rem;display:grid}.posts-rail-number{color:var(--text-muted);letter-spacing:-.02em;font-size:clamp(.78rem,.9vw,.92rem)}.posts-rail-index time{color:var(--text-faint)}.posts-rail-item[data-preview=true] .posts-rail-index time{color:var(--text-muted)}.posts-rail-copy{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(.24rem,.55vw,.38rem);min-width:0;display:grid}.posts-rail-state{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;grid-column:1;font-size:.58rem;line-height:1}.posts-rail-copy h3{max-width:100%;color:var(--text);letter-spacing:-.03em;word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;grid-column:1;margin:0;font-size:clamp(1.08rem,1.34vw,1.48rem);font-weight:430;line-height:1.17;transition:color .2s,transform .28s cubic-bezier(.16,1,.3,1)}.posts-rail-square{display:none}.posts-rail-item[data-latest=true] .posts-rail-copy h3{font-size:clamp(1.12rem,1.46vw,1.58rem)}.posts-rail-item[data-latest=true] .posts-rail-square{border-color:color-mix(in srgb, var(--text) 72%, transparent);background:color-mix(in srgb, var(--text) 62%, transparent);opacity:.8}.posts-rail-item:hover .posts-rail-square,.posts-rail-item:focus-visible .posts-rail-square{border-color:var(--text);background:var(--text);opacity:1;transform:rotate(45deg)scale(.74)}.posts-rail-item:hover .posts-rail-copy h3,.posts-rail-item:focus-visible .posts-rail-copy h3{transform:none}.posts-rail-action{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:0;justify-self:end;align-items:center;font-size:clamp(1rem,1.15vw,1.18rem);line-height:1;transition:color .2s,transform .24s;display:inline-flex}.posts-rail-item:hover .posts-rail-action,.posts-rail-item:focus-visible .posts-rail-action{color:var(--text);transform:translate(.12rem)}.posts-rail-arrow{color:currentColor;font-size:inherit;opacity:.62;flex:none;line-height:1;transition:opacity .2s,transform .32s cubic-bezier(.16,1,.3,1),color .2s;transform:translate(-.12rem)}.posts-rail-item:hover .posts-rail-arrow,.posts-rail-item:focus-visible .posts-rail-arrow{color:var(--text);opacity:1;transform:translate(0,0)}.page-title{letter-spacing:-.062em;word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;max-width:100%;margin-bottom:.42rem;padding-block:.02em .1em;font-size:clamp(2.25rem,3.7vw,3.82rem);line-height:1.08}.animate-in{animation:.62s cubic-bezier(.16,1,.3,1) both fadeUp}.archive-hero,.posts-rail-item,.related-post-card,.empty-state{animation:.68s cubic-bezier(.16,1,.3,1) both routeRise}.posts-rail-item{animation-delay:calc(var(--post-index,0) * 54ms)}.animate-float{animation:7s ease-in-out infinite float}.page-subtitle,.empty-state-description,.footer-tagline,.post-content,.toc-title,.toc-item a{color:var(--text-muted)}.empty-state{max-width:min(100%,42rem);box-shadow:none;background:0 0;border:0;gap:.75rem;margin-top:1rem;padding:clamp(1.25rem,3vw,1.8rem) 0;display:grid}.empty-state-kicker{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem}.empty-state-title{text-wrap:wrap;word-break:normal;line-break:auto;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin:0;font-size:clamp(1.55rem,3vw,2.25rem)}.empty-state-actions{flex-wrap:wrap;gap:.7rem 1rem;margin-top:.25rem;display:flex}.empty-state-actions a{border-bottom:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent);min-height:2.2rem;color:var(--text);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:.74rem;font-weight:700;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.empty-state-actions a:hover,.empty-state-actions a:focus-visible{color:var(--accent);border-color:var(--border-strong);transform:translate(.32rem)}.not-found-page{width:var(--site-frame);align-items:center;min-height:calc(100vh - 9rem);margin:0 auto;padding:clamp(6.1rem,8vw,7.4rem) 0 clamp(3rem,7vw,5rem);display:grid}.footer{background:#050505;width:100%;max-width:none;margin:0 auto;padding:clamp(1rem,3vw,2rem) 0 clamp(1.2rem,3vw,2rem);position:relative;overflow:hidden}.footer:before{content:none}.footer-content{z-index:1;width:var(--site-frame);border-top:0;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;max-width:none;margin:0 auto;padding:0;display:grid;position:relative}.footer-name{color:var(--text);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.72rem,1.1vw,.86rem)}.footer-tagline{max-width:26rem;color:var(--text-faint);font-size:var(--ui-caption-size);margin:.45rem 0 0;line-height:1.5}.footer-nav{flex-direction:row;align-items:baseline;gap:clamp(.85rem,2vw,1.35rem);display:flex}.footer-nav-title{display:none}.back-to-top{border:1px solid var(--border);min-width:2.75rem;min-height:2.75rem;color:var(--text);background:0 0;border-radius:0;justify-content:center;align-items:center;padding:.4rem .7rem;display:inline-flex}.footer-bottom{z-index:1;width:var(--site-frame);max-width:none;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);border-top:0;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;padding-top:clamp(1rem,2vw,1.5rem);font-size:.62rem;display:flex;position:relative}.post-detail-layout{width:var(--site-frame);--article-rail:min(100%, 44rem);--article-body-size:clamp(.985rem, .38vw + .9rem, 1.045rem);--article-body-leading:1.78;--article-title-size:clamp(2.02rem, 2.22vw, 2.68rem);--article-title-leading:1.1;--article-deck-size:clamp(.84rem, .34vw + .78rem, .94rem);--article-h1-size:clamp(1.42rem, 1.38vw, 1.76rem);--article-h2-size:clamp(1.22rem, 1.08vw, 1.46rem);--article-h3-size:clamp(1.08rem, .82vw, 1.2rem);max-width:none;margin:0 auto;padding:clamp(4.15rem,5vw,5rem) 0 clamp(2.6rem,5.2vw,3.8rem)}.post-detail-layout:after{content:none}.post-detail-main{width:var(--article-rail);background:0 0;margin:0 auto;padding:0}.post-detail-main:before{content:none}.post-detail-header{text-align:left;justify-items:start;width:100%;margin-bottom:clamp(1.12rem,2.25vw,1.72rem);display:grid}.post-detail-topline{justify-content:flex-start;align-items:center;gap:1rem;min-height:2rem;margin-bottom:clamp(.55rem,1.25vw,.9rem);display:flex}.post-back-link,.footer-nav-link{min-height:1.8rem;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;font-size:.64rem;transition:color .2s,transform .2s;display:inline-flex}.post-back-link:before{content:"←";margin-right:.45rem;font-size:1em;transform:translateY(-.02em)}.post-back-link:hover,.footer-nav-link:hover{color:var(--text);transform:translateY(-.08rem)}.post-detail-title{width:100%;max-width:100%;color:var(--text);font-size:var(--article-title-size);letter-spacing:-.034em;font-weight:450;line-height:var(--article-title-leading);word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;justify-self:start;margin:0}.post-detail-deck{color:#f4f4f49e;width:100%;max-width:100%;font-size:var(--article-deck-size);letter-spacing:-.006em;word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;justify-self:start;margin:clamp(.52rem,1.04vw,.72rem) 0 0;line-height:1.66}.post-detail-meta{max-width:30rem;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-start;justify-self:start;align-items:center;gap:.52rem .95rem;margin:clamp(.68rem,1.18vw,.88rem) 0 0;font-size:.69rem;display:flex}.post-detail-status{align-items:center;gap:.42rem;display:inline-flex}.post-detail-square{border:1px solid color-mix(in srgb, var(--text) 52%, transparent);background:color-mix(in srgb, var(--text) 18%, transparent);block-size:.48rem;inline-size:.48rem}.post-detail-meta>*{position:relative}.post-detail-meta>*+:before{content:"";opacity:.55;background:currentColor;border-radius:999px;width:.18rem;height:.18rem;position:absolute;top:50%;left:-.52rem;transform:translateY(-50%)}.post-detail-cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--text) 3%, transparent);width:100%;margin:0 0 clamp(2rem,5vw,3.2rem);position:relative;overflow:hidden}.post-detail-cover-image,.post-detail-cover-fallback{width:100%;height:100%;display:block}.post-detail-cover-image{object-fit:cover;opacity:1;transition:opacity .28s}.post-detail-cover-image.is-loading{opacity:.68}.post-detail-cover-fallback{min-height:clamp(13rem,32vw,28rem);color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--text) 7%, transparent), transparent 42%), color-mix(in srgb, var(--text) 3%, transparent);place-items:center;font-size:.68rem;display:grid}.post-detail-footer{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.25rem,2.8vw,2rem);width:100%;margin:clamp(2.15rem,4.4vw,3.15rem) 0 0;display:grid}.share-section{padding:0}.share-buttons{margin:0}.share-btn-text{border:0;border-bottom:1px solid color-mix(in srgb, var(--text) 28%, transparent);color:var(--text-muted);letter-spacing:.02em;cursor:pointer;background:0 0;align-items:center;margin:0;padding:0 0 .18rem;font-size:.9rem;font-weight:430;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.share-btn-text:hover,.share-btn-text.copied{color:var(--text);border-color:var(--text);transform:translate(.16rem)}.related-posts{padding:0}.related-posts-heading{gap:.55rem;margin-bottom:clamp(.65rem,1.35vw,1rem);display:grid}.related-posts-heading .atlas-kicker{display:none}.related-posts-heading h2{color:var(--text);letter-spacing:-.032em;margin:0;font-size:clamp(.98rem,1.16vw,1.1rem);font-weight:460}.related-posts-list{gap:clamp(.38rem,.9vw,.62rem);display:grid}.related-post-card{color:var(--text-muted);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:clamp(.75rem,1.5vw,1rem);padding:clamp(.42rem,.9vw,.62rem) 0;text-decoration:none;transition:color .2s,transform .22s;display:grid;position:relative}.related-post-card:hover,.related-post-card:focus-visible{color:var(--text);transform:translate(.1rem)}.related-post-index{color:var(--text-faint);font-family:var(--font-mono);grid-area:1/2;justify-self:end;font-size:.68rem}.related-post-title{min-width:0;color:var(--text);letter-spacing:-.018em;word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;grid-area:1/1;font-size:clamp(.98rem,1.14vw,1.08rem);font-weight:440;line-height:1.35}.post-relative-container{width:100%;max-width:100%;margin:0}.post-content-media-row{width:100%;max-width:100%;margin:clamp(1.85rem,3.8vw,2.55rem) 0}.post-content-media-row>:first-child{margin-top:0}.post-content-media-row>:last-child{margin-bottom:0}.post-content{color:#f4f4f4ed;width:100%;min-width:0;max-width:100%;font-size:var(--article-body-size);font-weight:420;line-height:var(--article-body-leading);letter-spacing:-.003em;font-kerning:normal;text-rendering:optimizelegibility;hanging-punctuation:none;word-break:normal;line-break:auto;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin:0}.post-content:lang(ko){letter-spacing:-.002em;word-spacing:normal}.post-content>:first-child{margin-top:0!important}.post-content>p:first-of-type{color:#f4f4f4ed;font-size:inherit;line-height:inherit;letter-spacing:inherit}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--text);letter-spacing:-.024em;word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin:clamp(2rem,3.8vw,2.72rem) 0 clamp(.56rem,1vw,.72rem);padding:0;scroll-margin-top:6rem;font-weight:500;line-height:1.2}.post-content:lang(ko) h1,.post-content:lang(ko) h2,.post-content:lang(ko) h3,.post-content:lang(ko) h4,.post-content:lang(ko) h5,.post-content:lang(ko) h6{word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.post-content h1{font-size:var(--article-h1-size);line-height:1.16}.post-content h2{font-size:var(--article-h2-size);margin-top:clamp(2.1rem,4vw,2.82rem);line-height:1.22}.post-content h3{font-size:var(--article-h3-size);margin-top:clamp(1.76rem,3.1vw,2.22rem);line-height:1.26}.post-content h4,.post-content h5,.post-content h6{font-size:calc(var(--article-body-size) * 1.02);letter-spacing:-.014em;margin-top:clamp(1.48rem,2.6vw,1.9rem)}.post-content h5,.post-content h6{color:#f4f4f4e6;letter-spacing:-.008em;font-size:.92rem;font-weight:560}.post-content p{margin:0 0 calc(var(--article-body-size) * 1.12)}.post-content hr{background:linear-gradient(90deg, color-mix(in srgb, var(--text) 28%, transparent), color-mix(in srgb, var(--text) 7%, transparent) 62%, transparent);border:0;width:100%;height:1px;margin:clamp(2.25rem,5vw,3.2rem) 0}.post-content hr:before{content:none}.post-content a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text) 34%, transparent);text-decoration-color:color-mix(in srgb, var(--text) 34%, transparent);text-underline-offset:.18em;word-break:break-word;overflow-wrap:anywhere;text-decoration-thickness:1px}.post-content a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.post-content strong{color:var(--text);font-weight:590}.post-content em{color:#f4f4f4e6;font-style:italic}.post-content mark{background:color-mix(in srgb, var(--text) 15%, transparent);color:var(--text);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.02em .18em}.post-content blockquote{color:#f4f4f4eb;box-shadow:none;background:0 0;border:0;border-left:1px solid #f4f4f475;margin:clamp(1.65rem,3.4vw,2.25rem) 0;padding:clamp(.72rem,1.45vw,.95rem) 0 clamp(.72rem,1.45vw,.95rem) clamp(1.22rem,2.3vw,1.6rem);font-size:clamp(.98rem,.96vw,1.02rem);font-style:normal;line-height:1.74;position:relative}.post-content blockquote:before{content:none}.post-content blockquote>*{margin-top:0}.post-content blockquote>*+*{margin-top:.72rem}.post-content blockquote>:last-child{margin-bottom:0}.post-content blockquote :is(p,li){color:inherit}.post-content .notion-callout{color:#f4f4f4eb;box-shadow:none;background:0 0;border:0;border-left:1px solid #f4f4f452;grid-template-columns:auto 1fr;gap:.65rem;margin:1.35rem 0;padding:clamp(.68rem,1.25vw,.88rem) 0 clamp(.68rem,1.25vw,.88rem) clamp(1rem,1.9vw,1.28rem);display:grid}.post-content .notion-callout-icon{color:#f4f4f4b8;text-align:center;width:1.1rem;min-width:1.1rem;line-height:1.6}.post-content .notion-callout-icon img{vertical-align:text-bottom;width:1rem;height:1rem;display:inline-block}.post-content .notion-callout-content>:first-child{margin-top:0}.post-content .notion-callout-content>:last-child{margin-bottom:0}.post-content .notion-callout p{color:inherit}.post-content .notion-callout ul,.post-content .notion-callout ol{margin:.55rem 0 0;padding-left:1.1rem}.post-content .notion-underline{text-underline-offset:.18em;text-decoration:underline}.post-content ul,.post-content ol{margin:0 0 1.18rem;padding-left:1.42rem}.post-content li{margin-bottom:.46rem;padding-left:.12rem}.post-content li::marker{color:#f4f4f4d1;font-family:var(--font-mono)}.post-content li>p{margin:.28rem 0 .55rem}.post-content .contains-task-list{padding-left:1.35rem}.post-content .task-list-item{margin-left:-1.35rem;padding-left:0;list-style:none}.post-content input[type=checkbox]{accent-color:#f4f4f4;vertical-align:-.13em;width:.95rem;height:.95rem;margin:0 .42rem 0 0}.post-content del{color:#f4f4f4a8;margin-inline:.05em;text-decoration-color:#f4f4f494}.post-content kbd{color:#f4f4f4e6;min-width:1.45em;font-family:var(--font-mono);text-align:center;background:#f4f4f414;margin-inline:.08em;padding:.08em .36em;font-size:.78em;line-height:1.55;display:inline-block}.post-content sup,.post-content sub{color:#f4f4f4b8;margin-inline:.06em;font-size:.72em;line-height:0;position:relative}.post-content sup{top:-.42em}.post-content sub{bottom:-.18em}.post-content small{color:#f4f4f4b8;font-size:.86em}.post-content abbr[title]{text-underline-offset:.18em;-webkit-text-decoration:underline dotted #f4f4f480;text-decoration:underline dotted #f4f4f480}.post-content dl{margin:1.4rem 0}.post-content dt{color:var(--text);font-weight:560}.post-content dd{color:#f4f4f4e0;margin:.3rem 0 .78rem 1.1rem}.post-content details{color:#f4f4f4e0;border-block:1px solid #f4f4f42e;margin:1.25rem 0;padding:.86rem 0}.post-content summary{cursor:pointer;color:#f4f4f4ed;font-weight:520;list-style-position:outside}.post-content summary+*{margin-top:.8rem}.post-content .footnotes,.post-content section.footnotes{color:#f4f4f4c7;border-top:1px solid #f4f4f429;margin-top:clamp(2.4rem,5vw,3.2rem);padding-top:1rem;font-size:.88em}.post-content .footnotes h2,.post-content section.footnotes h2{color:#f4f4f4c7;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:0;font-size:.72rem;font-weight:520}.post-content a[data-footnote-ref],.post-content a[data-footnote-backref]{color:var(--text);font-family:var(--font-mono);font-size:.78em;text-decoration-thickness:1px}.post-content :not(pre)>code{color:var(--text);font-family:var(--font-mono);vertical-align:baseline;font-size:.82em;font-weight:450;line-height:inherit;white-space:normal;word-break:normal;line-break:anywhere;overflow-wrap:anywhere;background:#f4f4f415;border:0;margin:0 .02em;padding:.02em .18em;display:inline;box-shadow:inset 0 0 0 1px #f4f4f414}.post-content :is(p,li,blockquote,figcaption,dd),.post-content:lang(ko) :is(p,li,blockquote,figcaption,dd),.post-detail-main:lang(ko) .post-detail-title,.post-detail-main:lang(ko) .post-detail-deck,.post-detail-main:lang(ko) .related-post-title{word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.post-content :is(td,th){word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.post-content:lang(ko) :is(td,th){word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.post-content :is(td,th) :is(a,code){word-break:break-word;overflow-wrap:anywhere;line-break:auto}.code-block{content-visibility:auto;contain-intrinsic-size:360px;background:#0b0b0b;border:0;border-radius:0;width:min(100%,52rem);min-width:0;max-width:100%;margin:clamp(1.55rem,3.2vw,2.1rem) 0;overflow:clip;box-shadow:inset 0 0 0 1px #f4f4f41f,inset 0 1px #f4f4f414}.code-block-header{background:#111;border-bottom:1px solid #f4f4f414;justify-content:space-between;align-items:center;padding:.56rem .86rem;display:flex}.code-lang{color:#f4f4f4bd;font-family:var(--font-mono);letter-spacing:.08em;font-size:.72rem}.code-copy-btn{color:#f4f4f4ad;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:.72rem;display:inline-flex}.code-copy-btn:hover,.code-copy-btn.copied{color:var(--text)}.code-block-body pre{overscroll-behavior-x:contain;overflow:auto;background:0 0!important;margin:0!important;padding:clamp(.95rem,2vw,1.18rem) clamp(.95rem,2vw,1.25rem)!important}.code-block-body pre code{color:var(--text);background:0 0;border:0;padding:0;font-size:.8rem;line-height:1.56}.code-block-body pre code span{font-family:var(--font-mono)}.table-wrapper{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;background:0 0;width:100%;min-width:0;max-width:100%;margin:clamp(1.8rem,3.4vw,2.35rem) 0;overflow:auto hidden}.table-wrapper table{border-collapse:collapse;table-layout:auto;border-top:1px solid #f4f4f42e;width:100%;min-width:48rem}.table-wrapper[data-columns="2"] table{min-width:44rem}.table-wrapper[data-columns="4"] table,.table-wrapper[data-columns="5"] table,.table-wrapper[data-columns="6"] table{min-width:58rem}.table-wrapper[data-columns="2"] :is(th,td):first-child{width:28%}.table-wrapper[data-columns="2"] :is(th,td):nth-child(2){width:72%}.table-wrapper[data-columns="3"] :is(th,td):first-child{width:21%}.table-wrapper[data-columns="3"] :is(th,td):nth-child(2){width:34%}.table-wrapper[data-columns="3"] :is(th,td):nth-child(3){width:45%}.table-wrapper th,.table-wrapper td{color:#f4f4f4e0;text-align:left;vertical-align:top;white-space:normal;border-bottom:1px solid #f4f4f41f;min-width:0;padding:.82rem clamp(.86rem,1.35vw,1.05rem);font-size:.9em;font-weight:430;line-height:1.62}.table-wrapper th:last-child,.table-wrapper td:last-child{padding-right:clamp(.86rem,1.35vw,1.05rem)}.table-wrapper th{color:#f4f4f4a8;letter-spacing:-.01em;text-transform:none;background:0 0;padding-top:.76rem;padding-bottom:.7rem;font-family:inherit;font-size:.78em;font-weight:520}.table-wrapper td:first-child{color:#f4f4f4c2;letter-spacing:-.01em;font-size:.82em;font-weight:520;line-height:1.58}.mermaid-wrapper{overscroll-behavior-x:contain;text-align:left;content-visibility:auto;contain-intrinsic-size:420px;background:0 0;border:0;width:100%;min-width:0;max-width:100%;margin:2rem 0;padding:0;overflow:auto hidden}.mermaid-container{width:min(100%,52rem);min-width:0;max-width:100%;color:var(--text)}.mermaid-container svg{width:100%;max-width:100%;height:auto;display:block;overflow:hidden}.mermaid-container svg :is(.node rect,.node circle,.node ellipse,.node polygon,.node path,.basic.label-container,.cluster rect){fill:#f4f4f40b!important;stroke:#f4f4f48a!important}.mermaid-container svg :is(.edgePath path,.flowchart-link,line,path.relation){stroke:#f4f4f4a3!important}.mermaid-container svg :is(marker,marker path,.arrowMarkerPath){fill:#f4f4f4b8!important;stroke:#f4f4f4b8!important}.mermaid-container svg :is(text,.label,.label text,.nodeLabel,.edgeLabel,.cluster-label){color:#f4f4f4eb!important;fill:#f4f4f4eb!important}.mermaid-container svg .edgeLabel,.mermaid-container svg .labelBkg{fill:#050505!important;background:#050505!important}.mermaid-placeholder{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 7%, transparent), transparent), color-mix(in srgb, var(--text) 3%, transparent);background-size:220% 100%,100% 100%;min-height:180px;animation:1.4s ease-in-out infinite skeletonSweep}.mermaid-error{color:#f4f4f4d6;border-block:1px solid #f4f4f424;width:min(100%,52rem);padding:.9rem 0;font-size:.86rem}.mermaid-error pre{color:#f4f4f4bd;margin:.55rem 0 0;font-size:.75rem;overflow:auto}.comments-frame{width:100%;margin-top:clamp(2.5rem,6vw,4rem)}.post-figure{content-visibility:auto;contain-intrinsic-size:520px;width:min(100%,52rem);margin:clamp(1.85rem,3.8vw,2.55rem) 0}.image-zoom-container{cursor:zoom-in;background:0 0;border:0;border-radius:0;width:100%;max-width:100%;display:block;overflow:hidden}.image-zoom-container.loading{background:color-mix(in srgb, var(--text) 5%, transparent);min-height:260px}.image-zoom-container.loading:before{content:none}.image-zoom-container.image-error{cursor:default;color:#f4f4f4c7;background:#f4f4f40e;place-items:center;min-height:clamp(12rem,32vw,22rem);display:grid;box-shadow:inset 0 0 0 1px #f4f4f41a}.image-fallback-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem}.image-zoom-container:hover{box-shadow:none;transform:none}.zoom-image.image-loading{opacity:.9}.zoom-image.image-loaded{transition:opacity .35s}:root .zoom-image.image-loaded,[data-theme=light] .zoom-image.image-loaded{opacity:1}.zoom-image{object-fit:contain;image-rendering:auto;width:100%;max-width:100%;height:auto;display:block}.post-figure figcaption{color:#f4f4f4b8;text-align:left;margin-top:.58rem;font-size:.78rem;line-height:1.55}.post-content iframe{background:#f4f4f40a;border:0;width:100%;min-height:min(62vw,420px);display:block;box-shadow:inset 0 0 0 1px #f4f4f41a}.post-content video{background:#f4f4f40a;width:100%;height:auto;display:block}.post-content img,.post-content iframe,.post-content video,.post-content embed,.post-content object,.post-content .post-content-media-row,.post-content .image-zoom-container,.post-content .mermaid-wrapper,.post-content .table-wrapper,.post-content .code-block{max-width:100%}.image-lightbox{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.image-lightbox-img{border-radius:0;max-width:92vw;max-height:92vh}.reading-progress-bar{pointer-events:none;will-change:transform;transition:opacity .18s}.back-to-top{z-index:40;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:fixed;bottom:4.2rem;right:1rem;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.search-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-home{--pointer-x:52%;--pointer-y:48%;--video-x:0px;--video-y:0px;--video-scroll-y:0vh;--video-scale:1.02;--video-scale-boost:0;--video-saturate:1;--video-saturate-boost:0;--field-x:0px;--field-y:0px;--drag-pressure:0;--scroll-progress:0;--timeline-progress:0;--scene-depth:0;--portal-open:0;--hero-y:0px;--hero-opacity:1;isolation:isolate;color:#dedede;touch-action:pan-y;background:#050505;min-height:100svh;position:relative;overflow:clip}.studio-stage{z-index:-5;pointer-events:none;contain:paint;background:#050505;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.studio-video{pointer-events:none;object-fit:cover;opacity:.62;width:110%;height:110%;transform:translate3d(var(--video-x), calc(var(--video-y) + var(--video-scroll-y)), 0) scale(calc(var(--video-scale) + var(--video-scale-boost)));filter:saturate(calc((var(--video-saturate) + var(--video-saturate-boost)) * .72)) contrast(1.02) brightness(.68);will-change:transform;position:absolute;inset:-5%}.studio-vignette{pointer-events:none;background:radial-gradient(circle at 54% 53%,#0505055c 0 24%,#05050538 41%,#050505b8 78%,#050505ed 100%),linear-gradient(90deg,#05050533,#0505050a 42%,#05050575),linear-gradient(#0505053d,#0505058a);position:absolute;inset:0}.studio-grain{pointer-events:none;opacity:.25;mix-blend-mode:screen;transform:translate3d(calc(var(--field-x) * -.04), calc(var(--field-y) * -.04), 0);background-image:radial-gradient(circle at 12% 20%,#f4f4f424 0 1px,#0000 1px),radial-gradient(circle at 71% 32%,#e4e4e424 0 1px,#0000 1px),radial-gradient(circle at 34% 64%,#f4f4f414 0 1px,#0000 1px);background-size:260px 260px,360px 360px,420px 420px;position:absolute;inset:0}.studio-atmosphere{opacity:calc(.028 + var(--drag-pressure) * .014);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #f4f4f407, transparent 10%), radial-gradient(circle at 78% 78%, #f4f4f405, transparent 26%);mix-blend-mode:screen;transform:translate3d(calc(var(--field-x) * .08), calc(var(--field-y) * .08), 0);pointer-events:none;position:absolute;inset:-18%}.studio-nav{z-index:30;color:#e8e8e8;pointer-events:auto;justify-content:flex-end;align-items:center;gap:1rem;min-height:4.9rem;padding:1.45rem clamp(1.25rem,2.2vw,2.1rem) 0;display:flex;position:sticky;top:0}.studio-nav-actions{pointer-events:auto;align-items:center;gap:.45rem;display:flex;position:relative}.studio-menu-shell,.studio-menu-close{text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;min-height:2rem;font-size:.77rem;display:inline-flex}.studio-menu-shell{color:#f4f4f4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05050529;border:1px solid #f4f4f48f;gap:.7rem;padding:0 .9rem}.studio-menu-shell i,.studio-menu-shell i:before,.studio-menu-shell i:after,.studio-menu-close i,.studio-menu-close i:before,.studio-menu-close i:after{content:"";background:currentColor;width:.82rem;height:1px;display:block}.studio-menu-shell i:before{transform:translateY(-4px)}.studio-menu-shell i:after{transform:translateY(3px)}.studio-home[data-menu=open] .studio-menu-shell i{transform:rotate(45deg)}.studio-home[data-menu=open] .studio-menu-shell i:before{transform:rotate(90deg)}.studio-home[data-menu=open] .studio-menu-shell i:after{opacity:0}.studio-menu-backdrop{z-index:47;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border:0;transition:opacity .24s,visibility 0s linear 20ms;position:fixed;inset:0}.studio-home[data-menu=open] .studio-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.studio-menu-panel{z-index:48;overscroll-behavior:contain;scrollbar-gutter:stable;color:#f4f4f4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 90% 6%,#f4f4f41c,#0000 26%),linear-gradient(158deg,#0d0d0dfa 0%,#050505f5 72%,#1c1c1ceb 100%);border:1px solid #f4f4f41f;border-radius:0 0 0 clamp(1.35rem,2vw,1.9rem);grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;align-content:space-between;gap:clamp(1rem,2.2vw,1.6rem);width:min(31rem,100vw - 1.6rem);min-height:min(76vh,48rem);max-height:min(88vh,50rem);padding:clamp(1rem,2vw,1.35rem);transition:transform .56s cubic-bezier(.16,1,.3,1),opacity .24s,visibility 0s linear 20ms;display:grid;position:fixed;top:clamp(.8rem,1.6vw,1.35rem);right:clamp(.8rem,1.8vw,1.55rem);overflow:auto;transform:translate(.6rem,-.6rem)scale(.72);box-shadow:0 28px 110px #0000008a}.studio-home[data-menu=open] .studio-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0,0)scale(1)}.studio-menu-panel :focus-visible{outline-color:#f4f4f4e0}.studio-menu-panel-actions{opacity:0;grid-column:1;justify-content:flex-end;align-items:center;gap:.45rem;transition:opacity .32s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(-.85rem)}.studio-home[data-menu=open] .studio-menu-panel-actions{opacity:1;transition-delay:.12s;transform:translateY(0)}.studio-menu-close{color:#f4f4f4;background:0 0;border:1px solid #f4f4f457;gap:.55rem;min-height:2.15rem;padding:0 .85rem}.studio-menu-close i{transform:rotate(45deg)}.studio-menu-close i:before{transform:rotate(90deg)}.studio-menu-close i:after{opacity:0}.studio-menu-list{text-align:left;opacity:0;grid-column:1;align-self:center;justify-items:start;gap:.08rem;padding:clamp(.85rem,2vw,1.45rem) 0 clamp(.35rem,1.2vw,.75rem);transition:opacity .42s,transform .68s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(-1.35rem)}.studio-home[data-menu=open] .studio-menu-list{opacity:1;transition-delay:.18s;transform:translateY(0)}.studio-menu-list a{color:#f4f4f4e6;letter-spacing:-.072em;word-break:normal;overflow-wrap:normal;width:max-content;max-width:100%;font-size:clamp(2.1rem,5.9vw,4.15rem);font-weight:620;line-height:.96;transition:color .22s,transform .22s,letter-spacing .22s;display:block}.studio-menu-list a:hover,.studio-menu-list a:focus-visible{color:#fff;letter-spacing:-.066em;transform:translateY(-.08em)}.studio-nav-links{opacity:0;pointer-events:none;gap:.35rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-6px)}.studio-nav-actions:hover .studio-nav-links,.studio-nav-actions:focus-within .studio-nav-links{opacity:1;pointer-events:auto;transform:translateY(0)}.studio-nav-links a{color:#f4f4f4c7;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#080808b8;border:1px solid #f4f4f42e;border-radius:999px;padding:.45rem .65rem;font-size:.62rem}.studio-hero{z-index:5;min-height:calc(100vh - 4.9rem);transform:translateY(var(--hero-y));opacity:var(--hero-opacity);pointer-events:none;padding:clamp(3.25rem,6.4vw,5.2rem) clamp(1.25rem,2.2vw,2.1rem) 2rem;position:relative}.studio-start-link{z-index:7;color:#f4f4f480;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;writing-mode:horizontal-tb;pointer-events:auto;font-size:.58rem;position:absolute;top:auto;bottom:7.4rem;left:clamp(1.25rem,2.2vw,2.1rem);transform:none}.studio-start-link:before{content:"";background:#f4f4f433;width:2.2rem;height:1px;margin:0;display:block;position:absolute;top:-1.15rem;left:0}.studio-hero-copy{z-index:6;max-width:min(53rem,50vw);margin-left:0;position:relative}.studio-hero h1{color:#ececec;letter-spacing:-.064em;text-wrap:wrap;white-space:normal;margin:0;font-size:clamp(3.2rem,4.75vw,5.6rem);font-weight:560;line-height:.98}.studio-hero h1>span{display:block}.studio-title-soft{opacity:calc(.96 - var(--drag-pressure) * .05);transform:translate3d(calc(var(--field-x) * .018), calc(var(--field-y) * -.012), 0);display:inline-block}.studio-title-rotator{vertical-align:top;min-width:9.6ch;min-height:1.02em;overflow:visible}.studio-title-rotator>span{transform-origin:0 70%;display:block}.studio-global-lines{z-index:2;width:108%;height:118%;opacity:calc(.13 + var(--drag-pressure) * .02);transform:translate3d(calc(var(--field-x) * -.06), calc(var(--field-y) * .025), 0);pointer-events:none;mix-blend-mode:screen;position:absolute;inset:-8% -4% -10%;overflow:visible}.studio-global-lines path{fill:none;stroke:#f4f4f417;stroke-width:.16px;vector-effect:non-scaling-stroke}.studio-line-field{z-index:3;aspect-ratio:1.08;width:min(40vw,820px);opacity:calc(.95 + var(--drag-pressure) * .04);transform:translate3d(calc(-50% + var(--field-x)), calc(-50% + var(--field-y)), 0);transform-origin:50%;pointer-events:none;will-change:transform;perspective:900px;position:absolute;top:51.5%;left:50%}.studio-line-field:before{content:"";z-index:2;filter:blur(10px);transform:scale(calc(.96 + var(--drag-pressure) * .035));opacity:calc(.075 + var(--drag-pressure) * .025);pointer-events:none;background:radial-gradient(at 54% 56%,#05050557 0 22%,#05050538 43%,#05050514 62%,#0000 78%);border-radius:45% 55% 52% 48%;position:absolute;inset:-10% -7% -13%}.studio-3d-asset{z-index:4;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:1;filter:none;transform:translate3d(calc(var(--field-x) * -.006), calc(var(--field-y) * .006), 0);transform-origin:50% 58%;will-change:transform;backface-visibility:hidden;position:absolute;inset:-18% -12%}.studio-line-field[data-dragging=true] .studio-3d-asset{cursor:grabbing}.studio-3d-canvas{pointer-events:auto;image-rendering:auto;background:0 0!important;width:100%!important;height:100%!important}.studio-3d-canvas canvas{background:0 0!important}.studio-bottom-prompt{z-index:7;color:#f4f4f4a8;text-transform:uppercase;justify-items:center;gap:.16rem;font-size:.7rem;display:grid;position:absolute;bottom:5.15rem;left:50%;transform:translate(-50%)}.studio-bottom-prompt span{color:#f4f4f49e}.studio-bottom-prompt b{color:#f6f6f6e0}.studio-bottom-prompt strong{color:#f4f4f4db;font-weight:500}.studio-scenes,.studio-work-strip,.studio-signal-board,.studio-enter{z-index:8;color:#f2f2f2;contain:layout paint;border-top:0;width:min(1180px,100vw - 3rem);margin:clamp(3rem,6vh,5rem) auto clamp(4rem,9vh,7rem);padding:clamp(3rem,7vw,6rem) 0 0;position:relative}.studio-section-kicker{color:#f4f4f47a;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem}.studio-about-layout{grid-template-columns:minmax(0,.9fr) minmax(22rem,.7fr);align-items:start;gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(2rem,5vw,4rem);display:grid}.studio-scenes h2{color:#f2f2f2;letter-spacing:-.09em;max-width:13ch;margin:0 0 2.4rem;font-size:clamp(2.18rem,4.08vw,4.15rem);line-height:.88}.studio-about-copy{color:#f4f4f4b3;gap:.95rem;padding-top:.3rem;display:grid}.studio-about-copy p{color:#f4f4f4ad;letter-spacing:-.04em;margin:0;font-size:clamp(1.05rem,1.45vw,1.38rem);line-height:1.35}.studio-about-copy strong{color:#f2f2f2;letter-spacing:-.065em;font-size:clamp(1.5rem,2.8vw,3.4rem);font-weight:520;line-height:.95}.studio-about-copy a{color:#f2f2f2;text-transform:uppercase;border:1px solid #f4f4f45c;border-radius:999px;align-items:center;width:max-content;min-height:2.5rem;padding:0 1rem;font-size:.7rem;display:inline-flex}.studio-scroll-river{grid-template-columns:minmax(0,.78fr) minmax(0,1.08fr) minmax(0,.72fr);align-items:start;gap:clamp(1rem,3.5vw,4rem);display:grid}.studio-scene{transform:translateZ(0)}.studio-scroll-step{background:0 0;border:0;align-content:end;min-height:clamp(14rem,24vw,22rem);padding:clamp(1.1rem,2vw,1.55rem) 0;display:grid;position:relative}.studio-scroll-step:before{content:"";transform-origin:0;background:linear-gradient(90deg,#f4f4f438,#f4f4f41f,#0000);height:1px;animation:5.6s ease-in-out infinite lowerLineBreathe;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.74)}.studio-scroll-step:after{content:"";background:#f4f4f4d6;border-radius:999px;width:.34rem;height:.34rem;animation:3.4s ease-in-out infinite lowerDotPulse;position:absolute;bottom:-.18rem;left:0;box-shadow:0 0 18px #f4f4f452}.studio-scroll-step:nth-child(2){margin-top:clamp(3rem,9vw,8rem)}.studio-scroll-step:nth-child(3){margin-top:clamp(1rem,4vw,4rem)}.studio-step-mark{color:#f4f4f475;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.66rem;display:flex}.studio-scroll-step h3{color:#f2f2f2;letter-spacing:-.06em;max-width:12ch;font-size:clamp(1.8rem,3.2vw,3.1rem);line-height:.96}.studio-scroll-step p{color:#f4f4f49e;margin:1rem 0 0;line-height:1.55}.studio-work-strip,.studio-signal-board{z-index:8;color:#f2f2f2;width:min(1180px,100vw - 3rem);margin:clamp(2rem,5vh,4.2rem) auto 0;padding-block:clamp(2.4rem,5.5vw,4.6rem);position:relative}.studio-work-heading{border-top:0;grid-template-columns:minmax(0,.82fr) auto;align-items:end;gap:clamp(1.4rem,5vw,5rem);margin-bottom:clamp(1.1rem,2.8vw,2.6rem);padding-top:0;display:grid}.studio-work-copy{gap:clamp(.8rem,1.8vw,1.2rem);display:grid}.studio-work-heading h2{letter-spacing:-.074em;text-wrap:wrap;max-width:16ch;padding-block:.02em .1em;font-size:clamp(2rem,3.45vw,3.35rem);line-height:1.08}.studio-work-intro{color:#f4f4f48f;letter-spacing:-.02em;max-width:31rem;margin:0;font-size:clamp(.94rem,1.16vw,1.04rem);line-height:1.68}.studio-work-heading a{color:#f2f2f2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:0;border-bottom:1px solid #f4f4f46b;border-radius:0;align-items:center;min-height:2.45rem;padding:0 0 .22rem;font-size:.72rem;font-weight:780;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.studio-work-heading a:hover,.studio-work-heading a:focus-visible{color:#fff;border-color:#f4f4f4c7;transform:translate(.35rem)}.studio-post-rail-window{overscroll-behavior-inline:contain;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;scrollbar-width:none;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(.9rem,2.8vw,2.15rem) 0 clamp(1.1rem,3.7vw,2.2rem);scroll-padding-inline:max(2.3rem,50vw - 560px);position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3.5vw calc(100% - 5vw),#0000);mask-image:linear-gradient(90deg,#0000,#000 3.5vw calc(100% - 5vw),#0000)}.studio-post-rail-window::-webkit-scrollbar{display:none}.studio-post-rail-window[data-dragging=true]{cursor:grabbing}.studio-post-rail-window:focus-visible{outline-offset:.35rem;outline:1px solid #f4f4f494}.studio-post-rail-window:before,.studio-post-rail-window:after{content:"";z-index:0;pointer-events:none;position:absolute}.studio-post-rail-window:before{transform-origin:0;background:linear-gradient(90deg,#0000,#f4f4f470,#f4f4f424,#0000);height:1px;animation:6s cubic-bezier(.16,1,.3,1) infinite lowerRailScan;inset:0 0 auto}.studio-post-rail-window:after{background:#fffffff5;border-radius:999px;width:.28rem;height:.28rem;animation:7.4s linear infinite lowerDotDrift;top:calc(clamp(.7rem,2vw,1.2rem) - .12rem);left:8vw;box-shadow:0 0 9px #fffc,0 0 22px #ffffff3d}.studio-post-rail-track{z-index:1;perspective:1400px;gap:clamp(1rem,3.4vw,3.7rem);width:max-content;padding-inline:max(2.3rem,50vw - 560px);display:flex;position:relative}.studio-post-tile{isolation:isolate;clip-path:none;min-height:clamp(11.8rem,15.6vw,15.4rem);box-shadow:none;-webkit-user-drag:none;background:0 0;border:0;border-top:1px solid #f4f4f433;border-bottom:1px solid #f4f4f40f;border-radius:0;flex:0 0 clamp(18rem,26vw,24rem);grid-template-rows:auto 1fr auto auto;align-content:stretch;gap:clamp(.55rem,1.2vw,.9rem);padding:clamp(.82rem,1.48vw,1.18rem) 0 clamp(.9rem,1.62vw,1.32rem);transition:border-color .22s,opacity .22s,transform .48s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:visible;transform:translateZ(0)}.studio-post-tile:before{content:"";z-index:-1;opacity:0;background:linear-gradient(100deg,#0000 0 39%,#ffffff2e 46%,#ffffff12 49%,#0000 58%);transition:opacity .24s,transform .62s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-48%)skew(-9deg)}.studio-post-tile:after{content:"";opacity:.36;transform-origin:100%;background:#f4f4f466;width:clamp(2.5rem,7vw,6rem);height:1px;transition:opacity .24s,transform .34s cubic-bezier(.16,1,.3,1);position:absolute;top:.95rem;right:0;transform:scaleX(.42)}.studio-post-tile:hover,.studio-post-tile:focus-visible{box-shadow:none;opacity:.98;background:0 0;border-color:#f4f4f470;transform:translateY(-.38rem)}.studio-post-tile:hover:before,.studio-post-tile:focus-visible:before{opacity:1;transform:translate(38%)skew(-9deg)}.studio-post-tile:hover:after,.studio-post-tile:focus-visible:after{opacity:.86;transform:scaleX(1)}.studio-post-tile-count{z-index:-1;color:#f4f4f40a;font-family:var(--font-mono);letter-spacing:-.16em;pointer-events:none;font-size:clamp(2.7rem,5.4vw,5.8rem);font-weight:780;line-height:.78;transition:color .24s,transform .34s cubic-bezier(.16,1,.3,1);position:absolute;bottom:clamp(-.55rem,-.7vw,-.18rem);right:clamp(0rem,1vw,.6rem)}.studio-post-tile:hover .studio-post-tile-count,.studio-post-tile:focus-visible .studio-post-tile-count{color:#f4f4f416;transform:translate(-.22rem,-.22rem)}.studio-post-tile-kicker,.studio-post-tile-meta{color:#f4f4f480;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem}.studio-post-tile h3{color:#f2f2f2;letter-spacing:-.052em;text-wrap:wrap;word-break:normal;overflow-wrap:normal;align-self:center;max-width:18ch;font-size:clamp(1.24rem,1.92vw,2.1rem);line-height:1.06;transition:transform .34s cubic-bezier(.16,1,.3,1)}.studio-post-tile:hover h3,.studio-post-tile:focus-visible h3{transform:translate(.16rem)}.studio-post-tile p{color:#f4f4f4a3;letter-spacing:-.015em;word-break:normal;overflow-wrap:normal;max-width:30rem;margin:0;line-height:1.5}.studio-post-tile-meta{color:#f4f4f46b;flex-wrap:wrap;align-items:center;gap:.38rem .75rem;margin-top:clamp(.6rem,1.2vw,1rem);display:flex}.studio-post-tile-meta span:not(:first-child):before{content:"/";color:#f4f4f43d;margin-right:.75rem}.studio-post-tile[data-preview=true] .studio-post-tile-kicker{color:#f4f4f4bd}.studio-home[data-posts=empty] .studio-work-strip{margin-top:clamp(1.1rem,3vh,2.4rem);padding-block:clamp(1.5rem,3.8vw,2.9rem)}.studio-home[data-posts=empty] .studio-work-heading{margin-bottom:clamp(.9rem,2vw,1.2rem)}.studio-signal-board{isolation:isolate;grid-template-columns:minmax(0,.58fr) minmax(18rem,.42fr);align-items:end;gap:clamp(1.6rem,5.5vw,5.5rem);padding:clamp(1.6rem,4.4vh,3.1rem) 0 clamp(.4rem,1.2vh,.8rem);display:grid;position:relative;overflow:visible}.studio-signal-board:before,.studio-signal-board:after{content:"";z-index:-1;pointer-events:none;position:absolute}.studio-signal-board:before{opacity:.58;transform-origin:0;background:linear-gradient(90deg,#f4f4f414,#f4f4f470,#f4f4f414);height:1px;animation:6.2s cubic-bezier(.16,1,.3,1) infinite lowerRailScan;top:clamp(.8rem,2vw,1.6rem);left:0;right:0;transform:translate(-40%)scaleX(.28)}.studio-signal-board:after{background:#fffffff0;border-radius:999px;width:.34rem;height:.34rem;animation:2.9s ease-in-out infinite lowerDotPulse;bottom:.15rem;right:min(18vw,12rem);box-shadow:0 0 12px #ffffffc7,0 0 26px #ffffff3d}.studio-home[data-posts=empty] .studio-signal-board{margin-top:clamp(.75rem,2.2vh,1.5rem);padding-top:clamp(.9rem,2.4vh,1.7rem)}.studio-signal-board h2{color:#f2f2f2;letter-spacing:-.064em;text-transform:none;text-wrap:wrap;word-break:normal;overflow-wrap:normal;max-width:12ch;padding-block:.04em .12em;font-size:clamp(1.74rem,2.95vw,3rem);line-height:1.1}.studio-signal-board p:not(.studio-section-kicker){color:#f4f4f49e;max-width:34rem;line-height:1.55}.studio-signal-switches{justify-items:stretch;gap:.58rem;display:grid}.studio-signal-switches a{color:#f4f4f4b8;min-height:2.55rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border-bottom:1px solid #f4f4f41f;grid-template-columns:minmax(7.2rem,.32fr) minmax(0,1fr);align-items:start;gap:clamp(.75rem,1.6vw,1.15rem);padding:.24rem 0 .64rem;font-size:.68rem;line-height:1.28;transition:color .2s,border-color .2s,transform .2s;display:grid;position:relative}.studio-signal-switches a:after{content:"";transform-origin:0;background:#f4f4f475;width:26%;height:1px;transition:transform .26s;position:absolute;bottom:-1px;left:0;transform:scaleX(.18)}.studio-signal-switches a:hover,.studio-signal-switches a:focus-visible{color:#f4f4f4;border-color:#f4f4f43d;transform:translate(.24rem)}.studio-signal-switches a:hover:after,.studio-signal-switches a:focus-visible:after{transform:scaleX(1)}.studio-signal-switches span{color:currentColor;white-space:normal;display:block}.studio-signal-switches small{color:#f4f4f47a;font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;font-size:.82rem;line-height:1.42;display:block}.studio-enter{z-index:8;color:#f2f2f2;contain:layout style;border-top:0;width:min(1180px,100vw - 3rem);margin:clamp(1.5rem,4vh,3rem) auto clamp(.65rem,2vh,1.5rem);padding:0;position:relative}.studio-enter:before,.studio-enter:after{content:"";pointer-events:none;position:absolute;left:0}.studio-enter:before{transform-origin:0;background:linear-gradient(90deg,#f4f4f41a,#f4f4f466,#0000 72%);height:1px;animation:4.8s ease-in-out infinite lowerLineBreathe;top:-.9rem;right:0}.studio-enter:after{background:#fffffff0;border-radius:999px;width:.28rem;height:.28rem;animation:5.8s linear infinite lowerEndDot;top:calc(-.9rem - 2px);box-shadow:0 0 18px #ffffff57}.studio-home[data-posts=empty] .studio-enter{margin-top:clamp(.6rem,1.8vh,1.2rem);margin-bottom:0}.studio-enter p{color:#f4f4f485;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem}.studio-enter h2{color:#f2f2f2;letter-spacing:-.062em;text-wrap:wrap;word-break:normal;overflow-wrap:normal;max-width:14ch;margin:0;padding-block:.04em .12em;font-size:clamp(1.65rem,2.7vw,2.7rem);line-height:1.12}.studio-enter-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.6rem;display:flex}.studio-enter a{color:#f2f2f2;text-transform:uppercase;border-bottom:1px solid #f4f4f46b;justify-content:center;align-items:center;min-height:2.65rem;padding:.24rem 0 .36rem;font-size:.76rem;font-weight:760;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.studio-enter a:hover{color:#f4f4f4;border-color:#f4f4f48f;transform:translate(.35rem)}@media (prefers-reduced-motion:reduce){.studio-video,.studio-3d-asset,.studio-title-soft,.studio-title-rotator>span,.studio-grain,.studio-atmosphere,.studio-post-rail-window:before,.studio-post-rail-window:after,.studio-post-tile,.studio-post-tile:before,.studio-post-tile:after,.studio-post-tile-count,.studio-scroll-step:before,.studio-scroll-step:after,.studio-signal-board:before,.studio-signal-board:after,.studio-enter:before,.studio-enter:after,.route-motion-ribbon,.route-motion-point,.animate-in,.archive-hero,.posts-rail-item,.related-post-card,.mermaid-placeholder,.post-detail-main,.empty-state{transition:none;animation:none;transform:none}.route-motion-ribbon,.route-motion-point{opacity:.18!important;transform:none!important}.studio-line-field{transition:none;animation:none;transform:translate(-50%,-50%)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0}::-webkit-scrollbar-track{background:0 0}@media (max-width:1100px){.studio-hero{min-height:calc(100vh - 5.4rem)}.studio-hero-copy{max-width:min(44rem,66vw);margin-left:0}.studio-line-field{width:min(70vw,840px);top:52%;left:50%}.studio-3d-asset{inset:-3% -6% -6%}.studio-about-layout,.studio-signal-board,.studio-scroll-river{grid-template-columns:1fr}.studio-post-tile{flex-basis:clamp(17.5rem,46vw,26rem)}.archive-hero{grid-template-columns:minmax(0,1fr) auto}.archive-hero-copy{grid-column:1}.archive-hero-note{grid-column:2}.footer-content{grid-template-columns:1fr}.post-detail-main{max-width:100%}.post-detail-footer{grid-template-columns:1fr}.post-detail-deck,.post-detail-meta{justify-content:flex-start;margin-left:0;margin-right:0}}@media (max-width:900px){:root{--site-gutter:1rem}.archive-page{--archive-board-width:var(--site-frame);width:var(--archive-board-width)}.archive-hero{grid-template-columns:minmax(0,1fr);gap:.9rem}.archive-hero-copy{grid-column:1}.archive-hero-note{text-align:left;grid-column:1;justify-self:start}.posts-rail{grid-template-columns:1fr;column-gap:0}}@media (max-width:720px){.post-figure{width:100%;max-width:100%;margin:1.6rem auto;transform:none}.top-nav-shell{justify-content:flex-start;padding:0 1rem;inset:0 0 auto}.top-nav-inner{grid-template-columns:auto 1fr;gap:.75rem;width:100%;padding:.65rem 0;overflow-x:visible}.top-nav-links{justify-content:flex-end}.top-nav-brand{justify-self:start}.top-nav-inner .nav-link{white-space:nowrap}.studio-nav{min-height:calc(4.45rem + env(safe-area-inset-top,0px));padding:calc(1.1rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) 0 calc(1rem + env(safe-area-inset-left,0px));justify-content:flex-end}.studio-menu-shell{min-height:2.55rem;padding-inline:1rem}.studio-menu-panel{top:calc(.8rem + env(safe-area-inset-top,0px));left:auto;right:calc(.8rem + env(safe-area-inset-right,0px));width:min(24rem, calc(100vw - 1.6rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));border-radius:0;grid-template-columns:1fr;min-height:min(62vh,32rem);max-height:min(78vh,36rem);padding:.85rem}.studio-menu-close{min-height:2.55rem}.studio-menu-list{gap:.1rem;padding-block:1.4rem 1rem}.studio-menu-panel-actions,.studio-menu-list{grid-column:1}.studio-menu-list a{letter-spacing:-.064em;font-size:clamp(2.35rem,11.4vw,3.45rem);line-height:1}.studio-start-link{display:none}.studio-hero{min-height:calc(100svh - 4.45rem - env(safe-area-inset-top,0px));padding:4.2rem 1rem 2rem}.studio-hero-copy{max-width:min(100%,28rem);margin-left:0}.studio-hero h1{letter-spacing:-.066em;font-size:clamp(2.42rem,9.4vw,3.45rem);line-height:1}.studio-title-rotator{min-width:8.8ch}.studio-global-lines{opacity:.34;width:172%;inset:9% -42% 18% -34%}.studio-line-field{opacity:.94;width:90vw;top:57%;left:50%}.studio-3d-asset{pointer-events:auto;opacity:calc(.96 + var(--drag-pressure) * .04);transform:translate3d(calc(var(--field-x) * -.014), calc(var(--field-y) * .012), 0);inset:-4% -9% -8%}.studio-line-field:before{opacity:calc(.12 + var(--drag-pressure) * .04);inset:-8% -6% -11%}.studio-bottom-prompt{width:100%;opacity:var(--hero-opacity);pointer-events:none;text-shadow:0 1px 16px #000000d9;font-size:.68rem;position:absolute;top:auto;bottom:6.9rem}.studio-scenes,.studio-work-strip,.studio-signal-board,.studio-enter{width:calc(100vw - 2rem)}.studio-hero h1{letter-spacing:-.046em}.studio-scenes h2,.studio-work-heading h2,.studio-signal-board h2,.studio-enter h2{letter-spacing:-.044em;text-wrap:wrap;word-spacing:.035em;font-size:clamp(2.04rem,8.8vw,3.18rem);line-height:1.08}.studio-scenes h2{max-width:14.5ch}.studio-work-heading h2{max-width:14ch}.studio-signal-board h2,.studio-enter h2{max-width:15ch}.studio-about-copy p,.studio-scroll-step p,.studio-work-intro,.studio-post-tile p,.studio-signal-switches small{letter-spacing:-.006em}.studio-work-heading{grid-template-columns:1fr}.studio-post-rail-window{margin-top:.5rem;scroll-padding-inline:1rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 .65rem calc(100% - .75rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .65rem calc(100% - .75rem),#0000)}.studio-post-rail-track{padding-inline:1rem}.studio-post-tile{flex-basis:calc(100vw - 2rem);min-height:13.6rem}.studio-scroll-step h3,.studio-post-tile h3{letter-spacing:-.038em;word-break:normal;line-break:auto;overflow-wrap:normal;max-width:100%;line-height:1.12}.studio-post-tile h3{align-self:end;font-size:clamp(1.16rem,5.2vw,1.48rem)}.studio-step-mark{margin-bottom:2rem}.posts-rail-item{grid-template-columns:2.35rem minmax(0,1fr) .9rem;gap:.72rem;min-height:0;padding:.98rem 0}.posts-rail-index{gap:.22rem;font-size:.6rem}.posts-rail-number{font-size:.72rem}.posts-rail-copy{grid-template-columns:minmax(0,1fr);gap:.28rem}.posts-rail-state,.posts-rail-copy h3{grid-column:1}.posts-rail-copy h3,.posts-rail-item[data-latest=true] .posts-rail-copy h3{font-size:clamp(1.04rem,4.8vw,1.28rem);line-height:1.16}.posts-rail-square{display:none}.posts-rail-action{font-size:.96rem}.related-post-card{grid-template-columns:1.9rem minmax(0,1fr);align-items:start;gap:.55rem}.related-post-index{grid-column:1;justify-self:start}.related-post-title{text-wrap:wrap;overflow-wrap:normal;grid-column:2}.page-shell,.post-detail-layout,.footer{padding-left:0;padding-right:0}.archive-page,.post-detail-layout{width:var(--site-frame)}.post-detail-main{gap:1rem}.post-detail-layout{--article-body-size:clamp(.955rem, 3.15vw, 1rem);--article-body-leading:1.74;--article-title-size:clamp(1.82rem, 7.8vw, 2.28rem);--article-title-leading:1.12;--article-deck-size:clamp(.79rem, 2.85vw, .88rem);--article-h1-size:clamp(1.3rem, 5.7vw, 1.56rem);--article-h2-size:clamp(1.14rem, 4.9vw, 1.34rem);--article-h3-size:clamp(1.04rem, 4.25vw, 1.17rem);padding-top:clamp(4.25rem,14vw,5.1rem)}.post-detail-title{font-size:var(--article-title-size);line-height:var(--article-title-leading);letter-spacing:-.03em;line-break:auto}.post-detail-deck{font-size:var(--article-deck-size);letter-spacing:-.002em;line-break:auto;margin-top:.52rem;line-height:1.62}.post-detail-meta{letter-spacing:.08em;gap:.38rem .72rem;max-width:100%;font-size:.64rem}.post-detail-meta>*+:before{content:none}.post-content{font-size:var(--article-body-size);line-height:var(--article-body-leading);letter-spacing:-.002em}.post-content h1{font-size:var(--article-h1-size)}.post-content h2{font-size:var(--article-h2-size)}.post-content h3{font-size:var(--article-h3-size)}.post-relative-container,.post-detail-main,.post-detail-header,.post-content,.post-content>*{min-width:0;max-width:100%}.post-content :is(a,code,kbd,pre,figcaption){overflow-wrap:anywhere}.post-content :is(img,iframe,video,embed,object,svg){max-width:100%;height:auto}.table-wrapper{scrollbar-gutter:stable;contain:layout paint;margin:clamp(1.35rem,6vw,1.8rem) 0;overflow:auto hidden}.table-wrapper table,.table-wrapper[data-columns="2"] table,.table-wrapper[data-columns="4"] table,.table-wrapper[data-columns="5"] table,.table-wrapper[data-columns="6"] table{table-layout:auto;width:100%;min-width:42rem}.table-wrapper[data-columns="2"] table{min-width:36rem}.table-wrapper[data-columns="4"] table,.table-wrapper[data-columns="5"] table,.table-wrapper[data-columns="6"] table{min-width:50rem}.table-wrapper[data-columns="2"] :is(th,td):first-child,.table-wrapper[data-columns="3"] :is(th,td):first-child{width:24%}.table-wrapper[data-columns="2"] :is(th,td):nth-child(2){width:76%}.table-wrapper[data-columns="3"] :is(th,td):nth-child(2){width:34%}.table-wrapper[data-columns="3"] :is(th,td):nth-child(3){width:42%}.table-wrapper th,.table-wrapper td{overflow-wrap:break-word;word-break:normal;line-break:auto;padding:.72rem clamp(.68rem,3vw,.9rem);font-size:.82em;line-height:1.58}.post-content:lang(ko) .table-wrapper :is(th,td){line-break:auto;overflow-wrap:break-word}.table-wrapper td:first-child{font-size:.78em}.mermaid-wrapper{contain:layout paint;margin:clamp(1.35rem,6vw,1.85rem) 0;overflow:clip visible}.mermaid-container,.mermaid-container svg{min-width:0;max-width:100%;width:100%!important}.mermaid-container svg{overflow:hidden;height:auto!important}}@media (hover:none),(pointer:coarse){.studio-nav-actions:hover .studio-nav-links,.studio-nav-actions:focus-within .studio-nav-links{opacity:0;pointer-events:none;transform:translateY(-6px)}.studio-line-field,.studio-3d-asset,.studio-3d-canvas,.studio-3d-canvas canvas{cursor:default;touch-action:pan-y;pointer-events:none!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes routeRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translate(0,0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeletonSweep{0%{background-position:180% 0,0 0}to{background-position:-80% 0,0 0}}@keyframes lowerRailScan{0%{opacity:.22;transform:translate(-18%)scaleX(.24)}42%{opacity:.72;transform:translate(18%)scaleX(.72)}to{opacity:.2;transform:translate(72%)scaleX(.28)}}@keyframes lowerLineBreathe{0%,to{opacity:.28;transform:scaleX(.38)}48%{opacity:.78;transform:scaleX(.96)}}@keyframes lowerDotDrift{0%{opacity:0;transform:translate(-1rem)}12%{opacity:1}82%{opacity:.88}to{opacity:0;transform:translate(108vw)}}@keyframes lowerDotPulse{0%,to{opacity:.46;transform:scale(.78)}50%{opacity:1;transform:scale(1.12)}}@keyframes lowerEndDot{0%{opacity:0;transform:translate(0)}12%{opacity:1}82%{opacity:.9}to{opacity:0;transform:translate(min(74vw,54rem))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseRing{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}