@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Sweet;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-SemiBold.woff2) format("woff2")}:root{--bg-color:#faf8f5;--card-bg:#fff;--text-color:#2e2b2a;--text-muted:#7c7672;--primary-color:#d1cb7c;--primary-light:#f4f0eb;--accent-color:#5c5246;--border-color:#e8e3dc;--header-bg:#faf8f5d9;--footer-bg:#f4f0eb;--shadow-sm:0 1px 3px #00000005;--shadow-md:0 4px 16px #8c7b6c0d;--shadow-lg:0 16px 36px #8c7b6c14;--radius:8px;--radius-lg:12px;--logo-filter:none;--code-bg:#f5f1eb;--code-border:#e8e3dc;--code-text:#2e2b2a;--code-token-comment:#9a938c;--code-token-punctuation:#7f7a75;--code-token-keyword:#b0558c;--code-token-string:#4a8c6f;--code-token-function:#3b72a4;--code-token-operator:#c84b5b;--code-token-number:#a86a3b;--code-token-class:#9e7d3b}.dark{--bg-color:#181615;--card-bg:#221f1e;--text-color:#eae5df;--text-muted:#a39c96;--primary-color:#c0b0a0;--primary-light:#2c2826;--accent-color:#eadbcc;--border-color:#383330;--header-bg:#181615d9;--footer-bg:#131111;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 16px 36px #0006;--logo-filter:invert(1);--code-bg:#1e1c1a;--code-border:#383330;--code-text:#eae5df;--code-token-comment:#807b75;--code-token-punctuation:#a39c96;--code-token-keyword:#d087b5;--code-token-string:#6fbe9a;--code-token-function:#5ca0d3;--code-token-operator:#e06c75;--code-token-number:#d19a66;--code-token-class:#e5c07b}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#faf8f5;background-color:var(--bg-color);color:#2e2b2a;color:var(--text-color);font-family:Sweet,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em;line-height:1.75;margin:0;transition:background-color .4s ease,color .4s ease,border-color .4s ease}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding-bottom:5rem;width:100%}.content-wrapper{margin:0 auto;max-width:860px;padding:3rem 1.5rem;width:100%}.content-wrapper.wide{max-width:1080px}h1,h2,h3,h4,h5,h6{color:#2e2b2a;color:var(--text-color);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-top:0}.logo,h1,h2,h3,h4,h5,h6,nav a{font-family:Plus Jakarta Sans,Noto Sans KR,sans-serif}.page-title{color:#2e2b2a;color:var(--text-color);font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-align:left}.page-subtitle{color:#7c7672;color:var(--text-muted);font-size:1.1rem;margin-bottom:3.5rem;text-align:left}header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#faf8f5d9;background-color:var(--header-bg);border-bottom:1px solid #e8e3dc;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;transition:background-color .4s,border-color .4s;z-index:1000}.header-container{justify-content:space-between;margin:0 auto;max-width:1080px;padding:1.25rem 1.5rem;width:100%}.header-container,.logo{align-items:center;display:flex}.logo{color:#2e2b2a!important;color:var(--text-color)!important;font-size:1.25rem;font-weight:700;gap:.5rem;letter-spacing:.05em;text-transform:uppercase;transition:transform .2s ease}.logo:hover{transform:translateY(-1px)}.logo-icon{animation:fly 4s ease-in-out infinite;color:#d1cb7c;color:var(--primary-color);overflow:visible!important}@keyframes fly{0%,to{transform:translate(0) rotate(-45deg)}50%{transform:translate(4px,-4px) rotate(-42deg)}}nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}nav a{color:#7c7672;color:var(--text-muted);font-size:.95rem;font-weight:500;letter-spacing:.02em;padding:.25rem 0;position:relative}nav a:hover{color:#2e2b2a;color:var(--text-color)}nav a.active{color:#d1cb7c;color:var(--primary-color);font-weight:600}nav a.active:after{background-color:#d1cb7c;background-color:var(--primary-color);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.header-actions{align-items:center;display:flex;gap:1rem}.menu-icon,.theme-toggle{align-items:center;background:none;border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:50%;color:#2e2b2a;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:border-color .2s,background-color .2s;width:40px}.menu-icon:hover,.theme-toggle:hover{background-color:#f4f0eb;background-color:var(--primary-light);border-color:#d1cb7c;border-color:var(--primary-color)}.menu-icon{display:none}footer{background-color:#f4f0eb;background-color:var(--footer-bg);border-top:1px solid #e8e3dc;border-top:1px solid var(--border-color);color:#7c7672;color:var(--text-muted);font-size:.9rem;padding:3.5rem 1.5rem;text-align:center;transition:background-color .4s,border-color .4s}footer p{margin:.25rem 0}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .25s ease}.btn-primary{background-color:#d1cb7c;background-color:var(--primary-color);color:#fff!important}.btn-primary:hover{background-color:#5c5246;background-color:var(--accent-color);transform:translateY(-2px)}.btn-secondary{background-color:initial;border-color:#e8e3dc;border-color:var(--border-color);color:#2e2b2a;color:var(--text-color)}.btn-secondary:hover{background-color:#f4f0eb;background-color:var(--primary-light);border-color:#d1cb7c;border-color:var(--primary-color);transform:translateY(-2px)}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:#d1cb7c;border-color:var(--primary-color);box-shadow:0 16px 36px #8c7b6c14;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card-image-wrapper{background-color:#f4f0eb;background-color:var(--primary-light);height:200px;overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.card:hover .card-image{transform:scale(1.04)}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.card-date{color:#7c7672;color:var(--text-muted);display:block;font-size:.85rem;margin-bottom:.5rem}.card-title{color:#2e2b2a;color:var(--text-color);font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.card-description{color:#7c7672;color:var(--text-muted);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{background-color:#f4f0eb;background-color:var(--primary-light);border-radius:4px;color:#d1cb7c;color:var(--primary-color);font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .6rem}.hero-thumbnail{height:380px;overflow:hidden;position:relative;width:100%}.hero-thumbnail img{filter:sepia(10%) contrast(95%);height:100%;object-fit:cover;object-position:center 70%;width:100%}.hero-thumbnail:after{background:linear-gradient(180deg,#0000 80%,#faf8f5);background:linear-gradient(to bottom,#0000 80%,var(--bg-color) 100%);content:"";inset:0;pointer-events:none;position:absolute}.about-content{margin:0 auto;max-width:760px;padding:3rem 1.5rem;text-align:center}.about-content h1{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.about-content p{color:#2e2b2a;color:var(--text-color);line-height:1.8}.about-content p,.interview-text{font-size:1.1rem;margin-bottom:1.5rem}.interview-text{color:#d1cb7c;color:var(--primary-color);font-weight:500;margin-top:4rem;text-align:center}.carousel-container{-webkit-overflow-scrolling:touch;margin-bottom:3rem;overflow-x:auto;padding:1rem .5rem 2rem;scrollbar-width:none;width:100%}.carousel-container::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:1.5rem;justify-content:center}.card-news{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:flex;flex:0 0 250px;flex-direction:column;overflow:hidden;transition:all .25s ease}.card-news:hover{border-color:#d1cb7c;border-color:var(--primary-color);box-shadow:0 4px 16px #8c7b6c0d;box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-news-image{background-color:#f4f0eb;background-color:var(--primary-light);border-bottom:1px solid #e8e3dc;border-bottom:1px solid var(--border-color);height:120px;object-fit:contain;padding:1rem;width:100%}.card-news-content{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem}.card-news-title{color:#2e2b2a;color:var(--text-color);font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.card-news-description{color:#7c7672;color:var(--text-muted);flex-grow:1;font-size:.85rem;line-height:1.5;margin-bottom:1rem}.card-news-link{align-self:flex-end;color:#d1cb7c;color:var(--primary-color);font-size:.8rem;font-weight:600}.featured-projects-section{border-top:1px solid #e8e3dc;border-top:1px solid var(--border-color);margin-top:5rem;padding-top:4rem}.section-title{font-size:1.8rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background-color:#d1cb7c;background-color:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.project-list{display:flex;flex-direction:column;gap:2.5rem}.project-item{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:flex;gap:2.5rem;padding:2rem;transition:border-color .25s,box-shadow .25s}.project-item:hover{border-color:#d1cb7c;border-color:var(--primary-color);box-shadow:0 4px 16px #8c7b6c0d;box-shadow:var(--shadow-md)}.project-icon-link{border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);flex-shrink:0;overflow:hidden}.project-icon{display:block;height:140px;object-fit:cover;width:140px}.project-info{flex-grow:1}.project-info h3{font-size:1.4rem;margin-bottom:.75rem}.project-description{font-size:.95rem;line-height:1.6}.project-description,.project-meta{color:#7c7672;color:var(--text-muted);margin-bottom:1.25rem}.project-meta{grid-gap:.75rem;border-top:1px dashed #e8e3dc;border-top:1px dashed var(--border-color);display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:repeat(2,1fr);padding-top:1rem}.project-meta-item{display:flex;gap:.75rem}.meta-label{color:#d1cb7c;color:var(--primary-color);font-weight:700;min-width:70px}.project-links{display:flex;font-size:.9rem;gap:1.5rem}.project-link-item{align-items:center;color:#d1cb7c;color:var(--primary-color);display:flex;font-weight:600;gap:.25rem}.project-link-item:hover{color:#5c5246;color:var(--accent-color);text-decoration:underline}.view-more-container{margin-top:4rem;text-align:center}.projects-section{padding:1rem 0}.projects-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.project-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:auto;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.project-card:hover{border-color:#d1cb7c;border-color:var(--primary-color);box-shadow:0 16px 36px #8c7b6c14;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.project-card-image-wrapper{background-color:#fff;border-bottom:1px solid #e8e3dc;border-bottom:1px solid var(--border-color);height:200px;overflow:hidden;position:relative;width:100%}.project-card-image{height:100%;object-fit:contain;transition:transform .5s ease;width:100%}.project-card:hover .project-card-image{transform:scale(1.03)}.project-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-card-title{color:#2e2b2a;color:var(--text-color);font-size:1.4rem;font-weight:700;margin-bottom:.5rem;transition:color .2s ease}.project-card:hover .project-card-title{color:#d1cb7c;color:var(--primary-color)}.project-card-period{color:#7c7672;color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.project-card-description{color:#7c7672;color:var(--text-muted);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card-tag{background-color:#f4f0eb;background-color:var(--primary-light);border-radius:4px;color:#d1cb7c;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.25rem .6rem}.project-card-tag-more{background-color:#e8e3dc;background-color:var(--border-color);color:#2e2b2a;color:var(--text-color)}.post-detail-page,.project-detail-page{padding-top:2rem}.post-detail-layout,.project-detail-layout{display:flex;gap:3rem;position:relative}.post-detail-content,.project-detail-content{flex:1 1;max-width:100%}.detail-header{border-bottom:1px solid #e8e3dc;border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.detail-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.detail-subtitle{color:#7c7672;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.detail-main-image{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #8c7b6c0d;box-shadow:var(--shadow-md);max-height:480px;object-fit:contain;width:100%}.detail-main-image,.detail-meta-box{background-color:#fff;border:1px solid #e8e3dc;border:1px solid var(--border-color)}.detail-meta-box{grid-gap:1rem;background-color:var(--card-bg);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem 0;padding:1.5rem}.detail-meta-item{display:flex;font-size:.95rem}.detail-meta-label{color:#d1cb7c;color:var(--primary-color);font-weight:700;min-width:100px}.tech-stack-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.tech-tag{background-color:#f4f0eb;background-color:var(--primary-light);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:4px;color:#d1cb7c;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.35rem .75rem}.links-section{border-top:1px solid #e8e3dc;border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:3rem;padding-top:2rem}.post-detail-sidebar,.project-detail-sidebar{flex-shrink:0;width:240px}.sticky-toc{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.sticky-toc h3{border-bottom:1px solid #e8e3dc;border-bottom:1px solid var(--border-color);color:#2e2b2a;color:var(--text-color);font-size:1.05rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.toc-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.toc-list a{color:#7c7672;color:var(--text-muted);display:inline-block;font-size:.9rem}.toc-list a:hover{color:#d1cb7c;color:var(--primary-color);transform:translateX(4px)}.markdown-body{color:#2e2b2a;color:var(--text-color);font-size:1.05rem;line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-weight:700;margin-bottom:1rem;margin-top:2.5rem;scroll-margin-top:90px}.markdown-body h1{font-size:2rem}.markdown-body h2{border-bottom:1px solid #e8e3dc;border-bottom:1px solid var(--border-color);font-size:1.6rem;padding-bottom:.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body p{margin-bottom:1.5rem}.markdown-body ol,.markdown-body ul{margin-bottom:1.5rem;padding-left:2rem}.markdown-body li{margin-bottom:.5rem}.markdown-body blockquote{background-color:#f4f0eb;background-color:var(--primary-light);border-left:4px solid #d1cb7c;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;border-radius:0 var(--radius) var(--radius) 0;color:#2e2b2a;color:var(--text-color);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.markdown-body blockquote p{margin-bottom:0}.markdown-body code{background-color:#f4f0eb;background-color:var(--primary-light);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:4px;color:#d1cb7c;color:var(--primary-color);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;padding:.2rem .4rem}.markdown-body pre{background-color:#f5f1eb!important;background-color:var(--code-bg)!important;border:1px solid #e8e3dc;border:1px solid var(--code-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow-x:auto;padding:1.25rem;transition:background-color .4s ease,border-color .4s ease}.markdown-body pre code{background-color:initial!important;border:none!important;color:#2e2b2a!important;color:var(--code-text)!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;padding:0!important}.markdown-body pre[class*=language-]{background-color:#f5f1eb!important;background-color:var(--code-bg)!important}.markdown-body code[class*=language-]{background-color:initial!important;border:none!important;color:#2e2b2a!important;color:var(--code-text)!important;padding:0!important}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#9a938c!important;color:var(--code-token-comment)!important;font-style:italic}.token.punctuation{color:#7f7a75!important;color:var(--code-token-punctuation)!important}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#a86a3b!important;color:var(--code-token-number)!important}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#4a8c6f!important;color:var(--code-token-string)!important}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#c84b5b!important;color:var(--code-token-operator)!important}.token.atrule,.token.attr-value,.token.keyword{color:#b0558c!important;color:var(--code-token-keyword)!important;font-weight:700}.token.class-name,.token.function{color:#3b72a4!important;color:var(--code-token-function)!important}.token.important,.token.regex,.token.variable{color:#c84b5b!important;color:var(--code-token-operator)!important}.markdown-body img{border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:block;height:auto;margin:1.5rem auto;max-width:100%}.markdown-body hr{background-color:#e8e3dc;background-color:var(--border-color);border:none;height:1px;margin:2.5rem 0}.markdown-body table{background-color:#fff;background-color:var(--card-bg);border-collapse:collapse;font-size:.95rem;margin-bottom:1.5rem;width:100%}.markdown-body td,.markdown-body th{border:1px solid #e8e3dc;border:1px solid var(--border-color);line-height:1.5;padding:.75rem 1rem;text-align:left}.markdown-body th{background-color:#f4f0eb;background-color:var(--primary-light);color:#2e2b2a;color:var(--text-color);font-weight:600}.markdown-body tr:nth-child(2n){background-color:#f4f0eb66}.meta-content-section{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2.5rem}.skills-category{margin-bottom:2.5rem}.skills-category h3{border-left:3px solid #d1cb7c;border-left:3px solid var(--primary-color);font-size:1.25rem;margin-bottom:1.25rem;padding-left:.75rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.timeline{margin:2rem 0;padding-left:2rem;position:relative}.timeline:before{background-color:#e8e3dc;background-color:var(--border-color);bottom:0;content:"";left:5px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item:before{background-color:#d1cb7c;background-color:var(--primary-color);border:2px solid #faf8f5;border:2px solid var(--bg-color);border-radius:50%;content:"";height:12px;left:-31px;position:absolute;top:6px;width:12px;z-index:2}.timeline-date{color:#d1cb7c;color:var(--primary-color);font-size:.85rem;font-weight:700;margin-bottom:.25rem}.timeline-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.timeline-description{color:#7c7672;color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (max-width:992px){.post-detail-layout,.project-detail-layout{flex-direction:column}.post-detail-sidebar,.project-detail-sidebar{order:-1;width:100%}.sticky-toc{margin-bottom:2rem;position:static}}@media (max-width:840px){.projects-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-container{padding:1rem}.menu-icon{display:flex}nav ul{align-items:center;background-color:#faf8f5;background-color:var(--bg-color);border-bottom:0 solid #e8e3dc;border-bottom:0 solid var(--border-color);flex-direction:column;gap:0;height:0;justify-content:flex-start;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:64px;transition:all .3s ease-in-out}nav ul.active{border-bottom-width:1px;gap:2rem;height:calc(100vh - 64px);padding:2rem 0}nav a{font-size:1.1rem}nav a.active:after{display:none}.project-item{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.project-icon{height:200px;width:100%}.projects-grid{grid-template-columns:1fr}.page-title{font-size:2rem}}.carousel-track-scroll::-webkit-scrollbar{display:none}.carousel-track-scroll{-ms-overflow-style:none;scrollbar-width:none}.w-6{width:1.5rem!important}.h-6{height:1.5rem!important}.about-hero-layout{grid-gap:3.5rem;align-items:flex-start;display:grid;gap:3.5rem;grid-template-columns:300px 1fr;margin-bottom:3.5rem}.about-hero-image-wrap{flex-shrink:0}.about-hero-image{aspect-ratio:3/4;border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #8c7b6c1f;display:block;height:auto;max-width:300px;object-fit:cover;object-position:center top;transition:box-shadow .3s ease,transform .3s ease;width:100%}.about-hero-image:hover{box-shadow:0 20px 48px #8c7b6c33;transform:translateY(-6px)}.about-hero-content{display:flex;flex-direction:column;gap:.85rem;padding-top:.5rem}.about-hero-quote{color:#d1cb7c;color:var(--primary-color);font-size:.88rem;font-style:italic;letter-spacing:.02em;line-height:1.6;margin:0 0 .25rem;opacity:.85}.about-hero-role{color:#7c7672;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.about-hero-headline{color:#2e2b2a;color:var(--text-color);font-size:2.1rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.about-hero-desc{color:#7c7672;color:var(--text-muted);font-size:.93rem;line-height:1.8;margin:0;max-width:440px}.about-hero-info-grid{grid-gap:.55rem 1.5rem;background:#0000;border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:10px;display:grid;gap:.55rem 1.5rem;grid-template-columns:repeat(2,1fr);margin-top:.25rem;padding:1rem 1.25rem}.about-info-item{align-items:center;color:#7c7672;color:var(--text-muted);display:flex;font-size:.85rem;gap:.45rem;white-space:nowrap}.about-info-item,.about-info-item a{overflow:hidden;text-overflow:ellipsis}.about-info-item a{color:#2e2b2a;color:var(--text-color);transition:color .2s ease}.about-info-item a:hover{color:#d1cb7c;color:var(--primary-color)}.about-hero-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.about-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:.45rem;padding:.55rem 1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;white-space:nowrap}.about-btn-dark{background-color:#1a1a1a;border:1.5px solid #1a1a1a;color:#fff}.about-btn-dark:hover{background-color:#333;border-color:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.about-btn-outline{background-color:initial;border:1.5px solid #e8e3dc;border:1.5px solid var(--border-color);color:#2e2b2a;color:var(--text-color)}.about-btn-outline:hover{background-color:#f4f0eb;background-color:var(--primary-light);border-color:#d1cb7c;border-color:var(--primary-color);box-shadow:0 4px 12px #8c7b6c1a;transform:translateY(-2px)}.about-btn-primary{background-color:#4a9eff;border:1.5px solid #4a9eff;color:#fff}.about-btn-primary:hover{background-color:#2e87ee;border-color:#2e87ee;box-shadow:0 4px 12px #4a9eff4d;transform:translateY(-2px)}.dark .about-btn-dark{background-color:#f0ebe4;border-color:#f0ebe4;color:#1a1a1a}.dark .about-btn-dark:hover{background-color:#fff;border-color:#fff}.dark .about-btn-dark img{filter:none!important}@media (max-width:760px){.about-hero-layout{gap:2rem;grid-template-columns:1fr;text-align:center}.about-hero-image-wrap{display:flex;justify-content:center}.about-hero-image{aspect-ratio:1/1;border-radius:50%;max-width:200px}.about-hero-headline{font-size:2rem}.about-hero-desc{max-width:100%}.about-hero-info-grid{text-align:left}.about-hero-buttons{justify-content:center}}@media (max-width:480px){.about-hero-headline{font-size:1.65rem}.about-hero-info-grid{grid-template-columns:1fr}}.skills-section{margin-bottom:3.5rem}.skills-section-title{align-items:center;color:#2e2b2a;color:var(--text-color);display:flex;font-size:1.4rem;font-weight:800;gap:.6rem;letter-spacing:-.02em;margin-bottom:1.5rem}.skills-section-accent{background-color:#d1cb7c;background-color:var(--primary-color);border-radius:2px;display:inline-block;flex-shrink:0;height:1.4rem;width:4px}.skills-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.skill-card{background:#fff;background:var(--card-bg);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem 1.75rem;transition:box-shadow .25s ease,transform .25s ease}.skill-card:hover{box-shadow:0 8px 28px #8c7b6c1a;transform:translateY(-3px)}.skill-card-header{align-items:center;display:flex;gap:.6rem}.skill-card-icon{align-items:center;color:#d1cb7c;color:var(--primary-color);display:inline-flex;flex-shrink:0;justify-content:center}.skill-card-title{color:#2e2b2a;color:var(--text-color);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0}.skill-tags-wrap{display:flex;flex-wrap:wrap;gap:.55rem}.skill-tag{align-items:center;background:#faf8f5;background:var(--bg-color);border:1px solid #e8e3dc;border:1px solid var(--border-color);border-radius:8px;color:#2e2b2a;color:var(--text-color);display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.35rem .75rem;transition:border-color .2s ease,background .2s ease,transform .15s ease;white-space:nowrap}.skill-tag:hover{background:#f4f0eb;background:var(--primary-light);border-color:#d1cb7c;border-color:var(--primary-color);transform:translateY(-1px)}.dark .skill-card{box-shadow:none}.dark .skill-card:hover{box-shadow:0 8px 28px #00000040}.dark .skill-tag{background:#fff;background:var(--card-bg)}.dark .skill-tag:hover{background:#f4f0eb;background:var(--primary-light)}@media (max-width:680px){.skills-cards-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.18d0d657.css.map*/