.new-window-link[data-astro-cid-2guiwtsq]{gap:var(--space-1)}@layer tokens{:root{color-scheme:light;--color-canvas:#f8fafc;--color-surface:#fff;--color-surface-muted:#eef4ff;--color-text:#0f172a;--color-text-muted:#52617a;--color-border:#cbd5e1;--color-accent:#2563eb;--color-accent-strong:#1d4ed8;--color-accent-soft:#dbeafe;--color-on-accent:#fff;--color-focus:#b45309;--color-shadow:#0f172a1f;--font-body:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--font-display:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--text-xs:.78rem;--text-sm:.9rem;--text-body:1rem;--text-site-identity:clamp(1.05rem, 1.5vw, 1.18rem);--text-lead:clamp(1.08rem, 2vw, 1.3rem);--text-h3:clamp(1.25rem, 2vw, 1.55rem);--text-h2:clamp(2rem, 5vw, 3.4rem);--text-h1:clamp(2.8rem, 7vw, 5.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--radius-sm:.45rem;--radius-md:.8rem;--radius-lg:1.4rem;--shadow-card:0 1rem 3rem var(--color-shadow);--content-max:76rem;--prose-max:46rem;--target-size-min:2.75rem;--transition-fast:.16s ease}:root[data-theme=dark]{color-scheme:dark;--color-canvas:#0d1117;--color-surface:#111827;--color-surface-muted:#131c2e;--color-text:#f8fafc;--color-text-muted:#bac8dc;--color-border:#334155;--color-accent:#60a5fa;--color-accent-strong:#bfdbfe;--color-accent-soft:#172554;--color-on-accent:#0f172a;--color-focus:#fbbf24;--color-shadow:#00000059}}@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ol,ul,dl,dd{margin:0}ol,ul{padding:0}img,svg{max-inline-size:100%;display:block}button,input,select,textarea{font:inherit}}@layer base{:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}html{background:var(--color-canvas)}body{min-block-size:100svb;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text);background:var(--color-canvas);text-rendering:optimizelegibility;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em;font-weight:760;line-height:1.05}h1{max-inline-size:13ch;font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3,h4{font-size:var(--text-h3)}a{color:var(--color-accent-strong);text-underline-offset:.18em;text-decoration-thickness:.1em}a:hover{text-decoration-thickness:.16em}strong{font-weight:750}}@layer layout{.site-shell{inline-size:min(100% - 2rem, var(--content-max));margin-inline:auto}.content-section{padding-block:var(--space-7)}.content-section>.site-shell{inline-size:min(100% - 1.5rem, var(--content-max))}.content-section--tinted{background:var(--color-surface-muted)}.section-heading{gap:var(--space-3);max-inline-size:48rem;margin-block-end:var(--space-7);display:grid;position:relative}.section-heading>p:last-child{color:var(--color-text-muted);font-size:var(--text-lead)}.project-main{padding-block:var(--space-5) var(--space-9)}@media (width>=48rem){.site-shell{inline-size:min(100% - 4rem, var(--content-max))}.content-section{padding-block:var(--space-8)}.content-section>.site-shell{inline-size:min(100% - 3rem, var(--content-max))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button-link,.text-link,.theme-toggle{transition-duration:.01ms}}}@layer components{.skip-link{z-index:20;padding:var(--space-3) var(--space-4);color:var(--color-surface);background:var(--color-text);border-radius:var(--radius-sm);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;padding-block:var(--space-2);background:color-mix(in srgb, var(--color-canvas) 94%, var(--color-surface));position:sticky;inset-block-start:0}.header-layout{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2);background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:var(--radius-lg);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--color-shadow) 72%, transparent);grid-template-columns:minmax(0,1fr) auto;display:grid}.header-layout nav{grid-area:2/1;overflow:auto hidden}.site-identity,.navigation-list a,.theme-toggle,.button-link,.text-link,.contact-copy__button,.footer-layout a{min-block-size:var(--target-size-min);justify-content:center;align-items:center;display:inline-flex}.site-identity{gap:var(--space-2);inline-size:fit-content;color:var(--color-text);grid-area:1/1/auto/-1;justify-self:start;text-decoration:none}.site-logo{flex:none;block-size:2.4rem;inline-size:2.4rem}.site-identity__wordmark{font-size:var(--text-site-identity);letter-spacing:-.03em;white-space:nowrap;font-weight:780;line-height:1.2}.navigation-list{gap:var(--space-1);justify-content:space-between;inline-size:max-content;min-inline-size:100%;list-style:none;display:flex}.navigation-list a{min-inline-size:var(--target-size-min);padding-inline:var(--space-2);color:var(--color-text-muted);font-size:var(--text-body);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:999px;font-weight:700;text-decoration:none}.navigation-list a:hover{color:var(--color-text);background:var(--color-surface-muted);border-color:color-mix(in srgb, var(--color-border) 72%, transparent)}.theme-toggle{gap:var(--space-2);padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:999px;grid-area:2/2;justify-self:end;font-weight:700}.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--color-border)}.theme-toggle__icon{background:conic-gradient(from 90deg, currentcolor 0 50%, transparent 50% 100%);border:1px solid;border-radius:50%;block-size:1rem;inline-size:1rem;transform:rotate(-28deg)}.button-link{padding-inline:var(--space-5);color:var(--color-on-accent);text-align:center;background:var(--color-accent-strong);border:1px solid var(--color-accent-strong);border-radius:var(--radius-md);box-shadow:0 .7rem 1.8rem color-mix(in srgb, var(--color-accent) 18%, transparent);transition:box-shadow var(--transition-fast), transform var(--transition-fast);font-weight:750;text-decoration:none}.button-link:visited,.button-link__label{color:var(--color-on-accent)}.button-link:hover{box-shadow:0 .9rem 2.3rem color-mix(in srgb, var(--color-accent) 28%, transparent);transform:translateY(-.12rem)}.button-link:active{box-shadow:none;transform:translateY(0)}.button-link--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);box-shadow:none}.button-link--secondary:visited{color:var(--color-text)}.button-link--tertiary{padding-inline:var(--space-3);color:var(--color-accent-strong);box-shadow:none;background:0 0;border-color:#0000;text-decoration:none}.button-link--tertiary:visited{color:var(--color-accent-strong)}.contact-actions{gap:var(--space-5);display:grid}.contact-copy{max-inline-size:var(--prose-max);align-items:center;gap:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--text-body);flex-wrap:wrap;display:flex}.contact-copy__label{font-weight:720}.contact-copy code{overflow-wrap:anywhere;color:var(--color-text);font-family:var(--font-mono)}.contact-copy__button{padding-inline:var(--space-3);color:var(--color-accent-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-weight:720}.contact-copy__button:hover{background:var(--color-surface-muted);border-color:var(--color-accent)}.contact-copy__status{flex-basis:100%;min-block-size:1.5em}.eyebrow{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;font-weight:700}.tag-list{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.tag-list li{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:999px}.text-link{color:var(--color-accent-strong);font-weight:720}.site-footer{padding-block:var(--space-5);border-block-start:1px solid var(--color-border)}.footer-layout{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}@media (width>=48rem){.header-layout{padding-inline:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto}.header-layout nav{grid-area:1/2;justify-self:center}.site-identity{grid-area:1/1}.theme-toggle{grid-area:1/3}.navigation-list{gap:var(--space-7);justify-content:flex-start;min-inline-size:auto}.navigation-list a{padding-inline:var(--space-4)}}@media (width>=62rem){.footer-layout{flex-direction:row;align-items:center}}.site-header[data-page-progress]:after{background:var(--color-accent);content:"";block-size:.1875rem;transform:scaleX(var(--page-progress,0));transform-origin:0;position:absolute;inset-block-end:0;inset-inline:0}.navigation-list a[aria-current=location]{color:var(--color-text);background:var(--color-surface-muted);border-color:color-mix(in srgb, var(--color-accent) 58%, var(--color-border))}.project-main{background-image:radial-gradient(color-mix(in srgb, var(--color-accent) 18%, transparent) 1px, transparent 1px);background-position:calc(50% + 1rem) 0;background-size:2rem 2rem}.breadcrumb{inline-size:fit-content;max-inline-size:100%;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px}.breadcrumb ol{flex-wrap:wrap;align-items:center;list-style:none;display:flex}.breadcrumb li{align-items:center;display:flex}.breadcrumb li+li:before{margin-inline:var(--space-2);color:var(--color-text-muted);font-size:var(--text-lead);content:"›";line-height:1}.breadcrumb a,.breadcrumb span{min-block-size:var(--target-size-min);padding-inline:var(--space-3);border-radius:999px;align-items:center;display:inline-flex}.breadcrumb a{min-inline-size:var(--target-size-min);color:var(--color-text-muted);justify-content:center;font-weight:700;text-decoration:none}.breadcrumb a:hover{color:var(--color-text);background:var(--color-surface-muted)}.breadcrumb [aria-current=page] span{color:var(--color-text);background:var(--color-accent-soft);font-weight:760}.project-article{gap:var(--space-7);display:grid}.project-header{gap:var(--space-5);padding:var(--space-6);background:linear-gradient(145deg, var(--color-surface), var(--color-surface-muted));border:1px solid var(--color-border);border-inline-start:.3rem solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.project-header h1{max-inline-size:14ch;font-size:clamp(2.5rem,6vi,5rem)}.project-classification{inline-size:fit-content;padding:var(--space-2) var(--space-3);color:var(--color-accent-strong);font-size:var(--text-sm);background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:999px}.project-summary{max-inline-size:44rem;color:var(--color-text-muted);font-size:var(--text-lead)}.project-facts{gap:var(--space-4);border-block-start:1px solid var(--color-border);padding-block-start:var(--space-5);display:grid}.project-facts div{gap:var(--space-2);padding:var(--space-4);border-inline-start:.2rem solid var(--color-accent);display:grid}.project-facts dt{align-items:center;gap:var(--space-2);color:var(--color-accent-strong);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.03em;font-weight:760;display:inline-flex}.project-facts dt:before{background:var(--color-accent);content:"";border-radius:50%;flex:none;block-size:.45rem;inline-size:.45rem}.project-facts dd{font-weight:680}.project-review-grid,.project-supporting{gap:var(--space-7);display:grid}.prose{max-inline-size:var(--prose-max);gap:var(--space-5);align-content:start;display:grid}.prose h2{font-size:var(--text-h3);border-block-start:1px solid var(--color-border);margin-block-start:var(--space-5);padding-block-start:var(--space-4)}.project-links,.demo-access,.project-stack,.project-navigation{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);display:grid}.project-links{background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border))}.project-links h2,.demo-access h2,.project-stack h2,.project-navigation h2{font-size:var(--text-h3)}.project-links>p,.demo-access>p,.project-stack>p{color:var(--color-text-muted)}.project-links ul{gap:var(--space-2);list-style:none;display:grid}.project-links .button-link{justify-content:space-between;inline-size:100%}.demo-access{background:var(--color-surface);border:1px solid var(--color-border)}.demo-access .button-link{inline-size:100%}.project-stack,.project-navigation{background:var(--color-surface);border:1px solid var(--color-border)}.project-navigation{gap:var(--space-5);padding:0;overflow:hidden}.project-navigation__header{padding:var(--space-5) var(--space-5) 0}.project-navigation__featured{gap:var(--space-3);margin-inline:var(--space-5);padding:var(--space-5);color:var(--color-text);background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);grid-template-columns:minmax(0,1fr) auto;align-items:end;text-decoration:none;display:grid}.project-navigation__featured:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.project-navigation__direction{color:var(--color-accent-strong);font-size:var(--text-sm);grid-column:1/-1;font-weight:760}.project-navigation__featured strong{min-inline-size:0;font-family:var(--font-display);font-size:var(--text-h3)}.project-navigation__utilities,.project-navigation__utilities a{align-items:center;gap:var(--space-2);display:flex}.project-navigation__arrow{color:var(--color-accent-strong);font-size:var(--text-h3);font-weight:760;line-height:1}.project-navigation__utilities{padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between}.project-navigation__index{min-block-size:var(--target-size-min);margin-inline-start:auto}@media (width>=48rem){.project-header{padding:var(--space-7)}.project-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.project-review-grid{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(19rem,.46fr)}.project-supporting{gap:var(--space-5);position:sticky;inset-block-start:7rem}}.demo-dialog{inline-size:min(calc(100% - (var(--space-4) * 2)), 36rem);max-block-size:calc(100dvb - (var(--space-4) * 2));padding:var(--space-5);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:auto}.demo-dialog[open]{gap:var(--space-4);display:grid}.demo-dialog::backdrop{background:color-mix(in srgb, var(--color-text) 58%, transparent)}.demo-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.demo-dialog__title{font-size:var(--text-h3)}.demo-dialog button.button-link{cursor:pointer}.demo-dialog__fallback{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.demo-dialog__fallback textarea{padding:var(--space-3);font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.demo-dialog__fallback .button-link{justify-self:start}.demo-dialog [data-demo-access-status]{min-block-size:1.5em;color:var(--color-text-muted);font-size:var(--text-sm)}.demo-dialog__actions{text-align:end}@media (width<=32rem){.demo-dialog{padding:var(--space-4)}.demo-dialog__actions .button-link{inline-size:100%}}}@layer utilities{.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}