.project-card{border:1px solid var(--border-muted);border-top:solid 1px var(--highlight);border-radius:var(--base-border-radius);padding:12px;background:var(--bg-gradient);display:flex;flex-direction:column;width:100%;height:100%;align-self:stretch;position:relative}.project-card:hover{background:var(--bg-gradient-hover);border:1px solid var(--border);border-top:solid 1px var(--highlight)}.project-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-gradient);border-radius:var(--base-border-radius);position:relative}.project-image .img--project{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;transform-origin:center}.project-card:hover .img--project{transform:scale(1.06);z-index:2}body.is-scrolling .project-card{pointer-events:none}.project-content{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto}.project-title{font-size:var(--important-font-size);font-weight:var(--important-text-weight);color:var(--text);margin:0;line-height:1.3}.project-description{font-size:var(--description-font-size);color:var(--text-muted);margin:0;line-height:1.5;min-height:6em;flex:1 1 auto;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;overflow:visible}.tech-badge{display:inline-block;flex:0 0 auto;white-space:nowrap;padding:4px 12px;background:var(--bg);border:1px solid var(--border-muted);border-radius:var(--base-border-radius);font-size:var(--tech-font-size);color:var(--text-muted);font-weight:var(--muted-text-weight)}.project-links{display:flex;gap:12px;flex-wrap:nowrap;justify-content:center;container-type:inline-size}.project-links .btn{flex:1 1 auto;min-width:0;justify-content:center}.project-links .btn-label{overflow:hidden;white-space:nowrap}@container (max-width: 240px){.project-links .btn-label{display:none}}@media(prefers-reduced-motion:reduce){.project-image img{transition:none;animation:none}.project-card:hover .project-image img{transform:none;filter:none}}:root{--bg-dark: hsl(336 0% 1%);--bg: hsl(330 0% 4%);--bg-light: hsl(0 0% 9%);--text: hsl(0 0% 95%);--text-muted: hsl(300 0% 69%);--highlight: hsl(330 0% 39%);--border: hsl(0 0% 28%);--border-muted: hsl(300 0% 18%);--surface-card: hsl(0 0% 6%);--surface-card-hover: hsl(0 0% 8%);--bg-gradient: var(--surface-card);--bg-gradient-hover: var(--surface-card-hover);--action-bg: var(--highlight);--action-text: var(--text);--icon-invert-filter: brightness(0) invert(1);--base-border-radius: 5px;--text-scale: clamp(.9, calc(100vw / 1080), 1.12);--gap-xs: 6px;--gap-sm: 8px;--gap-md: 24px;--gap-lg: clamp(1.5rem, 4vw, 3rem);--spacing-xs: 1rem;--spacing-sm: 1.5rem;--spacing-md: 20px;--spacing-lg: clamp(2rem, 7vw, 4rem);--padding-btn: 8px 16px;--padding-container: 0 clamp(1rem, 5vw, 15rem);--muted-text-weight: 450;--important-text-weight: 600;--important-font-size: 1.25rem;--important-description-font-size: 1.05rem;--description-font-size: .95rem;--tech-font-size: .8rem}body.light,html.theme-light body{--bg-dark: hsl(0 0% 99%);--bg: hsl(0 0% 96%);--bg-light: hsl(0 0% 91%);--text: hsl(0 0% 5%);--text-muted: hsl(0 0% 31%);--highlight: hsl(0 0% 36%);--border: hsl(0 0% 72%);--border-muted: hsl(0 0% 82%);--surface-card: hsl(0 0% 100%);--surface-card-hover: hsl(0 0% 94%);--bg-gradient: var(--surface-card);--bg-gradient-hover: var(--surface-card-hover);--action-bg: hsl(0 0% 16%);--action-text: hsl(0 0% 98%);--icon-invert-filter: brightness(0) invert(0);--primary: hsl(318 38% 30%);--secondary: hsl(160 100% 13%);--danger: hsl(9 21% 41%);--warning: hsl(52 23% 34%);--success: hsl(147 19% 36%);--info: hsl(217 22% 41%)}*{margin:0;box-sizing:border-box}html,body{font-size:calc(16px * var(--text-scale));background-color:var(--bg-dark);color:var(--text);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.container h1,.container h2,.container h3,.container p{overflow-wrap:anywhere;hyphens:auto}.container{max-width:900px;margin:0 auto;padding:var(--padding-container);width:100%}h1,h2,h3,h4,h5,h6{color:var(--text)}h1{font-size:clamp(2rem,5vw,3rem)}h1:has(br),h1.tight-break{line-height:1.15}.project-page-first-header{margin-top:.45rem}h2{font-size:clamp(1.25rem,3vw,1.8rem)}h3{font-size:clamp(1.15rem,2.5vw,1.5rem)}p{font-size:clamp(.95rem,.9rem + .25vw,1.12rem);font-weight:var(--muted-text-weight);margin-bottom:var(--spacing-xs);color:var(--text-muted)}.wp{font-size:clamp(1rem,.94rem + .28vw,1.18rem);font-weight:var(--important-text-weight);margin-bottom:var(--spacing-xs);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-btn);background:var(--bg-light);color:var(--text);border:none;border-radius:var(--base-border-radius);font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn:hover{background:var(--action-bg);color:var(--action-text);transform:translateY(-2px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.img{display:block;margin:0;width:auto;max-width:100%;height:auto;outline:2px solid var(--border-muted);border-radius:var(--base-border-radius);transition:border-radius .35s ease,transform .9s ease,outline .2s ease}.img--hero{transition:outline .2s ease,transform .9s ease,border-radius .35s ease}.img--hero:hover{outline:2px solid var(--border);transform:rotate(360deg);border-radius:500px}body.is-scrolling .img--hero{pointer-events:none}.img--project{transition:transform .5s ease,filter .5s ease}.cr .hero>.home-hero__image-wrap>img{outline:2px solid var(--border-muted);border-radius:var(--base-border-radius);transition:transform .5s cubic-bezier(.4,0,.2,1),outline-color .2s}.cr .hero>.home-hero__image-wrap:hover>img{transform:scale(1.06);outline:2px solid var(--highlight)}body.is-scrolling .home-hero__image-wrap{pointer-events:none}.cr{max-width:900px;margin:0 auto;padding:var(--padding-container);width:100%;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.text-highlight{font-size:var(--important-description-font-size);font-weight:bolder}.hero{display:flex;align-items:center;gap:var(--gap-lg);margin-bottom:var(--spacing-lg)}.hero-text{flex:1 1 0}.hero .img--hero{margin-left:auto;width:clamp(120px,18vw,240px)}.cr .hero>.home-hero__image-wrap{width:clamp(120px,18vw,240px);max-width:100%;height:clamp(120px,18vw,240px)}.cr .hero>.home-hero__image-wrap .img--detail{width:100%;height:100%;object-fit:cover;object-position:top}.cr.hero .img,.cr .hero>.hero-image-wrap{margin-top:-2rem}@media(max-width:720px){.hero{flex-direction:column;align-items:flex-start;text-align:left}.hero-text{width:100%}.hero .img{margin:var(--spacing-sm) auto 0;width:clamp(190px,64vw,320px)}.cr .hero>.hero-image-wrap,.cr .hero>.home-hero__image-wrap{width:clamp(190px,64vw,320px);height:auto;margin-left:auto;margin-right:auto}.cr.hero .img,.cr .hero>.hero-image-wrap{margin-top:-.6rem}}.read-more{display:inline}.read-more summary{display:inline;cursor:pointer;color:var(--highlight);font-weight:var(--important-text-weight);list-style:none;user-select:none}.read-more summary:hover{color:var(--text)}.read-more summary:before{content:".."}.read-more summary::-webkit-details-marker{display:none}.read-more[open] summary{display:none}.show-less{appearance:none;background:none;border:0;padding:0;cursor:pointer;color:var(--highlight);font:inherit;font-weight:var(--important-text-weight);user-select:none}.show-less:hover{color:var(--text)}.read-more:not([open]) .show-less{display:none}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-md);margin-top:var(--spacing-md);align-items:stretch}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.vmp{text-align:right;margin-top:var(--spacing-sm)}.vmp a{display:inline-flex;align-items:center;gap:var(--gap-sm);text-decoration:none;font-weight:var(--important-text-weight);color:var(--highlight);transition:all .2s ease}.vmp a:hover{color:var(--text)}.vmp-icon{display:inline-flex;align-items:center;justify-content:center}.feature-table{width:100%;border-collapse:collapse}.feature-table tr{border-bottom:1px solid var(--border-muted)}.feature-table tr:last-child{border-bottom:none}.feature-table td{padding:.75rem 0}.feature-table .label{font-weight:var(--important-text-weight);color:var(--text);min-width:180px;padding-right:2rem}.feature-table .value{color:var(--text-muted);word-break:break-word;white-space:normal}header{padding-block:1.5rem;border-bottom:1px solid var(--border-muted);position:sticky;top:0;z-index:1000;background-color:var(--bg);background-color:color-mix(in oklch,var(--bg) 65%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}header .header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}header .header__nav{display:flex;gap:clamp(1.5rem,4vw,2.5rem);align-items:center}header .header__nav a{font-size:.95rem;font-weight:700;text-transform:none}header a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:var(--muted-text-weight);display:inline-flex;align-items:center;gap:var(--gap-xs);transition:color .2s ease}header a:hover{color:var(--text)}header .header__nav a[aria-current=page]{color:var(--text)}header .header__controls{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}header .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(20px * var(--text-scale));height:calc(20px * var(--text-scale));flex:0 0 calc(20px * var(--text-scale));align-self:center}header .nav-icon svg{width:calc(20px * var(--text-scale));height:calc(20px * var(--text-scale));stroke:currentColor;display:block}header .language-switch{margin-left:0;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .95rem;border:none;border-radius:0;background:transparent;outline:none;font-size:.9rem;font-weight:700;white-space:nowrap;line-height:1.2}header .language-switch:hover{color:var(--text)}header .language-switch:focus,header .language-switch:focus-visible{outline:none}header .language-switch strong{color:var(--text)}header .theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .95rem;border:none;border-radius:0;background:transparent;color:var(--text-muted);outline:none;font-size:.9rem;font-weight:700;white-space:nowrap;line-height:1;cursor:pointer;font-family:inherit}header .theme-switch:hover{color:var(--text)}header .theme-switch:focus,header .theme-switch:focus-visible{outline:none}header .theme-switch [data-theme-value].active{color:var(--text)}@media(max-width:720px){header .header__inner{align-items:center}header .header__nav{flex-wrap:wrap}header .header__controls{margin-left:auto;gap:.95rem}header .theme-switch{padding:.25rem 0;font-size:.85rem}header .language-switch{width:auto;margin-left:auto;justify-content:flex-end;padding:.25rem 0;font-size:.85rem}}.footer{margin-top:clamp(8.5rem,6vw,4rem);border-top:1px solid var(--border-muted);background-color:color-mix(in oklch,var(--bg) 70%,var(--bg-dark) 30%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-inline:clamp(1.25rem,6vw,2.5rem)}.footer__inner{display:flex;justify-content:space-between;align-items:center;padding:clamp(1.25rem,3vw,1.75rem) 0;gap:1rem;row-gap:.75rem;flex-wrap:wrap}.footer__left{margin:0;color:var(--text);font-weight:var(--important-text-weight);flex:1 1 200px}.footer__right{margin:0;color:var(--text-muted);font-weight:var(--muted-text-weight);text-align:right;flex:1 1 240px}@media(max-width:720px){.footer{padding-inline:clamp(1.5rem,8vw,3rem)}.footer__inner{flex-direction:column;align-items:flex-start;width:100%}.footer__right{text-align:left}.footer__left,.footer__right{flex:1 1 auto;width:100%}}.skills-footer{display:flex;justify-content:flex-end;margin-top:var(--gap-md)}.contact{padding:1.5rem;background:var(--bg-dark);color:var(--text)}.contact__content{max-width:720px;margin:0 auto;background:var(--bg-gradient);border:1px solid var(--border-muted);border-top:solid 1px var(--highlight);border-radius:var(--base-border-radius);padding:2.5rem;transition:all .3s ease}.contact__content:hover{background:var(--bg-gradient-hover);border:1px solid var(--border);border-top:solid 1px var(--highlight)}.contact__block+.contact__block{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-muted)}.contact__content h3{margin:0 0 .4rem;font-size:clamp(1.05rem,1rem + .5vw,1.3rem);font-weight:700;letter-spacing:-.01em;color:var(--text)}.contact__content p{margin:0 0 1.5rem;color:var(--text-muted);font-weight:var(--muted-text-weight)}.contact__block--last .social-links{margin-top:0}.contact__email-btn{border-radius:var(--base-border-radius);width:100%;padding:1.2rem 1.5rem;background:var(--bg-light);border:none;outline:none;color:var(--text);font-size:clamp(.75rem,.65rem + 1.2vw,.9rem);font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:2rem;overflow-wrap:anywhere}.contact__email-btn:hover{background:var(--action-bg);color:var(--action-text);transform:translateY(-2px)}.contact__email-btn:active{transform:translateY(0)}.social-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:1.5rem;container-type:inline-size}.social-links .btn-label{overflow:hidden;white-space:nowrap}@container (max-width: 480px){.social-links{flex-wrap:nowrap}.social-links .btn{flex:1 1 auto;min-width:0;justify-content:center}.social-links .btn-label{display:none}}@media(max-width:640px){.contact__content{padding:2rem 1.5rem}.contact__email-btn{padding:1rem}}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:center;gap:200px;margin-bottom:.75rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--base-border-radius)}