:root{--bg:#0a0a0f;--bg-soft:#0e0e16d9;--panel:#0f0f18c7;--panel-strong:#12121ef0;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff1a;--border-hover:#f1f1ff33;--text:#e6e8f0d6;--text-strong:#ededf2;--muted:#c8cddc8c;--accent:#f1f1ff;--accent-light:#d8d8f0;--accent-glow:#f1f1ff14;--shadow-sm:0 4px 20px #0000004d;--shadow:0 20px 60px #0006;--shadow-lg:0 40px 100px #0000008c;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--container:1140px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Syne,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}body{background:var(--bg);min-width:320px;color:var(--text);overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}img,video{max-width:100%;height:auto}h1,h2,h3{font-family:Instrument Serif,Georgia,serif;font-weight:400}#root,main{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}#smooth-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#smooth-content{width:100%;overflow:visible}.page-shell{flex-direction:column;flex:1;display:flex;position:relative;overflow-x:clip}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{width:min(calc(100% - 40px), var(--container));margin-inline:auto;padding:120px 0;position:relative}.site-top-highlight{z-index:100;pointer-events:none;background:linear-gradient(90deg,#0000,#f1f1ffb3 30%,#d8d8f0e6 50%,#f1f1ffb3 70%,#0000);width:100%;height:1px;position:fixed;top:0;left:0;box-shadow:0 0 20px #f1f1ff66}.nav-wrapper{z-index:90;justify-content:center;padding:16px 20px;display:flex;position:fixed;top:0;left:0;right:0}.nav-wrapper:after{content:"";pointer-events:none;z-index:95;background:linear-gradient(180deg, var(--bg) 0%, #0a0a0fb3 50%, transparent 100%);height:100px;position:fixed;top:0;left:0;right:0}.nav-inner{width:min(100%, var(--container));border:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(150%);background:#0a0a0f99;border-radius:999px;justify-content:space-between;align-items:center;padding:12px 20px;transition:border-color .3s,background .3s,box-shadow .3s;display:flex}.nav-wrapper.scrolled .nav-inner{background:#0a0a0fd9;border-color:#f1f1ff33;box-shadow:0 12px 40px #0006}.nav-logo{color:var(--text-strong);letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:1.4rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-logo:hover{color:var(--accent-light)}.nav-links{align-items:center;gap:32px;padding:0;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:.01em;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-strong)}.nav-cta{align-items:center;gap:10px;display:flex}.nav-cta-btn{cursor:pointer;background:var(--accent);color:#0a0a0f;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-family:Syne,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.nav-cta-btn:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 6px 20px #f1f1ff2e}.nav-hamburger{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:8px;display:none}.nav-hamburger span{background:var(--text-strong);border-radius:2px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.nav-hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:89;opacity:0;pointer-events:none;background:#0a0a0ff7;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .3s;display:flex;position:fixed;inset:0}.nav-mobile-menu.open{opacity:1;pointer-events:all}.nav-mobile-menu a{color:var(--text-strong);font-family:Instrument Serif,serif;font-size:2.4rem;transition:color .2s}.nav-mobile-menu a:hover{color:var(--accent-light)}.nav-mobile-cta{margin-top:16px}.hero-section{text-align:center;background:var(--bg);z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative;overflow:hidden}.top-light-strip{z-index:0;pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#000000b3 44%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000b3 44%,#0000 100%)}.top-light-strip .custom-rays,.top-light-strip .light-rays{width:100%;height:100%}.light-rays,.custom-rays{pointer-events:none;width:100%;height:100%;position:relative}.hero-content{z-index:2;flex-direction:column;align-items:center;max-width:800px;display:flex;position:relative}.hero-eyebrow{color:var(--accent-light);letter-spacing:.06em;text-transform:uppercase;background:#f1f1ff14;border:1px solid #f1f1ff4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-dot{background:#6ee7a0;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #6ee7a0cc}.hero-title{letter-spacing:-.02em;color:var(--text-strong);margin-bottom:24px;font-family:Instrument Serif,serif;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1}.hero-title em{color:#0000;background:linear-gradient(135deg, var(--accent-light), #c4b5fd);-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-sub{color:var(--muted);max-width:52ch;margin-bottom:40px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero-scroll-hint{opacity:.6;z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(180deg, transparent, var(--text-strong));width:1px;height:44px;animation:2s ease-in-out infinite scroll-pulse}.hero-scroll-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.65rem}@keyframes scroll-pulse{0%,to{opacity:.4}50%{opacity:1}}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#0a0a0f;box-shadow:0 4px 20px #f1f1ff1f}.btn-primary:hover{background:var(--accent-light);box-shadow:0 8px 32px #f1f1ff33}.btn-secondary{color:var(--text-strong);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:#f1f1ff0d;border-color:#f1f1ff66}.btn-ghost{color:var(--muted);background:0 0;padding:12px 8px}.btn-ghost:hover{color:var(--text-strong);transform:none}.section-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);margin-bottom:14px;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.01em;color:var(--text-strong);margin-bottom:18px;font-family:Instrument Serif,serif;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:400;line-height:1.1}.section-desc{color:var(--muted);max-width:60ch;font-size:1.05rem;line-height:1.7}.about-preview{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--border);grid-template-columns:1fr 1fr;align-items:stretch;gap:3px;display:grid;overflow:hidden}.about-preview-left{background:var(--panel);flex-direction:column;justify-content:space-between;gap:40px;padding:64px 56px;display:flex}.about-preview-right{background:#0a0a12e6;grid-template-rows:1fr 1fr;gap:3px;display:grid}.about-preview-right-top{background:var(--panel);flex-direction:column;justify-content:flex-end;gap:16px;padding:36px 40px;display:flex}.about-preview-right-bottom{background:#f1f1ff0f;border-top:1px solid #f1f1ff26;flex-direction:column;justify-content:center;gap:12px;padding:36px 40px;display:flex}.about-preview-name{color:var(--text-strong);letter-spacing:-.02em;font-family:Instrument Serif,serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.08}.about-preview-name em{color:var(--accent-light);font-style:italic}.about-preview-bio{color:var(--muted);max-width:38ch;font-size:.97rem;line-height:1.7}.about-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:Syne,sans-serif;font-size:.7rem;font-weight:700}.about-stat-value{color:var(--text-strong);letter-spacing:-.01em;font-family:Syne,sans-serif;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:600;line-height:1.1}.about-skill-list{flex-direction:column;gap:10px;display:flex}.about-skill-row{align-items:center;gap:12px;display:flex}.about-skill-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.about-skill-row span{color:var(--text);font-family:Syne,sans-serif;font-size:.88rem}.about-tags-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.about-tag{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:6px 12px;font-family:Syne,sans-serif;font-size:.8rem;display:inline-flex}.projects-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.projects-subtitle{color:var(--muted);max-width:48ch;margin-top:10px;font-family:Syne,sans-serif;font-size:1rem;line-height:1.6}.projects-header-text{flex:1}.projects-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:20px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;color:inherit;background:#ffffff06;flex-direction:column;height:100%;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#f1f1ff33;transform:translateY(-6px);box-shadow:0 24px 56px #0006,0 0 0 1px #f1f1ff33}.project-card-preview{aspect-ratio:16/10;background:#0e0e18e6;flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-card-body{flex-direction:column;flex:1;gap:8px;padding:22px 24px 0;display:flex}.project-card-footer{justify-content:space-between;align-items:center;padding:16px 24px 22px;display:flex}.project-eyebrow{letter-spacing:.08em;color:var(--accent-light);text-transform:uppercase;font-family:Syne,sans-serif;font-size:.84rem;font-weight:700;line-height:1.35}.project-title{letter-spacing:0;color:var(--text-strong);font-family:Syne,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.35}.project-desc{color:var(--muted);flex:1;font-size:.85rem;line-height:1.6}.project-tags{flex-wrap:wrap;align-content:flex-start;gap:5px;margin-top:4px;display:flex}@media (width>=769px){.project-tags{min-height:46px}}.project-tag{color:var(--muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:3px 9px;font-size:.7rem}.project-link-arrow{color:var(--accent-light);align-items:center;gap:4px;font-size:.82rem;font-weight:600;transition:color .2s,gap .2s;display:flex}.project-card:hover .project-link-arrow{gap:8px}.projects-cta{justify-content:center;margin-top:48px;display:flex}.card-preview{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.card-preview-image{object-fit:cover;width:100%;height:100%;display:block}.card-preview-bar{background:#ffffff08;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:5px;height:26px;padding:0 10px;display:flex}.card-preview-dot{background:#ffffff1a;border-radius:50%;width:7px;height:7px}.card-preview-url{background:#ffffff0d;border-radius:4px;flex:1;height:12px;margin:0 8px}.card-preview-body{flex:1;display:flex;overflow:hidden}.card-preview-sidebar{background:#ffffff05;border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:28px;padding:8px 0;display:flex}.card-preview-nav{background:#ffffff14;border-radius:3px;width:14px;height:5px}.card-preview-content{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow:hidden}.card-preview-header{border-radius:4px;flex-shrink:0;height:16px}.card-preview-cards{flex:1;gap:5px;display:flex}.card-preview-card{border-radius:5px;flex:1}.card-preview-card--tall{flex:1.4}.card-preview-rows{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.card-preview-row{background:#ffffff0f;border-radius:3px;height:5px}.card-preview-row--short{width:60%}.card-preview-glow{pointer-events:none;position:absolute;inset:0}.contact-layout{grid-template-columns:1.2fr .8fr;align-items:start;gap:64px;display:grid}.contact-heading-block{margin-bottom:40px}.contact-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:Syne,sans-serif;font-size:.8rem;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-strong);-webkit-appearance:none;background:#ffffff0a;outline:none;padding:14px 16px;font-family:Syne,sans-serif;font-size:.95rem;transition:border-color .2s,background .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted);opacity:.7}.form-input:focus,.form-textarea:focus{background:#f1f1ff0a;border-color:#f1f1ff80;box-shadow:0 0 0 3px #f1f1ff1a}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.form-submit{width:100%;margin-top:4px}.contact-info{flex-direction:column;gap:32px;padding-top:8px;display:flex}.contact-info-heading{color:var(--text-strong);margin-bottom:16px;font-family:Instrument Serif,serif;font-size:1.4rem}.contact-info-links{flex-direction:column;gap:12px;display:flex}.contact-info-link{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:#ffffff06;align-items:center;gap:12px;padding:14px 18px;font-family:Syne,sans-serif;font-size:.9rem;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:flex}.contact-info-link:hover{color:var(--text-strong);background:#f1f1ff0d;border-color:#f1f1ff4d}.contact-info-link svg{color:var(--accent-light);flex-shrink:0}.about-hero-section,.contact-hero-section{padding-top:160px}.about-page-hero{text-align:center;max-width:700px;margin:0 auto;padding-top:160px;padding-bottom:80px}.about-page-body{grid-template-columns:.7fr 1fr;align-items:start;gap:64px;padding-bottom:120px;display:grid}.about-page-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.about-avatar-box{aspect-ratio:3/4;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(145deg,#f1f1ff1a,#0a0a12e6);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.about-avatar-img{object-fit:cover;object-position:center top;width:100%;height:100%}.about-avatar-placeholder{color:var(--accent-light);opacity:.3;font-family:Instrument Serif,serif;font-size:5rem}.about-sidebar-links{flex-direction:column;gap:10px;display:flex}.about-page-content{flex-direction:column;gap:48px;padding-top:8px;display:flex}.about-content-block{flex-direction:column;gap:16px;display:flex}.about-content-block h3{color:var(--text-strong);font-family:Instrument Serif,serif;font-size:1.5rem}.about-content-block p{color:var(--muted);font-size:.98rem;line-height:1.75}.skills-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.skill-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;gap:10px;padding:12px 16px;font-family:Syne,sans-serif;font-size:.88rem;display:flex}.skill-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.projects-page-header{padding-top:160px;padding-bottom:64px}.projects-page-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:120px;display:grid}.reveal-word{vertical-align:bottom;margin-right:.3ch;display:inline-block;overflow:hidden}.reveal-word:last-child{margin-right:0}.reveal-word-inner{will-change:transform, opacity;display:inline-block}[data-reveal-item]{will-change:transform, opacity}.footer{width:min(calc(100% - 40px), var(--container));margin-top:auto;border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding:40px 0;display:flex}.footer-logo{color:var(--muted);font-family:Instrument Serif,serif;font-size:1.2rem}.footer-copy{color:var(--muted);font-family:Syne,sans-serif;font-size:.82rem}.page-enter{opacity:0;transform:translateY(16px)}.page-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.hbg-container{text-decoration:none}.hbg-inner{color:#fff;letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;padding:11px 22px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.hbg-inner--sm{padding:7px 16px;font-size:.85rem}@media (width<=1024px){.section{padding:96px 0}.projects-grid,.projects-page-grid{grid-template-columns:repeat(2,1fr)}.about-preview{grid-template-columns:1fr}.about-preview-left{padding:48px 40px}.about-preview-right{grid-template-rows:auto auto}.about-preview-right-top,.about-preview-right-bottom{padding:32px 40px}.contact-layout,.about-page-body{grid-template-columns:1fr;gap:48px}.about-page-sidebar{position:static}.about-avatar-box{aspect-ratio:1;max-width:280px}}@media (width<=768px){.section{padding:80px 0}.container,.section{width:min(calc(100% - 24px), var(--container))}.about-hero-section,.contact-hero-section{padding-top:110px}.projects-page-header{text-align:center;padding-top:110px;padding-bottom:48px}.projects-page-header .section-title{max-width:none!important}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.nav-wrapper{padding:12px 16px}.nav-inner{padding:10px 16px}.rs-mobile-toggle{min-width:44px;min-height:44px}.hero-section{padding:100px 16px 80px}.hero-title{font-size:clamp(2.4rem,9vw,3.6rem)}.hero-actions{gap:12px}.hero-eyebrow{padding:4px 12px;font-size:.75rem}.projects-grid,.projects-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.projects-header{flex-direction:column;align-items:flex-start;gap:12px}.pg-card-preview{aspect-ratio:16/10;min-height:220px}.pg-preview{border-radius:var(--radius-lg)}.project-card{border-radius:var(--radius-lg);margin-bottom:0}.project-card-preview{aspect-ratio:16/9}.project-card-body{gap:6px;padding:12px 12px 0}.project-card-footer{padding:8px 12px 12px}.project-eyebrow{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;line-height:1.25;overflow:hidden}.project-title{font-size:.92rem;line-height:1.25}.project-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.45;display:-webkit-box;overflow:hidden}.project-tags{gap:4px;margin-top:2px}.project-tag{padding:2px 6px;font-size:.62rem}.project-link-arrow{font-size:.74rem}.form-row{grid-template-columns:1fr}.about-preview-left{padding:36px 28px}.about-preview-right-top,.about-preview-right-bottom{padding:28px}.about-preview-name{font-size:clamp(1.8rem,7vw,2.6rem)}.skills-grid{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column;gap:8px}.nav-mobile-menu a{font-size:2rem}.cs-two-col{grid-template-columns:1fr;gap:28px}.cs-steps-grid{grid-template-columns:1fr}.cs-step{min-height:380px;padding:20px}.sg-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=480px){.hero-title{font-size:clamp(2rem,10vw,2.8rem)}.section-title{font-size:clamp(1.7rem,7vw,2.4rem)}.about-page-sidebar{flex-direction:column;align-items:center;gap:16px}.about-avatar-box{max-width:120px}.section{padding:64px 0}.container,.section{width:min(calc(100% - 16px), var(--container))}.about-hero-section{padding-top:90px;padding-bottom:48px}.contact-hero-section{padding-top:90px}.projects-page-header{text-align:center;padding-top:90px;padding-bottom:28px}.projects-page-header .section-title{max-width:none!important}.hero-section{padding:80px 16px 60px}.hero-scroll-hint{bottom:20px}.projects-grid,.projects-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pg-card-preview{aspect-ratio:16/10}.project-card{border-radius:var(--radius-md)}.project-card-preview{aspect-ratio:4/3}.project-card-body{gap:4px;padding:10px 10px 0}.project-card-footer{padding:6px 10px 10px}.project-eyebrow{letter-spacing:.04em;font-size:.6rem}.project-title{font-size:.82rem;line-height:1.2}.project-desc{display:none}.project-tag{padding:2px 6px;font-size:.65rem}.project-link-arrow{gap:3px;font-size:.68rem}.projects-header{gap:12px;margin-bottom:16px}.projects-subtitle{max-width:none;font-size:.9rem}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-info-heading{font-size:1.1rem}.contact-info-link{padding:12px 16px;font-size:.85rem}.form-input,.form-textarea{padding:12px 14px;font-size:16px}.form-textarea{min-height:120px}.card-preview-bar{height:22px;padding:0 8px}.card-preview-dot{width:5px;height:5px}.card-preview-sidebar{width:24px}.card-preview-nav{width:10px;height:4px}.about-preview{grid-template-columns:1fr}.about-preview-left{padding:28px 20px}.about-preview-right-top,.about-preview-right-bottom{padding:24px 20px}.about-preview-name{font-size:clamp(1.5rem,6vw,2.2rem)}.about-preview-bio{max-width:none;font-size:.9rem}.about-stat-value{font-size:clamp(1.2rem,2vw,1.6rem)}.about-skill-list{gap:8px}.about-skill-row span{font-size:.8rem}.btn{padding:10px 18px;font-size:.85rem}.btn-primary,.btn-secondary{border-radius:20px}}@media (width<=390px){.projects-grid,.projects-page-grid{grid-template-columns:1fr}}.rs-wrap{z-index:90;width:min(calc(100% - 32px), var(--container));position:fixed;top:14px;left:50%;transform:translate(-50%)}.rs-navbar{z-index:1;margin-top:0;position:relative}.rs-nav-body{border:1px solid var(--border);-webkit-backdrop-filter:blur(28px)saturate(160%);background:#0a0a0f8c;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;max-width:100%;margin-inline:auto;padding:14px 18px;transition:max-width .35s,padding .35s,border-color .35s,background-color .35s,box-shadow .35s;display:flex}.rs-wrap.is-scrolled .rs-nav-body{-webkit-backdrop-filter:blur(32px)saturate(180%);background:#0a0a0fbf;border-color:#f1f1ff2e;max-width:860px;padding:10px 14px;box-shadow:0 14px 34px #0006}.rs-logo{color:var(--text-strong);letter-spacing:-.01em;white-space:nowrap;font-family:Instrument Serif,serif;font-size:1.3rem;font-weight:400;text-decoration:none}.rs-nav-items{color:var(--muted);align-items:center;gap:22px;display:flex}.rs-nav-items a{font-size:.9rem;font-weight:500;transition:color .2s}.rs-nav-items a:hover{color:var(--text-strong)}.rs-nav-actions{align-items:center;gap:10px;display:flex}.rs-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:36px;padding:0 14px;font-family:Syne,sans-serif;font-size:.875rem;transition:transform .2s,border-color .2s,background-color .2s}.rs-btn:hover{transform:translateY(-1px)}.rs-btn-primary{color:#0a0a0f;background:var(--accent);font-weight:700}.rs-btn-primary:hover{background:var(--accent-light)}.rs-btn-secondary{color:var(--text-strong);border-color:var(--border);background:#ffffff0a}.w-full{width:100%}.rs-mobile-nav{display:none}.rs-mobile-header{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0fe6;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .35s,background-color .35s,box-shadow .35s;display:flex}.rs-wrap.is-scrolled .rs-mobile-header{background:#0a0a0ff5;border-color:#f1f1ff2e;box-shadow:0 10px 24px #0006}.rs-mobile-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text-strong);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.rs-mobile-menu{pointer-events:none;z-index:80;position:fixed;inset:0}.rs-mobile-menu.open{pointer-events:auto}.rs-mobile-backdrop{opacity:0;background:#0009;border:0;transition:opacity .25s;position:absolute;inset:0}.rs-mobile-menu.open .rs-mobile-backdrop{opacity:1}.rs-mobile-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#0a0a0ff7;border-radius:18px;gap:10px;padding:16px;transition:transform .25s,opacity .25s;display:grid;position:absolute;top:80px;left:10px;right:10px;transform:translateY(-8px)}.rs-mobile-menu.open .rs-mobile-panel{opacity:1;transform:translateY(0)}.rs-mobile-link{color:var(--text);padding:10px 4px;font-size:.95rem}.rs-mobile-actions{gap:10px;margin-top:8px;display:grid}@media (width<=768px){.rs-nav-body{display:none}.rs-mobile-nav{display:block}.rs-wrap{width:min(calc(100% - 20px), var(--container));top:10px}.rs-mobile-header{padding:12px 14px}.rs-mobile-toggle{width:44px;height:44px}.rs-mobile-panel{top:70px;left:8px;right:8px}.rs-mobile-link{padding:8px 2px;font-size:.9rem}.scroll-top-btn{width:40px;height:40px;bottom:16px;right:16px}}@media (width<=480px){.rs-wrap{width:min(calc(100% - 16px), var(--container));top:8px}.rs-mobile-header{border-radius:14px;padding:10px 12px}.rs-mobile-toggle{width:44px;min-width:44px;height:44px;min-height:44px;font-size:.8rem}.rs-mobile-panel{border-radius:12px;gap:8px;padding:12px;top:60px}.rs-mobile-link{padding:6px 0;font-size:.85rem}.scroll-top-btn{width:36px;height:36px;bottom:12px;right:12px}}.nav-top-fade{pointer-events:none;z-index:89;background:linear-gradient(180deg, var(--bg) 0%, #0a0a0f99 55%, transparent 100%);height:110px;position:fixed;top:0;left:0;right:0}.scroll-top-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--text-strong);cursor:pointer;z-index:100;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);background:#0c0c14c7;border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,border-color .2s;display:inline-flex;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.scroll-top-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{border-color:#f1f1ff59}.cs-main{min-height:100vh}.cs-hero{padding:150px 0 80px}.cs-hero-title{letter-spacing:-.02em;color:var(--text-strong);max-width:20ch;margin-top:16px;font-family:Instrument Serif,serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:400;line-height:1.05}.cs-hero-desc{color:var(--muted);max-width:54ch;margin-top:18px;font-family:Syne,sans-serif;font-size:1.1rem;line-height:1.65}.cs-hero-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.cs-tag{border:1px solid var(--cs-accent-border,#ffffff1f);color:var(--cs-accent,var(--accent-light));background:var(--cs-accent-faint,#ffffff08);padding:5px 12px;font-size:.78rem}.cs-hero-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.cs-hero-link{border:1px solid var(--cs-accent-border,#ffffff1f);background:var(--cs-accent-faint,#ffffff08);color:var(--cs-accent,var(--accent-light));cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.cs-hero-link:hover{border-color:var(--cs-accent-border,#fff3);background:#ffffff12}.cs-hero-link--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cs-hero-image{aspect-ratio:16/9;border-radius:var(--radius-xl);color:#fff3;background:#ffffff05;border:1px dashed #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:52px;font-family:Syne,sans-serif;font-size:.85rem;display:flex;overflow:hidden}.cs-hero-image--has-image{background:0 0;border:none}.cs-hero-image-img{object-fit:cover;width:100%;height:100%;display:block}.cs-section{border-top:1px solid var(--border);padding:80px 0}.cs-section-title{letter-spacing:-.01em;color:var(--text-strong);margin-top:8px;font-family:Instrument Serif,serif;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:400;line-height:1.15}.cs-process-intro{color:var(--muted);max-width:60ch;margin-top:16px;margin-bottom:48px;font-family:Syne,sans-serif;font-size:1rem;line-height:1.75}.cs-two-col{grid-template-columns:260px 1fr;align-items:start;gap:64px;display:grid}.cs-body-text{color:var(--text);max-width:66ch;font-family:Syne,sans-serif;font-size:1rem;line-height:1.8}.cs-body-stack{flex-direction:column;gap:20px;display:flex}.cs-note{border-radius:var(--radius-md);color:var(--muted);background:#ffffff08;border:1px solid #ffffff12;align-items:flex-start;gap:10px;margin-top:8px;padding:14px 18px;font-family:Syne,sans-serif;font-size:.88rem;line-height:1.65;display:flex}.cs-video-placeholder{aspect-ratio:16/9;border-radius:var(--radius-xl);background:#080812e6;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:36px;display:flex}.cs-video-play{cursor:default;background:#ffffff0a;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:background .2s,transform .2s;display:flex}.cs-video-play:hover{background:#ffffff12;transform:scale(1.05)}.cs-video-label{color:var(--muted);font-family:Syne,sans-serif;font-size:.88rem}.cs-stepper-track{scrollbar-width:none;align-items:flex-start;gap:0;margin-bottom:48px;padding-bottom:4px;display:flex;overflow-x:auto}.cs-stepper-track::-webkit-scrollbar{display:none}.cs-stepper-segment{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:80px;display:flex;position:relative}.cs-stepper-segment:after{content:"";background:var(--border);height:1px;position:absolute;top:18px;left:calc(50% + 18px);right:calc(18px - 50%)}.cs-stepper-segment:last-child:after{display:none}.cs-stepper-dot{background:var(--bg);z-index:1;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Syne,sans-serif;font-size:.78rem;font-weight:700;line-height:1;display:flex;position:relative}.cs-stepper-step-name{letter-spacing:.04em;color:var(--muted);text-align:center;max-width:80px;font-family:Syne,sans-serif;font-size:.72rem;font-weight:600;line-height:1.3}.cs-steps-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:auto;align-items:stretch;gap:16px;display:grid}.cs-step-wrapper{height:100%}.cs-step{box-sizing:border-box;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff05;flex-direction:column;gap:8px;height:100%;min-height:420px;padding:24px;transition:border-color .2s;display:flex}.cs-step:hover{border-color:#ffffff1a}.cs-step-num{letter-spacing:.1em;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700}.cs-step-title{color:var(--text-strong);font-family:Syne,sans-serif;font-size:.95rem;font-weight:600;line-height:1.3}.cs-step-detail{color:var(--muted);white-space:pre-line;flex:1;font-family:Syne,sans-serif;font-size:.85rem;line-height:1.7}.cs-screenshot{aspect-ratio:16/9;border-radius:var(--radius-md);color:#ffffff2e;letter-spacing:.04em;background:#0a0a10e6;border:1px dashed #ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;margin-top:14px;font-family:Syne,sans-serif;font-size:.72rem;display:flex;overflow:hidden}.cs-screenshot-img{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block;-webkit-transform:translateZ(0)}.cs-placeholder-icon{opacity:.25}.cs-nav-section{border-top:1px solid var(--border);padding:56px 0}.cs-nav-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.cs-back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-family:Syne,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.cs-back-link:hover{color:var(--text-strong);gap:12px}.cs-nav-link{color:var(--muted);align-items:center;gap:8px;font-family:Syne,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.cs-nav-link:hover{color:var(--text-strong)}.cs-nav-next{margin-left:auto}@media (width<=1024px){.cs-two-col{grid-template-columns:1fr;gap:28px}}@media (width<=768px){.cs-hero{padding:120px 0 60px}.cs-hero-title{font-size:clamp(2.2rem,6vw,3.2rem)}.cs-section{padding:56px 0}.cs-section-title{font-size:clamp(1.5rem,5vw,2.2rem)}.cs-stepper-track{gap:0}.cs-stepper-segment{min-width:60px}.cs-stepper-step-name{max-width:60px;font-size:.65rem}.cs-steps-grid{grid-template-columns:1fr}.cs-step{min-height:auto;padding:18px}.cs-step-detail{font-size:.8rem}.cs-screenshot{aspect-ratio:16/9;min-height:160px;margin-top:12px}.cs-nav-inner{flex-direction:column;align-items:flex-start;gap:16px}.cs-nav-next{margin-left:0}.cs-back-link{margin-bottom:20px;font-size:.82rem}.cs-nav-link{font-size:.82rem}.cs-body-text{font-size:.95rem}}@media (width<=480px){.cs-hero{padding:100px 0 50px}.cs-hero-title{font-size:clamp(2rem,8vw,2.8rem)}.cs-hero-desc{font-size:1rem}.cs-hero-tags{gap:6px;margin-top:18px}.cs-section{padding:48px 0}.cs-section-title{font-size:clamp(1.4rem,6vw,2rem)}.cs-hero-image{aspect-ratio:16/9;margin-top:36px}.section-eyebrow{margin-bottom:10px;font-size:.7rem}.cs-stepper-track{margin-bottom:40px}.cs-stepper-segment{min-width:50px}.cs-stepper-dot{width:30px;height:30px;font-size:.7rem}.cs-stepper-step-name{max-width:50px;font-size:.6rem;font-weight:500}.cs-steps-grid{gap:12px}.cs-step{border-radius:var(--radius-md);min-height:auto;padding:16px}.cs-step-title{font-size:.9rem}.cs-step-detail{font-size:.75rem;line-height:1.6}.cs-screenshot{aspect-ratio:16/9;min-height:140px;margin-top:10px}.cs-tag{padding:3px 8px;font-size:.7rem}.cs-back-link{gap:6px;margin-bottom:18px;font-size:.8rem}.cs-nav-link{font-size:.8rem}.cs-body-text{font-size:.9rem;line-height:1.7}.cs-note{padding:12px 14px;font-size:.8rem}.sg-grid{gap:8px}}.cs-gallery-section{border-top:1px solid var(--border);padding:48px 0}.sg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.sg-thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;background:#ffffff06;width:100%;padding:0;transition:border-color .2s,transform .25s,box-shadow .25s;display:block;overflow:hidden}.sg-thumb:hover{border-color:#ffffff24;transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.sg-thumb-img{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;background:#0a0a0f;display:block}.sg-thumb-inner{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:12px;display:flex}.sg-icon{opacity:.2}.sg-thumb-label{color:#ffffff40;font-family:Syne,sans-serif;font-size:.78rem;font-weight:500}.sg-thumb-path{color:#ffffff1f;word-break:break-all;text-align:center;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.6rem;line-height:1.4}.sg-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;gap:20px;padding:24px 80px;display:flex;position:fixed;inset:0}.sg-lightbox{aspect-ratio:16/10;border-radius:var(--radius-xl);border:1px solid #ffffff1f;flex-shrink:0;width:100%;max-width:960px;position:relative;overflow:hidden}.sg-nav{cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0a0a0fbf;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,transform .15s;display:flex}.sg-nav:hover{background:#14141ef2;transform:scale(1.08)}.sg-counter{letter-spacing:.08em;color:#ffffff59;pointer-events:none;font-family:Syne,sans-serif;font-size:.72rem;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sg-lightbox-img{object-fit:contain;background:#0a0a0f;width:100%;height:100%;display:block}.sg-lightbox-placeholder{background:#0c0c14fa;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.sg-close{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0fd9;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,transform .15s;display:flex;position:absolute;top:14px;right:14px}.sg-close:hover{background:#0a0a0f;transform:scale(1.08)}@media (width<=1024px){.sg-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sg-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:unset;touch-action:pan-x;gap:10px;padding-bottom:0;display:flex;overflow-x:scroll}.sg-grid::-webkit-scrollbar{display:none}.sg-thumb{scroll-snap-align:start;aspect-ratio:16/10;border-radius:var(--radius-md);flex:0 0 75%}.sg-dots{justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.sg-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;transition:background .2s,width .2s,border-radius .2s}.sg-dot--active{border-radius:3px;width:18px}.cs-steps-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:unset;touch-action:pan-x;align-items:stretch;gap:12px;padding-bottom:4px;display:flex;overflow-x:scroll}.cs-steps-grid::-webkit-scrollbar{display:none}.cs-step-wrapper{scroll-snap-align:start;flex:0 0 75%;height:auto}.cs-step{min-height:auto}.cs-stepper-dot{cursor:pointer;transition:background .2s,border-color .2s}.cs-stepper-dot--active{background:var(--cs-accent-faint,#f1f1ff14)!important}.sg-overlay{gap:10px;padding:16px}.sg-lightbox{aspect-ratio:16/10;max-height:75vw}.sg-nav{width:38px;height:38px}.sg-lightbox-placeholder{height:100%}.sg-thumb-label{font-size:.72rem}}@media (width>=769px){.sg-dots{display:none}}@media (width<=480px){.sg-grid{gap:8px}.sg-thumb{flex:0 0 78%}.cs-steps-grid{gap:10px}.cs-step-wrapper{flex:0 0 78%}.sg-overlay{flex-direction:column;gap:8px;padding:12px}.sg-lightbox{aspect-ratio:16/9;max-height:50vh}.sg-nav{width:32px;height:32px;position:fixed}.sg-nav--prev{left:8px}.sg-nav--next{right:8px}.sg-lightbox-placeholder{height:100%}.sg-thumb{aspect-ratio:4/3;border-radius:var(--radius-md)}.sg-thumb-inner{gap:4px;padding:8px}.sg-thumb-label{font-size:.65rem}.sg-thumb-path{font-size:.55rem}.sg-counter{font-size:.65rem;bottom:10px}.sg-close{width:28px;height:28px;top:8px;right:8px}}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.cs-screenshot{position:relative}.cs-screenshot-skeleton{border-radius:inherit;z-index:0;background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/1000px 100%;animation:2s infinite skeleton-shimmer;position:absolute;inset:0}.cs-screenshot-img{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block;position:relative}img[loading=lazy]{content-visibility:auto}