:root{--white:hsl(0, 0%, 100%);--background-light:hsl(293, 100%, 98%);--on-background-light:hsl(264, 8%, 12%);--surface-light:hsl(293, 100%, 98%);--on-surface-light:hsl(264, 8%, 12%);--on-surface-variant-light:hsl(264, 7%, 29%);--surface-container-low-light:hsl(278, 44%, 96%);--surface-container-light:hsl(276, 38%, 95%);--surface-bright-light:hsl(293, 100%, 98%);--primary-light:hsl(256, 34%, 48%);--on-primary-light:hsl(0, 0%, 100%);--outline-light:hsl(270, 4%, 47%);--outline-variant-light:hsl(270, 11%, 79%);--background-dark:hsl(260, 14%, 8%);--on-background-dark:hsl(280, 17%, 90%);--surface-dark:hsl(260, 14%, 8%);--on-surface-dark:hsl(280, 17%, 90%);--on-surface-variant-dark:hsl(270, 11%, 79%);--surface-container-low-dark:hsl(264, 8%, 12%);--surface-container-dark:hsl(257, 10%, 14%);--surface-bright-dark:hsl(270, 5%, 23%);--primary-dark:hsl(258, 100%, 87%);--on-primary-dark:hsl(259, 58%, 28%);--outline-dark:hsl(264, 5%, 58%);--outline-variant-dark:hsl(264, 7%, 29%);--font-primary:"Open Sans", sans-serif;--font-secondary:"Noto Sans", sans-serif;--base-font-size:62.5%;--display-large:5.7rem;--display-medium:4.5rem;--display-small:3.6rem;--headline-large:3.2rem;--headline-medium:2.8rem;--headline-small:2.4rem;--title-large:2rem;--title-medium:1.6rem;--title-small:1.4rem;--label-large:1.4rem;--label-medium:1.2rem;--label-small:1.1rem;--body-large:1.6rem;--body-medium:1.4rem;--body-small:1.2rem;--weight-regular:400;--weight-medium:500;--shape-corner-extra-small:4px;--shape-corner-small:8px;--shape-corner-medium:12px;--shape-corner-large:16px;--shape-corner-full:500px;--shape-corner-circle:50%;--radius-circle:50%;--elevation-1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--section-padding:64px;--top-padding-20:20px;--bottom-padding-20:20px;--bottom-margin-10:10px;--top-margin-20:20px;--bottom-margin-20:20px;--top-bar-height:64px;--top-bar-mobile-height:70px}[data-theme="light"]{color-scheme:light;--background:var(--background-light);--on-background:var(--on-background-light);--surface:var(--surface-light);--on-surface:var(--on-surface-light);--on-surface-variant:var(--on-surface-variant-light);--surface-container-low:var(--surface-container-low-light);--surface-container:var(--surface-container-light);--surface-bright:var(--surface-bright-light);--primary:var(--primary-light);--on-primary:var(--on-primary-light);--outline:var(--outline-light);--outline-variant:var(--outline-variant-light);--btn-bg-background:var(--white);--card-box-shadow:var(--outline-variant-light);--image-shadow:var(--primary-light);--featured-image-shadow:var(--outline-light)}[data-theme="dark"]{color-scheme:dark;--background:var(--background-dark);--on-background:var(--on-background-dark);--surface:var(--surface-dark);--on-surface:var(--on-surface-dark);--on-surface-variant:var(--on-surface-variant-dark);--surface-container-low:var(--surface-container-low-dark);--surface-container:var(--surface-container-dark);--surface-bright:var(--surface-bright-dark);--primary:var(--primary-dark);--on-primary:var(--on-primary-dark);--outline:var(--outline-dark);--outline-variant:var(--outline-variant-dark);--btn-bg-background:var(--on-primary-dark);--card-box-shadow:var(--outline-variant-dark);--image-shadow:var(--on-primary-dark);--featured-image-shadow:var(--outline-dark)}@media (prefers-reduced-motion:no-preference){:root{--motion-duration-short-1:100ms;--motion-easing-linear:cubic-bezier(0, 0, 1, 1)}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,img,span,input,button,textarea{display:block}a{color:inherit;text-decoration:none}img{height:auto}input,button,textarea{background:none;border:none;font:inherit}input,textarea{width:100%}button{cursor:pointer}textarea{resize:none}html{font-family:var(--font-secondary);font-size:var(--base-font-size);scroll-behavior:smooth}body{background-color:var(--background);color:var(--on-background);font-size:var(--body-large)}.container{max-width:1128px;width:100%;margin-inline:auto;padding-inline:16px}.container_2{padding-inline:10px}.d-flex{display:flex}.ai-center{align-items:center}.section{padding-block:var(--section-padding)}.top-padding-20{padding-top:var(--top-padding-20)}.bottom-padding-20{padding-bottom:var(--bottom-padding-20)}.top-margin-20{margin-top:var(--top-margin-20)}.bottom-margin-10{margin-bottom:var(--bottom-margin-10)}.bottom-margin-20{margin-bottom:var(--bottom-margin-20)}.img-holder{aspect-ratio:var(--width) / var(--height);background-color:#fff0;overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.tab-content:not(.active){display:none}.display-large{font-family:var(--font-primary);font-size:var(--display-large);font-weight:var(--weight-regular);line-height:64px;letter-spacing:-.25px}.display-medium{font-family:var(--font-primary);font-size:var(--display-medium);font-weight:var(--weight-regular);line-height:52px}.display-small{font-family:var(--font-primary);font-size:var(--display-small);font-weight:var(--weight-regular);line-height:44px}.headline-large{font-family:var(--font-primary);font-size:var(--headline-large);font-weight:var(--weight-regular);line-height:40px}.headline-medium{font-family:var(--font-primary);font-size:var(--headline-medium);font-weight:var(--weight-regular);line-height:36px}.headline-small{font-family:var(--font-primary);font-size:var(--headline-small);font-weight:var(--weight-regular);line-height:32px}.title-large{font-family:var(--font-primary);font-size:var(--title-large);font-weight:var(--weight-regular);line-height:28px}.title-medium{font-family:var(--font-primary);font-size:var(--title-medium);font-weight:var(--weight-medium);line-height:24px;letter-spacing:.15px}.title-small{font-family:var(--font-primary);font-size:var(--title-small);font-weight:var(--weight-medium);line-height:20px;letter-spacing:.1px}.body-large{font-size:var(--body-large);font-weight:var(--weight-regular);line-height:24px;letter-spacing:.5px}.body-medium{font-size:var(--body-medium);font-weight:var(--weight-regular);line-height:20px;letter-spacing:.25px}.body-small{font-size:var(--body-small);font-weight:var(--weight-regular);line-height:16px;letter-spacing:.4px}.label-large{font-size:var(--label-large);font-weight:var(--weight-medium);line-height:20px;letter-spacing:.1px}.label-medium{font-size:var(--label-medium);font-weight:var(--weight-medium);line-height:16px;letter-spacing:.5px}.label-small{font-size:var(--label-small);font-weight:var(--weight-medium);line-height:16px;letter-spacing:.5px}.section-title{color:var(--on-surface-variant);padding-block-end:12px;border-block-end:1px solid var(--outline-variant);margin-block-end:20px}.section-subtitle{color:var(--on-surface-variant)}.material-symbols-outlined{width:1em;height:1em;display:block;font-variation-settings:"FILL" 0,"wght" 400,"GRND" 0,"opsz" 24}:has(>.state-layer){position:relative;overflow:hidden;z-index:1}.state-layer{position:absolute;inset:0;background-color:var(--state-layer-bg);transition:var(--motion-duration-short-1) var(--motion-easing-linear);opacity:0}:has(>.state-layer):hover .state-layer{opacity:.08}:has(>.state-layer):is(:focus,:focus-visible,:active) .state-layer{opacity:.12}.icon-btn{width:40px;height:40px;display:grid;place-items:center;color:var(--on-surface-variant);--state-layer-bg:var(--on-surface-variant)}.chip{height:32px;display:flex;justify-content:center;align-items:center;gap:8px;padding-inline:16px;border:1px solid var(--outline);border-radius:var(--shape-corner-medium);background-color:var(--surface);color:var(--on-surface-variant);--state-layer-bg:var(--on-surface-variant);white-space:nowrap}.chip .material-symbols-outlined{font-size:1.8rem}.btn{height:40px;display:flex;justify-content:center;align-items:center;gap:8px;padding-inline:24px;background-color:var(--primary);color:var(--on-primary);border-radius:var(--shape-corner-full);--state-layer-bg:var(--on-primary)}.card{background-color:var(--surface-container-low);border-radius:var(--shape-corner-medium);display:flex;flex-direction:column;gap:10px;box-shadow:0 0 10px var(--card-box-shadow);transition:box-shadow 0.3s ease-in-out}.card-banner{border-radius:var(--shape-corner-medium);padding:5px}.card-content{display:grid;padding:5px 15px 20px;gap:4px}.card-subtitle{color:var(--on-surface-variant)}.card-title{color:var(--on-surface)}.card:hover{box-shadow:none}.card-banner a{display:block;overflow:hidden;border-radius:var(--shape-corner-medium)}.card-banner a img{transition:transform 300ms ease}.card-banner a:hover img{transform:scale(1.05)}.input-field,textarea{color:var(--on-surface);padding:13px 16px;box-shadow:inset 0 0 0 1px var(--outline);border-radius:var(--shape-corner-extra-small);outline:none;transition:box-shadow var(--motion-duration-short-1) var(--motion-easing-linear)}.textarea{height:120px;padding:16px}:where(.input-field,.textarea)::placeholder{color:var(--on-surface-variant)}:where(.input-field,.textarea):focus{box-shadow:inset 0 0 0 2px var(--primary)}header[role="banner"]{position:fixed;top:0;left:0;right:0;z-index:10;background-color:var(--background);transition:box-shadow 300ms ease,background-color 300ms ease}header[role="banner"].scrolled{box-shadow:0 2px 16px rgb(0 0 0 / .12)}.topbar{height:var(--top-bar-height);display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--outline-variant)}[data-theme="dark"] .logo .light,[data-theme="light"] .logo .dark{display:none}[data-theme="dark"] .logo .dark,[data-theme="light"] .logo .light{display:block}.theme-btn{color:var(--on-surface-variant);--state-layer-bg:var(--on-surface-variant);border-radius:var(--shape-corner-full);overflow:hidden}[data-theme="dark"] .theme-btn .dark,[data-theme="light"] .theme-btn .light{display:none}.topbar-actions{display:flex;align-items:center;gap:4px}.nav-menu{display:flex;align-items:center;flex:1;justify-content:center}.nav-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-list li a{display:block;padding:8px 16px;font-size:var(--label-large);font-weight:var(--weight-medium);color:var(--on-surface-variant);border-radius:var(--shape-corner-full);transition:color 100ms,background-color 100ms}.nav-list li a:hover{color:var(--primary);background-color:var(--surface-container-low)}.nav-list li.current-menu-item a{color:var(--primary);background-color:var(--surface-container)}.mobile-menu-btn{display:none}.menu-close{display:none}.hero{padding-block-start:calc(var(--top-bar-height) + 24px)}.hero-container{padding-right:100px;padding-left:100px}.hero .section-subtitle{color:var(--on-surface-variant)}.hero .section-text{margin-block:5px 16px;color:var(--on-surface-variant)}.hero .btn-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:10px}.hero-container{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding-block:40px}.hero-banner{position:relative;margin:0 auto;border-radius:var(--shape-corner-medium);border:1px solid var(--on-surface-variant);overflow:hidden;background-color:var(--surface-container-light);transition:all 0.3s var(--motion-easing-linear)}.hero-banner .img-cover{height:auto;display:block}.hero-banner:hover{transform:translateY(-5px);filter:drop-shadow(0 0 20px var(--image-shadow))}@media (min-width:992px){.hero-container{grid-template-columns:1fr 1fr;gap:60px}.hero-banner{margin-inline:auto 0}}.about-card{background-color:var(--surface-container-low);color:var(--on-surface-variant);margin-inline:16px;padding:16px;margin-block-start:24px;border-radius:var(--shape-corner-large)}.about-hero-banner{width:200px;border-radius:var(--radius-circle)}.about-card .card-title{color:var(--on-surface)}.about-card .card-text{margin-block:12px;padding-block:12px;border-block:1px solid var(--outline-variant)}.about-list{margin-block-start:10px;display:grid;gap:12px}.list-item{display:flex;align-items:center;gap:4px}.primary-tabs{background-color:var(--background);display:flex;justify-content:space-evenly;border-block-end:1px solid var(--outline-variant)}.tab-btn{padding:12px 16px;display:grid;place-items:center;color:var(--on-surface-variant);--state-layer-bg:var(--on-surface-variant)}.tab-btn.active{color:var(--primary);border-block-end:2px solid var(--primary);--state-layer-bg:var(--primary)}.tab-text{display:block}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.resume-tab .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-block-end:28px}.resume-card{display:grid;gap:4px}.resume-card .card-subtitle{color:var(--primary)}.resume-card .card-text{color:var(--on-surface-variant)}.resume-bottom-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.resume-bottom-item{background-color:var(--surface-container);display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--shape-corner-small)}.resume-bottom-item .icon{height:28px}.contact-tab{padding-block-end:0}.contact-tab .container_2{padding-block-end:24px}.contact-info,.contact-info-list{display:grid;gap:12px}.contact-info{margin-block-end:24px}.contact-info-list{padding-block-end:12px;border-block-end:1px solid var(--outline-variant)}.contact-info-item{display:flex;align-items:center;gap:12px}.contact-info .icon-box{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;color:var(--on-surface-variant)}.info-content{display:grid;gap:4px}.info-title{color:var(--on-surface-variant);opacity:.6}.info-text{color:var(--on-surface-variant)}.social-list{display:flex;gap:12px}.social-item{padding:12px}.input-wrapper{margin-block-start:16px;display:grid;gap:10px}.contact-form{background-color:var(--surface-container);padding:16px;margin-block-end:16px;border-radius:var(--shape-corner-medium)}.footer .container{text-align:center}.footer .container .hr{border-block-start:1px solid var(--outline-variant)}@media (min-width:768px){.article{position:relative;display:grid;grid-template-columns:0.5fr 1fr;align-items:flex-start;padding-top:20px;padding-bottom:20px}.about-card,.primary-tabs{position:sticky;top:var(--top-bar-height)}.primary-tabs{z-index:2}}@media (min-width:1220px){.about-card{margin-inline:8px}.contact-tab .container_2{display:grid;align-items:flex-start;grid-template-columns:0.6fr 1fr;gap:24px}}@media (max-width:767px){.hero-container{padding-right:0;padding-left:0}.mobile-menu-btn{display:grid}.nav-menu{position:fixed;top:var(--top-bar-mobile-height);right:12px;width:220px;background-color:var(--surface-container);padding:8px 10px;flex-direction:column;z-index:9;display:none;box-shadow:0 8px 32px rgb(0 0 0 / .2);border-radius:10px;border:1px solid var(--outline-variant);animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-menu.open{display:flex}.nav-list{flex-direction:column;gap:2px;width:100%;padding:4px 0}.nav-list li{width:100%}.nav-list li:not(:last-child){border-bottom:1px solid var(--outline-variant)}.nav-list li a{display:flex;align-items:center;padding:13px 16px;font-size:1.4rem;font-weight:var(--weight-medium);color:var(--on-surface);border-radius:var(--shape-corner-small);transition:all 150ms ease;letter-spacing:.3px}.nav-list li a:hover,.nav-list li.current-menu-item a{background-color:var(--surface-bright);color:var(--primary);padding-left:22px}}.archive-page{padding-top:calc(var(--top-bar-height) + 32px)}.archive-header{display:grid;gap:8px;margin-bottom:32px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--outline-variant)}.filter-btn{display:flex;align-items:center;height:36px;padding-inline:20px;border-radius:var(--shape-corner-full);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:var(--label-large);font-weight:var(--weight-medium);background-color:#fff0;transition:all 150ms ease;--state-layer-bg:var(--on-surface-variant)}.filter-btn.active,.filter-btn:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary);--state-layer-bg:var(--on-primary)}.archive-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:20px;justify-content:center}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{width:fit-content;display:inline-block;padding:3px 10px;background-color:var(--btn-bg-background);color:var(--primary);border-radius:var(--shape-corner-full)}.portfolio-card .card-subtitle{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.portfolio-card.hidden{display:none}.inform-massage{color:var(--on-surface-variant)}.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--shape-corner-large);overflow:hidden;border:1px solid var(--outline-variant);margin-bottom:48px;background-color:var(--surface-container-low);transition:box-shadow 200ms ease}.blog-featured:hover{box-shadow:0 12px 32px rgb(0 0 0 / .1)}.blog-featured-img{height:100%;min-height:340px;overflow:hidden}.blog-featured-img a{display:block;height:100%}.blog-featured-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 400ms ease}.blog-featured:hover .blog-featured-img img{transform:scale(1.04)}.blog-featured-content{padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}.blog-featured-content h2{color:var(--on-surface);line-height:1.3}.blog-featured-content h2 a{color:inherit;transition:color 150ms ease}.blog-featured-content h2 a:hover{color:var(--primary)}.blog-excerpt{color:var(--on-surface-variant);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-btn{width:fit-content;gap:8px;margin-top:4px}.blog-section-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:var(--on-surface-variant)}.blog-section-divider::before,.blog-section-divider::after{content:"";flex:1;height:1px;background-color:var(--outline-variant)}.blog-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px;color:var(--on-surface-variant)}.blog-meta-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-meta-avatar img{width:100%;height:100%;object-fit:cover;display:block}.blog-meta-dot{color:var(--outline);font-size:var(--label-small)}.blog-pagination{display:flex;justify-content:center;margin-top:16px}.blog-pagination ul{display:flex;gap:6px;list-style:none;align-items:center}.blog-pagination .page-numbers{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--shape-corner-full);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:var(--label-large);font-weight:var(--weight-medium);transition:all 150ms ease}.blog-pagination .page-numbers:hover,.blog-pagination .page-numbers.current{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.blog-pagination .page-numbers .material-symbols-outlined{font-size:1.8rem}.blog-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 16px;text-align:center;color:var(--on-surface-variant)}.blog-empty .material-symbols-outlined{font-size:6rem;opacity:.3}.article-cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.article-cat-badge{display:inline-flex;align-items:center;padding:3px 10px;background-color:var(--primary);color:var(--on-primary);border-radius:var(--shape-corner-full);font-weight:var(--weight-medium);width:fit-content;transition:opacity 150ms ease}.article-cat-badge:hover{opacity:.85}.article-post-intro{color:var(--on-surface-variant);max-width:720px;line-height:1.7;border-left:3px solid var(--primary);padding-left:16px}.article-page-sidebar{position:sticky;top:calc(var(--top-bar-height) + 16px);display:flex;flex-direction:column;gap:20px}.single-project-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;padding-top:calc(var(--top-bar-height) + 32px);padding-bottom:48px;align-items:start}.portfolio-single{display:flex;flex-direction:column;gap:20px;min-width:0}.back-btn{display:inline-flex;width:fit-content;gap:6px;color:var(--on-surface-variant);transition:color 150ms ease}.back-btn:hover{color:var(--primary)}.portfolio-header{display:flex;flex-direction:column;gap:8px}.portfolio-header h1{color:var(--on-surface);line-height:1.2}.portfolio-header .section-subtitle{color:var(--on-surface-variant);max-width:720px}.portfolio-hero{width:100%;border-radius:var(--shape-corner-large);overflow:hidden;border:1px solid var(--outline-variant)}.portfolio-hero-img{width:100%;height:auto;display:block;object-fit:cover}.portfolio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.portfolio-content{color:var(--on-surface-variant);line-height:1.8;font-size:var(--body-large);max-width:100%}.portfolio-content h2{font-family:var(--font-primary);font-size:var(--title-large);font-weight:var(--weight-medium);color:var(--on-surface);margin-block:28px 10px;padding-bottom:8px;border-bottom:1px solid var(--outline-variant)}.portfolio-content h3{font-family:var(--font-primary);font-size:var(--title-medium);font-weight:var(--weight-medium);color:var(--on-surface);margin-block:20px 8px}.portfolio-content p{margin-bottom:16px}.portfolio-content strong{color:var(--on-surface);font-weight:var(--weight-medium)}.portfolio-content ul,.portfolio-content ol{padding-left:20px;margin-bottom:16px;display:grid;gap:6px}.portfolio-content ul li{list-style:disc}.portfolio-content ol li{list-style:decimal}.portfolio-content a{color:var(--primary);display:inline;text-decoration:underline;text-underline-offset:3px}.portfolio-content img{max-width:100%;border-radius:var(--shape-corner-medium);margin-block:16px}.project-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:24px;border-top:1px solid var(--outline-variant)}.project-nav-item{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:var(--surface-container-low);border-radius:var(--shape-corner-large);border:1px solid var(--outline-variant);text-decoration:none;transition:border-color 200ms ease,transform 200ms ease,box-shadow 200ms ease;overflow:hidden;position:relative}.project-nav-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .1)}.project-nav-empty{background:#fff0;border:none;pointer-events:none}.project-nav-next{text-align:right}.nav-label{display:flex;align-items:center;gap:4px;color:var(--primary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.8px;font-size:1.1rem}.project-nav-next .nav-label{justify-content:flex-end}.nav-title{color:var(--on-surface);font-weight:var(--weight-medium);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-thumb{width:100%;height:80px;overflow:hidden;border-radius:var(--shape-corner-small);margin-top:4px}.nav-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 300ms ease}.project-nav-item:hover .nav-thumb img{transform:scale(1.05)}.sidebar-card{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--shape-corner-large);padding:20px;display:flex;flex-direction:column;gap:14px}.sidebar-title{color:var(--on-surface);font-weight:var(--weight-medium);padding-bottom:10px;border-bottom:1px solid var(--outline-variant)}.sidebar-meta-list{display:flex;flex-direction:column;gap:14px}.sidebar-meta-item{display:flex;align-items:flex-start;gap:10px;color:var(--on-surface-variant)}.sidebar-meta-item .material-symbols-outlined{font-size:1.8rem;color:var(--primary);flex-shrink:0;margin-top:2px}.sidebar-meta-item .info-title{color:var(--on-surface-variant);opacity:.7;margin-bottom:2px}.sidebar-meta-item .label-medium{color:var(--on-surface)}.sidebar-link{color:var(--primary);display:inline;word-break:break-all;transition:opacity 150ms ease}.sidebar-link:hover{opacity:.8}.sidebar-cat-list{display:flex;flex-direction:column;gap:4px}.sidebar-cat-item{display:flex;align-items:center;justify-content:space-between}.sidebar-cat-link{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--shape-corner-small);color:var(--on-surface-variant);transition:color 150ms ease,background-color 150ms ease;flex:1}.sidebar-cat-link .material-symbols-outlined{font-size:1.6rem;color:var(--primary)}.sidebar-cat-link:hover{color:var(--primary);background-color:var(--surface-container)}.cat-count{background-color:var(--surface-container);color:var(--on-surface-variant);padding:2px 8px;border-radius:var(--shape-corner-full);font-size:var(--label-small)}.sidebar-recent-list{display:flex;flex-direction:column;gap:14px}.sidebar-recent-item{display:flex;gap:12px;align-items:flex-start}.recent-thumb{width:64px;height:64px;flex-shrink:0;border-radius:var(--shape-corner-small);overflow:hidden;border:1px solid var(--outline-variant)}.recent-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 300ms ease}.recent-thumb:hover img{transform:scale(1.08)}.recent-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.recent-title{color:var(--on-surface);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;transition:color 150ms ease}.recent-title:hover{color:var(--primary)}.recent-cat{color:var(--primary);font-size:var(--label-small);opacity:.85}@media (max-width:1023px){.single-project-layout{grid-template-columns:1fr}.project-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}}@media (max-width:639px){.single-project-layout{padding-top:calc(var(--top-bar-height) + 16px);gap:24px}.project-nav{grid-template-columns:1fr}.project-nav-next{text-align:left}.project-nav-next .nav-label{justify-content:flex-start}.project-sidebar{grid-template-columns:1fr}}.single-blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;padding-top:calc(var(--top-bar-height) + 32px);padding-bottom:48px;align-items:start}.single-blog-article{display:flex;flex-direction:column;gap:24px;min-width:0}.blog-post-title{color:var(--on-surface);line-height:1.2}.blog-post-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:16px;border-block:1px solid var(--outline-variant)}.blog-meta-avatar-lg{width:40px!important;height:40px!important}.blog-meta-author-info{display:flex;flex-direction:column;gap:2px}.blog-meta-author-name{color:var(--on-surface);font-weight:var(--weight-medium)}.blog-meta-secondary{display:flex;align-items:center;gap:6px;color:var(--on-surface-variant)}.blog-share{display:flex;align-items:center;gap:8px}.blog-share-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--shape-corner-full);border:1px solid var(--outline-variant);color:var(--on-surface-variant);background:none;cursor:pointer;transition:all 150ms ease}.blog-share-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--surface-container)}.blog-share-btn .material-symbols-outlined{font-size:1.8rem}.blog-post-hero{border-radius:var(--shape-corner-large);overflow:hidden;border:1px solid var(--outline-variant)}.blog-post-hero img{width:100%;height:auto;display:block}.blog-img-caption{padding:8px 16px;color:var(--on-surface-variant);text-align:center;background-color:var(--surface-container)}.blog-post-content{color:var(--on-surface-variant);line-height:1.85;font-size:var(--body-large)}.blog-post-content h2{font-family:var(--font-primary);font-size:var(--headline-small);font-weight:var(--weight-medium);color:var(--on-surface);margin-block:32px 12px;padding-bottom:8px;border-bottom:1px solid var(--outline-variant)}.blog-post-content h3{font-family:var(--font-primary);font-size:var(--title-large);font-weight:var(--weight-medium);color:var(--on-surface);margin-block:24px 10px}.blog-post-content h4{font-family:var(--font-primary);font-size:var(--title-medium);font-weight:var(--weight-medium);color:var(--on-surface);margin-block:20px 8px}.blog-post-content p{margin-bottom:20px}.blog-post-content strong{color:var(--on-surface);font-weight:var(--weight-medium)}.blog-post-content a{color:var(--primary);display:inline;text-decoration:underline;text-underline-offset:3px}.blog-post-content ul,.blog-post-content ol{padding-left:24px;margin-bottom:20px;display:grid;gap:8px}.blog-post-content ul li{list-style:disc}.blog-post-content ol li{list-style:decimal}.blog-post-content blockquote{border-left:4px solid var(--primary);padding:16px 20px;margin-block:24px;background-color:var(--surface-container);border-radius:0 var(--shape-corner-medium) var(--shape-corner-medium) 0;color:var(--on-surface);font-style:italic}.blog-post-content img{max-width:100%;border-radius:var(--shape-corner-medium);margin-block:20px;border:1px solid var(--outline-variant)}.blog-post-content pre,.blog-post-content code{background-color:var(--surface-container);border-radius:var(--shape-corner-small);font-family:"Courier New",monospace;font-size:var(--body-small)}.blog-post-content pre{padding:20px;overflow-x:auto;margin-bottom:20px}.blog-post-content code{padding:2px 6px}.blog-post-content table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:var(--body-medium)}.blog-post-content th,.blog-post-content td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--outline-variant)}.blog-post-content th{background-color:var(--surface-container);color:var(--on-surface);font-weight:var(--weight-medium)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:20px;border-top:1px solid var(--outline-variant)}.blog-tag{display:inline-flex;padding:4px 12px;background-color:var(--surface-container);color:var(--on-surface-variant);border-radius:var(--shape-corner-full);border:1px solid var(--outline-variant);transition:all 150ms ease}.blog-tag:hover{border-color:var(--primary);color:var(--primary);background-color:var(--surface-container-low)}.blog-author-bio{display:flex;gap:16px;align-items:flex-start;padding:24px;background-color:var(--surface-container-low);border-radius:var(--shape-corner-large);border:1px solid var(--outline-variant)}.blog-author-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-author-avatar img{width:100%;height:100%;object-fit:cover;display:block}.blog-author-info{display:flex;flex-direction:column;gap:4px}.blog-author-info .title-medium{color:var(--on-surface)}.blog-author-info .body-small{color:var(--on-surface-variant);line-height:1.6}.blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:24px;border-top:1px solid var(--outline-variant)}.sidebar-author{display:flex;gap:12px;align-items:flex-start}.sidebar-author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.sidebar-author-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}