@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800&family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap);:root{--bg-color:#fafaf7;--surface-card:#fff;--text-color:#414042;--text-muted:#8d8d8f;--accent-color:#ec008c;--accent-hover:#bc0070;--link-color:#0089bc;--link-hover:#00aeef;--highlight:#fff200;--border-color:#c6c6c7;--border-strong:#414042;--sidebar-width:280px;--transition-speed:0.15s;--ease-press:cubic-bezier(0.2,0,0,1);--font-primary:"IBM Plex Sans KR","IBM Plex Sans",Helvetica,Arial,sans-serif;--font-display:"Archivo",sans-serif;--font-mono:"IBM Plex Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-primary)}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.2,0,0,1);transition:color var(--transition-speed) var(--ease-press)}a:hover{color:#0089bc;color:var(--link-color)}img{display:block;height:auto;max-width:100%}ul{list-style:none}.site-wrapper{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh;padding:40px}.sidebar{background:#fafaf7;background:var(--bg-color);border-right:1px solid #c6c6c7;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:40px 30px;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.sidebar:before{background:linear-gradient(180deg,#00aeef 0,#00aeef 25%,#ec008c 0,#ec008c 50%,#fff200 0,#fff200 75%,#414042 0,#414042);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sidebar-backdrop{background:#41404266;border:none;display:none;inset:0;position:fixed;z-index:90}.site-header{margin-bottom:40px}.site-title{font-family:Archivo,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.site-title a{display:block}.site-title a:hover{color:#414042;color:var(--text-color)}.navigation{flex:1 1}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-item a{color:#8d8d8f;color:var(--text-muted);display:block;font-size:.9rem;padding:4px 0;transition:color .15s cubic-bezier(.2,0,0,1);transition:color var(--transition-speed) var(--ease-press)}.nav-item a.active,.nav-item a:hover{color:#414042;color:var(--text-color)}.nav-item a.active{font-weight:600}.nav-nested{border-left:1px solid #c6c6c7;border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;margin-left:16px;margin-top:8px;padding-left:12px}.nav-nested a{color:#8d8d8f;color:var(--text-muted);font-size:.85rem}.nav-nested a.active{color:#414042;color:var(--text-color);font-weight:600}.nav-category{margin-top:16px}.nav-category-title{align-items:center;background:none;border:none;color:#414042;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;margin-bottom:8px;text-align:left;width:100%}.nav-category-title:hover{color:#0089bc;color:var(--link-color)}.nav-category-title .arrow{color:#ec008c;color:var(--accent-color);font-size:.7rem;transition:transform .15s cubic-bezier(.2,0,0,1);transition:transform var(--transition-speed) var(--ease-press)}.nav-category-title .arrow.open{transform:rotate(90deg)}.mobile-nav-toggle{background:#fff;background:var(--surface-card);border:2px solid #414042;border:2px solid var(--border-strong);border-radius:0;cursor:pointer;display:none;padding:12px;position:fixed;right:20px;top:20px;z-index:200}.mobile-nav-toggle:active{transform:translate(1px,1px)}.mobile-nav-toggle span{background:#414042;background:var(--text-color);display:block;height:2px;margin:4px 0;width:22px}.home-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px)}.splash-content{max-width:600px;text-align:center}.splash-title{font-family:Archivo,sans-serif;font-family:var(--font-display);font-size:3.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-bottom:20px}.splash-subtitle{color:#8d8d8f;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;margin-bottom:40px;text-transform:uppercase}.splash-cta{background:#ec008c;background:var(--accent-color);border-radius:0;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;transition:background .15s cubic-bezier(.2,0,0,1);transition:background var(--transition-speed) var(--ease-press)}.splash-cta:hover{background:#bc0070;background:var(--accent-hover);color:#fff}.splash-cta:active{transform:translate(1px,1px)}.splash-image{margin:0 auto;max-width:500px;width:100%}.thumbnail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.thumbnail-item{background:#fff;background:var(--surface-card);border:1px solid #c6c6c7;border:1px solid var(--border-color);border-radius:0;overflow:hidden;position:relative}.thumbnail-item a{display:block}.thumbnail-item img{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}.thumbnail-item:hover{border-color:#414042;border-color:var(--border-strong)}.thumbnail-title{background:#414042;bottom:0;color:#fafaf7;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;left:0;letter-spacing:.08em;opacity:0;padding:10px 15px;position:absolute;right:0;text-transform:uppercase;transition:opacity .15s cubic-bezier(.2,0,0,1);transition:opacity var(--transition-speed) var(--ease-press)}.thumbnail-item a:focus-visible .thumbnail-title,.thumbnail-item:hover .thumbnail-title{opacity:1}.project-page{max-width:900px}.project-header{margin-bottom:40px}.project-title{font-family:Archivo,sans-serif;font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.project-meta{color:#8d8d8f;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.project-content{display:flex;flex-direction:column;gap:30px}.project-content img{height:auto;width:100%}.project-description{color:#414042;color:var(--text-color);line-height:1.8;max-width:600px}.project-nav{border-top:1px solid #c6c6c7;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:60px;padding-top:30px}.project-nav a{color:#0089bc;color:var(--link-color);font-size:.9rem}.project-nav a:hover{color:#00aeef;color:var(--link-hover)}.back-link{color:#0089bc;color:var(--link-color);display:inline-block;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;margin-bottom:30px;text-transform:uppercase}.back-link:hover{color:#00aeef;color:var(--link-hover)}.about-page{max-width:600px}.about-content{line-height:1.8}.about-content p{margin-bottom:1.5em}.about-content h2{font-family:Archivo,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:1em;margin-top:2em}.contact-info{border-top:1px solid #c6c6c7;border-top:1px solid var(--border-color);margin-top:40px;padding-top:30px}.contact-info a{color:#0089bc;color:var(--link-color);display:inline-block;margin-right:20px;text-decoration:underline;text-underline-offset:2px}.contact-info a:hover{color:#00aeef;color:var(--link-hover)}.work-page{width:100%}.page-title{border-bottom:2px solid #414042;border-bottom:2px solid var(--border-strong);color:#414042;color:var(--text-color);font-family:Archivo,sans-serif;font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:40px;padding-bottom:8px}@media (max-width:900px){.main-content{margin-left:0;padding:80px 20px 20px}.sidebar{transform:translateX(-100%);transition:transform .15s cubic-bezier(.2,0,0,1);transition:transform var(--transition-speed) var(--ease-press)}.sidebar.open{transform:translateX(0)}.mobile-nav-toggle,.sidebar-backdrop{display:block}.thumbnail-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:600px){html{font-size:13px}.thumbnail-grid{grid-template-columns:1fr}.project-title{font-size:1.5rem}.splash-title{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important}html{scroll-behavior:auto}}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:32px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafaf7;color:#414042;font-family:IBM Plex Sans KR,IBM Plex Sans,Helvetica,Arial,sans-serif;line-height:1.5}::selection{background:#fff200;color:#414042}:focus-visible{outline:2px solid #00aeef;outline-offset:2px}#root{min-height:100vh}
/*# sourceMappingURL=main.5f0c4318.css.map*/