@media (hover:none),(max-width:1023px),(pointer:coarse){.portfolio{cursor:auto}.portfolio #cursor,.portfolio #cursor-ring{display:none!important}.portfolio .btn-outline,.portfolio .btn-primary,.portfolio .carousel-nav-btn,.portfolio .contact-input,.portfolio .contact-select,.portfolio .dev-carousel-tab,.portfolio .hero-btn-ghost,.portfolio .hero-btn-primary,.portfolio .hero-dot,.portfolio .nav-drawer-close,.portfolio .nav-menu-btn,.portfolio .pricing-card-cta{cursor:pointer}}html:has(#portfolio-nav-toggle:checked){overflow:hidden}.portfolio .nav-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.portfolio .portfolio-nav{padding:.875rem clamp(1rem,4vw,1.5rem);gap:.75rem}.portfolio .nav-links--desktop,.portfolio .portfolio-nav__actions .nav-links--desktop,.portfolio .portfolio-nav__actions .portfolio-nav__theme-toggle{display:none}.portfolio .nav-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid var(--portfolio-overlay-medium);border-radius:8px;background:var(--portfolio-overlay-faint);color:var(--text);flex-shrink:0;transition:border-color .2s,background .2s}.portfolio .nav-menu-btn:focus-visible,.portfolio .nav-menu-btn:hover{border-color:rgba(0,212,255,.45);outline:none;box-shadow:0 0 0 3px rgba(0,212,255,.15)}.portfolio .nav-menu-icon{position:relative;width:20px;height:2px;background:var(--text);border-radius:1px;transition:background .2s}.portfolio .nav-menu-icon:after,.portfolio .nav-menu-icon:before{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text);border-radius:1px;transition:transform .25s ease,top .25s ease}.portfolio .nav-menu-icon:before{top:-6px}.portfolio .nav-menu-icon:after{top:6px}.portfolio .nav-toggle-input:checked~.nav-menu-btn .nav-menu-icon{background:transparent}.portfolio .nav-toggle-input:checked~.nav-menu-btn .nav-menu-icon:before{top:0;transform:rotate(45deg)}.portfolio .nav-toggle-input:checked~.nav-menu-btn .nav-menu-icon:after{top:0;transform:rotate(-45deg)}.portfolio .nav-overlay{position:fixed;inset:0;z-index:1001;background:var(--portfolio-overlay-scrim);opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(4px)}.portfolio .nav-toggle-input:checked~.nav-overlay{opacity:1;pointer-events:auto}.portfolio .nav-drawer{position:fixed;top:0;right:0;z-index:1002;width:min(320px,88vw);height:100dvh;padding:1rem 1.25rem 2rem;background:var(--portfolio-drawer-bg);border-left:1px solid var(--border);box-shadow:-16px 0 48px var(--portfolio-shadow);transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.portfolio .nav-toggle-input:checked~.nav-drawer{transform:translateX(0)}.portfolio .nav-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.portfolio .nav-drawer-title{font-family:var(--font-dm-mono),"DM Mono",monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.portfolio .nav-drawer-close{width:44px;height:44px;border:none;border-radius:8px;background:var(--portfolio-overlay-faint);color:var(--text);font-size:1.5rem;line-height:1}.portfolio .nav-drawer-theme{margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid var(--border)}.portfolio .nav-links--mobile{flex-direction:column;gap:.25rem;align-items:stretch}.portfolio .nav-links--mobile a{display:flex;align-items:center;min-height:48px;padding:.75rem 1rem;font-size:1rem;color:var(--text);border-radius:8px;border:1px solid transparent}.portfolio .nav-links--mobile a:focus-visible,.portfolio .nav-links--mobile a:hover{background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.2);color:var(--text)}.portfolio .nav-drawer-explore{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.portfolio .nav-drawer-explore-title{font-family:var(--font-dm-mono),"DM Mono",monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .75rem}.portfolio .nav-drawer-explore ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.portfolio .nav-drawer-explore a{display:flex;align-items:center;min-height:44px;padding:.6rem 1rem;font-size:.92rem;color:var(--portfolio-text-subtle);text-decoration:none;border-radius:8px}.portfolio .nav-drawer-explore a:focus-visible,.portfolio .nav-drawer-explore a:hover{color:var(--text);background:rgba(0,212,255,.08)}@media (min-width:640px){.portfolio .hero-cta-row{flex-direction:row;flex-wrap:wrap}.portfolio .hero-btn-ghost,.portfolio .hero-btn-primary{width:auto;min-width:160px}.portfolio .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .stat-item{min-width:120px}}@media (min-width:768px){.portfolio .portfolio-nav{padding:1rem 2rem}.portfolio nav .site-logo-img{max-height:52px}.portfolio .hero-layout{padding:0 2rem}.portfolio .hero-left{padding-top:7rem}.portfolio .hero-headline-slide .hero-headline,.portfolio .hero-headline-slide h1{font-size:clamp(32px,5vw,48px)}.portfolio #skills{padding:100px 40px}.portfolio .contact-inner,.portfolio .pricing-inner{padding-left:40px;padding-right:40px}.portfolio .pricing-grid--featured,.portfolio .pricing-grid--primary{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .pricing-grid--primary .pricing-card:first-child{grid-column:1/-1;max-width:480px;margin:0 auto;width:100%}.portfolio .projects-header{padding:0 40px}.portfolio .project-slide{flex:0 0 min(420px,72vw)}.portfolio .carousel-nav-btn{display:flex}.portfolio .about-grid{gap:48px}}@media (min-width:1024px){.portfolio .portfolio-nav{padding:1.25rem 3rem}.portfolio nav.scrolled{padding:.9rem 3rem}.portfolio .portfolio-nav__actions .nav-links--desktop,.portfolio .portfolio-nav__actions .portfolio-nav__theme-toggle{display:flex}.portfolio .nav-drawer,.portfolio .nav-menu-btn,.portfolio .nav-overlay{display:none}.portfolio nav .site-logo-img{max-height:56px}.portfolio .hero-layout{grid-template-columns:1fr 1fr;padding:0 3rem}.portfolio .hero-right{display:flex}.portfolio #hero{padding-top:var(--nav-height)}.portfolio .hero-left{padding-top:2.5rem;padding-bottom:4rem}.portfolio .pricing-grid--primary{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio .pricing-grid--primary .pricing-card:first-child{grid-column:auto;max-width:none;margin:0;width:auto}.portfolio .pricing-grid--featured,.portfolio .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio .stats-bar{flex-wrap:nowrap}.portfolio .stat-item{flex:1}.portfolio footer{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:left;padding:24px 3rem;gap:1rem 2rem}.portfolio footer .site-logo{display:inline-flex}.portfolio .seo-footer-links--desktop{display:block;flex:1 1 auto;min-width:200px}.portfolio .seo-footer-links--desktop ul{justify-content:flex-end}}@media (min-width:1280px){.portfolio .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio .project-slide{flex:0 0 440px}}@media (max-width:767px){.portfolio nav{padding:.875rem 1rem}.portfolio nav.scrolled{padding:.75rem 1rem}.portfolio nav .site-logo-img{max-height:44px}.portfolio #hero{min-height:auto}.portfolio .hero-layout{grid-template-columns:1fr;min-height:auto;padding:0 1rem;gap:0}.portfolio .hero-right{display:none}.portfolio .hero-left{padding-top:1.25rem;padding-bottom:3rem}.portfolio .hero-headline-wrap{min-height:10.5rem;margin-bottom:1.25rem}.portfolio .hero-headline-wrap--css{min-height:10.5rem;overflow:visible}.portfolio .hero-headline-slide .hero-headline,.portfolio .hero-headline-slide h1,.portfolio .hero-headline-wrap--css .hero-headline--slide-a{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.12}.portfolio .hero-headline-wrap--css .hero-headline--slide-b{font-size:clamp(1.5rem,5.75vw,1.95rem);line-height:1.16}.portfolio .hero-sub-text{font-size:.9rem}.portfolio .hero-cta-row{flex-direction:column;align-items:stretch;gap:.75rem}.portfolio .hero-btn-ghost,.portfolio .hero-btn-primary{width:100%;min-height:48px;justify-content:center;text-align:center}.portfolio .hero-price-badge{font-size:.8rem;text-align:center}.portfolio .hero-scroll-hint{display:none}.portfolio .section-title{font-size:clamp(1.65rem,7vw,2.25rem)}.portfolio #contact,.portfolio #pricing{overflow-x:hidden}.portfolio .pricing-inner{padding:4.5rem 1rem 5rem}.portfolio .pricing-header{margin-bottom:2rem}.portfolio .contact-header .section-title,.portfolio .pricing-header-center .section-title{font-size:clamp(1.65rem,7vw,2.1rem)}.portfolio .contact-sub,.portfolio .pricing-subtitle,.portfolio .projects-sub,.portfolio .skills-seo-intro{font-size:.9rem;padding:0 .25rem}.portfolio .pricing-grid--featured,.portfolio .pricing-grid--primary{grid-template-columns:1fr;gap:1.25rem}.portfolio .pricing-card{padding:1.35rem 1.15rem}.portfolio .pricing-card-price-value{font-size:1.45rem}.portfolio .pricing-card-cta{min-height:48px;display:flex;align-items:center;justify-content:center;padding:.85rem 1rem}.portfolio .projects-section{padding-top:4.5rem;padding-bottom:3rem}.portfolio .projects-header{padding:0 1rem;margin-bottom:.5rem}.portfolio .curved-carousel-track{padding:2rem 4vw 2.5rem;gap:1rem}.portfolio .project-slide{flex:0 0 min(100%,92vw)}.portfolio .project-slide-title{font-size:1.15rem}.portfolio .project-slide-desc{-webkit-line-clamp:3}.portfolio .carousel-nav-btn{display:none}.portfolio .dev-carousel-tab{min-height:40px;padding:.5rem .65rem;font-size:.62rem}.portfolio .curved-carousel-hint-keys{display:none}.portfolio #skills{padding:4.5rem 1rem}.portfolio .skills-grid{grid-template-columns:1fr;gap:1rem}.portfolio .skill-card{padding:1.25rem}.portfolio .stats-bar{flex-direction:column;padding:1rem;gap:0}.portfolio .stat-item{flex:none;width:100%;border-right:none;border-bottom:1px solid var(--border);padding:1rem .5rem}.portfolio .stat-item:last-child{border-bottom:none}.portfolio .stat-num{font-size:1.75rem}.portfolio #about{padding:4.5rem 1rem}.portfolio .about-grid{grid-template-columns:1fr;gap:2rem}.portfolio .about-grid .hero-photo-wrap{width:min(100%,320px);height:min(320px,85vw);margin:0 auto}.portfolio .contact-inner{padding:4.5rem 1rem 5rem}.portfolio .contact-form-wrapper{max-width:100%;padding:0 .25rem}.portfolio .contact-input,.portfolio .contact-select{min-height:48px;font-size:16px;padding:.75rem 1rem}.portfolio .contact-textarea{min-height:140px}.portfolio .btn-primary,.portfolio .contact-form .btn-primary{min-height:48px;width:100%}.portfolio footer{padding:1.5rem 1rem 2rem}.portfolio footer .site-logo{display:none}}@media (min-width:768px) and (max-width:1023px){.portfolio footer{flex-direction:column;align-items:center;text-align:center}.portfolio footer .site-logo{display:none}.portfolio .hero-right{display:flex;margin-top:2rem}.portfolio .hero-layout{grid-template-columns:1fr;min-height:auto;padding-bottom:2rem}.portfolio .hero-code-window{max-width:520px;margin:0 auto}.portfolio .about-grid{grid-template-columns:1fr 1fr}.portfolio .about-photo-col{justify-content:center}}@media (prefers-reduced-motion:reduce){.portfolio .hero-headline-slide,.portfolio .nav-drawer,.portfolio .pricing-card,.portfolio .reveal,.portfolio .skill-card,.portfolio .stat-item{transition-duration:.01ms!important}.portfolio .hero-dot--a,.portfolio .hero-dot--b,.portfolio .hero-headline--slide-a,.portfolio .hero-headline--slide-b,.portfolio .hero-progress-fill--css,.portfolio .hero-sub-text--slide-a,.portfolio .hero-sub-text--slide-b{animation:none!important;opacity:1!important;visibility:visible!important;transform:none!important}.portfolio .hero-headline--slide-b,.portfolio .hero-sub-text--slide-b{display:none}.portfolio .hero-code-body .c-cm,.portfolio .hero-code-glow,.portfolio .hero-code-orb,.portfolio .hero-float-card,.portfolio .particle{animation:none!important}}@media (max-width:767px){.portfolio.marketing-page .marketing-main{padding:calc(var(--nav-height) + 1.25rem) 1rem 4rem}.marketing-card-grid{grid-template-columns:1fr}.marketing-footer-grid{grid-template-columns:1fr 1fr}.blog-layout.has-toc{grid-template-columns:1fr}.blog-toc{order:-1;padding-bottom:1rem;border-bottom:1px solid var(--portfolio-nav-border)}}@media (min-width:768px) and (max-width:1023px){.marketing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}