:root{--color-primary-50:oklch(0.971 0.014 265);--color-primary-100:oklch(0.932 0.028 265);--color-primary-200:oklch(0.872 0.050 265);--color-primary-300:oklch(0.802 0.080 265);--color-primary-400:oklch(0.722 0.140 265);--color-primary-500:oklch(0.623 0.190 265);--color-primary-600:oklch(0.535 0.170 265);--color-primary-700:oklch(0.445 0.140 265);--color-primary-800:oklch(0.362 0.110 265);--color-primary-900:oklch(0.289 0.080 265);--color-primary-950:oklch(0.215 0.050 265);--color-secondary-50:oklch(0.971 0.014 180);--color-secondary-100:oklch(0.932 0.028 180);--color-secondary-200:oklch(0.872 0.050 180);--color-secondary-300:oklch(0.802 0.080 180);--color-secondary-400:oklch(0.722 0.140 180);--color-secondary-500:oklch(0.623 0.180 180);--color-secondary-600:oklch(0.535 0.160 180);--color-secondary-700:oklch(0.445 0.130 180);--color-secondary-800:oklch(0.362 0.100 180);--color-secondary-900:oklch(0.289 0.070 180);--color-secondary-950:oklch(0.215 0.040 180);--color-gray-50:oklch(0.985 0.005 260);--color-gray-100:oklch(0.967 0.007 260);--color-gray-200:oklch(0.929 0.010 260);--color-gray-300:oklch(0.872 0.014 260);--color-gray-400:oklch(0.708 0.018 260);--color-gray-500:oklch(0.556 0.020 260);--color-gray-600:oklch(0.450 0.018 260);--color-gray-700:oklch(0.370 0.015 260);--color-gray-800:oklch(0.270 0.012 260);--color-gray-900:oklch(0.200 0.010 260);--color-gray-950:oklch(0.145 0.008 260);--hb-color-background:oklch(0.990 0.003 265);--hb-color-foreground:oklch(0.170 0.014 265);--hb-color-muted:oklch(0.550 0.015 265);--hb-color-border:oklch(0.910 0.010 265);--hb-color-card:oklch(1.000 0.000 0);--hb-color-card-hover:oklch(0.980 0.005 265);--hb-color-header-bg:oklch(0.990 0.003 265);--hb-color-header-fg:oklch(0.170 0.014 265);--hb-color-footer-bg:oklch(0.975 0.005 265);--hb-color-footer-fg:oklch(0.350 0.012 265);--btn-primary-bg:oklch(0.535 0.170 265);--btn-primary-fg:#ffffff;--link-primary:oklch(0.445 0.140 265);--link-primary-hover:oklch(0.362 0.110 265);--hb-gradient-primary:linear-gradient(
    135deg,
    oklch(0.623 0.190 265) 0%,
    oklch(0.623 0.180 180) 100%
  );--hb-gradient-surface:linear-gradient(
    180deg,
    oklch(0.990 0.003 265) 0%,
    oklch(0.975 0.006 265) 100%
  )}.dark{--color-primary-50:oklch(0.215 0.050 265);--color-primary-100:oklch(0.289 0.080 265);--color-primary-200:oklch(0.362 0.110 265);--color-primary-300:oklch(0.445 0.140 265);--color-primary-400:oklch(0.535 0.170 265);--color-primary-500:oklch(0.623 0.190 265);--color-primary-600:oklch(0.722 0.140 265);--color-primary-700:oklch(0.802 0.080 265);--color-primary-800:oklch(0.872 0.050 265);--color-primary-900:oklch(0.932 0.028 265);--color-primary-950:oklch(0.971 0.014 265);--color-secondary-50:oklch(0.215 0.040 180);--color-secondary-100:oklch(0.289 0.070 180);--color-secondary-200:oklch(0.362 0.100 180);--color-secondary-300:oklch(0.445 0.130 180);--color-secondary-400:oklch(0.535 0.160 180);--color-secondary-500:oklch(0.623 0.180 180);--color-secondary-600:oklch(0.722 0.140 180);--color-secondary-700:oklch(0.802 0.080 180);--color-secondary-800:oklch(0.872 0.050 180);--color-secondary-900:oklch(0.932 0.028 180);--color-secondary-950:oklch(0.971 0.014 180);--color-gray-50:oklch(0.145 0.008 260);--color-gray-100:oklch(0.200 0.010 260);--color-gray-200:oklch(0.270 0.012 260);--color-gray-300:oklch(0.370 0.015 260);--color-gray-400:oklch(0.450 0.018 260);--color-gray-500:oklch(0.556 0.020 260);--color-gray-600:oklch(0.708 0.018 260);--color-gray-700:oklch(0.872 0.014 260);--color-gray-800:oklch(0.929 0.010 260);--color-gray-900:oklch(0.967 0.007 260);--color-gray-950:oklch(0.985 0.005 260);--hb-color-background:oklch(0.130 0.012 265);--hb-color-foreground:oklch(0.930 0.010 265);--hb-color-muted:oklch(0.580 0.015 265);--hb-color-border:oklch(0.250 0.015 265);--hb-color-card:oklch(0.165 0.014 265);--hb-color-card-hover:oklch(0.195 0.018 265);--hb-color-header-bg:oklch(0.130 0.012 265);--hb-color-header-fg:oklch(0.930 0.010 265);--hb-color-footer-bg:oklch(0.110 0.010 265);--hb-color-footer-fg:oklch(0.700 0.012 265);--btn-primary-bg:oklch(0.722 0.140 265);--btn-primary-fg:oklch(0.110 0.010 265);--link-primary:oklch(0.722 0.140 265);--link-primary-hover:oklch(0.802 0.080 265);--hb-gradient-primary:linear-gradient(
    135deg,
    oklch(0.623 0.190 265) 0%,
    oklch(0.623 0.180 180) 100%
  );--hb-gradient-surface:linear-gradient(
    180deg,
    oklch(0.130 0.012 265) 0%,
    oklch(0.155 0.015 265) 100%
  )}body{background:var(--hb-color-background);color:var(--hb-color-foreground)}section:nth-child(odd){background:var(--hb-color-background)}section:nth-child(even){background:var(--hb-color-card)}.portfolio-card,.collection-card,.blog-card{background:var(--hb-color-card);border:1px solid var(--hb-color-border);border-radius:.75rem;transition:border-color .3s ease,box-shadow .3s ease;will-change:transform}.portfolio-card:hover,.collection-card:hover,.blog-card:hover{border-color:var(--color-primary-400);box-shadow:0 20px 60px oklch(.5 .1 265/.15),0 4px 12px oklch(.5 .1 265/.08)}#hero h1,.blox-dev-hero h1,.dev-hero h1{color:var(--hb-color-foreground)!important}#hero h1 span,.blox-dev-hero h1 span,.dev-hero h1 span{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:initial!important;color:var(--hb-color-foreground)!important}.dark #hero h1 span,.dark .blox-dev-hero h1 span,.dark .dev-hero h1 span{color:oklch(.98 .005 265)!important;-webkit-text-fill-color:oklch(.98 .005 265)!important;text-shadow:0 2px 30px oklch(.5 .15 265/.2)}#hero p,.blox-dev-hero p,.dev-hero p{color:var(--hb-color-muted)!important}.dark #hero p,.dark .blox-dev-hero p,.dark .dev-hero p{color:oklch(.85 .01 265)!important}#hero [class*=typewriter],.blox-dev-hero [class*=typewriter],.dev-hero [class*=typewriter]{color:var(--color-primary-600)!important}.dark #hero [class*=typewriter],.dark .blox-dev-hero [class*=typewriter],.dark .dev-hero [class*=typewriter]{color:var(--color-primary-400)!important}#hero,.blox-dev-hero,.dev-hero{position:relative;overflow:hidden}#hero::before,.blox-dev-hero::before,.dev-hero::before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,oklch(.623 .19 265/.08) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-accent{height:3px;width:80px;background:var(--hb-gradient-primary);border-radius:9999px;margin:.75rem auto 0}.tech-icon{transition:transform .25s ease,box-shadow .25s ease}.tech-icon:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 24px oklch(.5 .12 265/.15)}.dark section .bg-gradient-to-br h2,.dark section .bg-gradient-to-br h3{color:#000!important;text-shadow:none!important}.dark section .bg-gradient-to-br p,.dark section .bg-gradient-to-br div{color:#111!important}.dark section .bg-gradient-to-br a[href$=".pdf"],.dark section .bg-gradient-to-br a[href*=resume]{background:#fff!important;color:#111!important;box-shadow:0 4px 20px rgba(0,0,0,.15)}.dark section .bg-gradient-to-br a[href$=".pdf"] span,.dark section .bg-gradient-to-br a[href*=resume] span{color:#111!important}section .bg-gradient-to-br h2,section .bg-gradient-to-br h3{color:#000!important}section .bg-gradient-to-br p,section .bg-gradient-to-br strong{color:#111!important}.scroll-indicator{animation:float 2.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}html{scroll-behavior:smooth}::selection{background:oklch(.623 .19 265/.25);color:var(--hb-color-foreground)}nav a{position:relative;transition:color .25s ease}nav a:hover{color:oklch(.623 .19 265)}.navbar-brand{color:var(--hb-color-header-fg)!important;font-weight:700}:root:not(.dark) .navbar-brand{color:oklch(.17 .014 265)!important}.dark .navbar-brand{color:oklch(.93 .01 265)!important}section .bg-gradient-to-br.from-primary-200::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient( from 0,transparent 0,oklch(1 0 0/.03) 60deg,transparent 120deg );animation:shimmer-rotate 8s linear infinite;pointer-events:none;z-index:0}@keyframes shimmer-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}#contact a:hover{text-shadow:0 0 12px oklch(.623 .19 265/.4)}.tech-icon{transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease}.tech-icon:hover{transform:translateY(-4px)scale(1.08);box-shadow:0 12px 30px oklch(.5 .12 265/.18)}.blox-capabilities h2,.blox-selected-work h2{letter-spacing:-.025em}.blox-capabilities .rounded-2xl,.blox-selected-work .rounded-2xl{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.portfolio-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}.portfolio-card:hover{transform:translateY(-4px)}@media(max-width:640px){.blox-capabilities h2,.blox-selected-work h2{font-size:1.75rem;line-height:2.25rem}.portfolio-card{padding:1.25rem}}.dark [role=toolbar] button[aria-pressed=true],.dark [role=toolbar] button.filter-active,.dark button.filter-tab-btn[aria-pressed=true]{background-color:var(--color-primary-600)!important;color:oklch(.11 .01 265)!important;font-weight:700!important;border-color:var(--color-primary-600)!important}.dark a[href$="resume.pdf"].bg-primary-600,.dark a[href*=resume].bg-primary-600{background-color:var(--color-primary-600)!important;color:oklch(.11 .01 265)!important;font-weight:700!important}.dark a[href$="resume.pdf"].bg-primary-600:hover,.dark a[href*=resume].bg-primary-600:hover{background-color:var(--color-primary-700)!important}.project-role,.portfolio-card .project-role{color:var(--color-primary-700)}.dark .project-role,.dark .portfolio-card .project-role{color:var(--color-primary-600)!important}.dark .blox-capabilities .text-primary-600,.dark .blox-selected-work .text-primary-600{color:var(--color-primary-600)!important}.case-study-link,.portfolio-card .case-study-link{color:var(--color-primary-700)}.dark .case-study-link,.dark .portfolio-card .case-study-link{color:var(--color-primary-600)!important}.case-study-link:hover,.portfolio-card .case-study-link:hover{color:var(--color-primary-800)}.dark .case-study-link:hover,.dark .portfolio-card .case-study-link:hover{color:var(--color-primary-500)!important}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--color-primary-500)!important;outline-offset:2px!important}.dark button:focus-visible,.dark a:focus-visible,.dark select:focus-visible,.dark [tabindex="0"]:focus-visible{outline:2px solid oklch(.75 .14 265)!important;outline-offset:2px!important}#contact button.group,#contact .relative button{max-width:100%;min-width:0;min-height:44px}#contact button.group>div:first-child{flex-shrink:0;min-width:44px;min-height:44px}#contact button.group>div:last-child{min-width:0;flex:auto}#contact button.group p{overflow-wrap:anywhere;word-break:break-word;min-width:0}@media(max-width:640px){#contact .rounded-2xl{padding-left:1.25rem!important;padding-right:1.25rem!important}}#nav-toggle-btn,label[for=nav-toggle]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px;background:0 0;border:none;cursor:pointer;color:var(--hb-color-header-fg);border-radius:.5rem}@media(min-width:1024px){#nav-toggle-btn,label[for=nav-toggle]{display:none!important}#nav-menu{display:flex!important}}input#nav-toggle:checked+#nav-toggle-btn #show-button,input#nav-toggle:checked~#nav-toggle-btn #show-button,#nav-toggle-btn[aria-expanded=true] #show-button{display:none!important}input#nav-toggle:checked+#nav-toggle-btn #hide-button,input#nav-toggle:checked~#nav-toggle-btn #hide-button,#nav-toggle-btn[aria-expanded=true] #hide-button{display:block!important}[data-search-toggle],#search-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:.5rem}.theme-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:.5rem}header select[onchange*=data-theme-pack]{min-height:44px;padding-top:8px;padding-bottom:8px;padding-left:8px;padding-right:8px;border-radius:.5rem}.filter-tab-btn,[role=toolbar] button{min-height:44px;min-width:44px}@media(max-width:380px){.navbar{padding-left:.375rem!important;padding-right:.375rem!important}.navbar-brand{font-size:.9375rem!important;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header select[onchange*=data-theme-pack]{max-width:72px;font-size:.75rem;padding-left:2px;padding-right:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.animate-pulse,.scroll-indicator,.shimmer-rotate,section .bg-gradient-to-br.from-primary-200::before{animation:none!important}}footer .powered-by:has([data-hbx]),footer .powered-by:nth-child(2){display:none!important}