body.page-transitioning{overflow:hidden}@media(min-width:769px){html{scrollbar-gutter:stable}}.page-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-color);z-index:9998;pointer-events:none;opacity:0;will-change:opacity}.page-transition-overlay.fadeOut{animation:fadeOverlayIn .3s ease-out forwards}.page-transition-overlay.fadeIn{opacity:1;animation:fadeOverlayOut .4s ease-in forwards}@keyframes fadeOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOverlayOut{0%{opacity:1}to{opacity:0}}.theme-segmented{--seg-height: 2.25rem;--seg-padding: .25rem;--seg-radius: 14px;--seg-bg: var(--tt-grad-seg);--seg-border: color-mix(in oklab, currentColor 12%, transparent);--seg-thumb: color-mix(in oklab, currentColor 10%, transparent);--seg-icon: color-mix(in oklab, currentColor 80%, canvas 0%);--seg-icon-active: currentColor;display:inline-block;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-radius:var(--seg-radius)}.theme-segmented .segments{position:relative;display:grid;grid-template-columns:repeat(var(--count, 3),minmax(0,1fr));gap:.2rem;align-content:center;height:var(--seg-height);padding:calc(var(--seg-padding) + 1px);border-radius:var(--seg-radius);background:var(--seg-bg);border:1px solid var(--seg-border);box-shadow:0 0 0 1px color-mix(in oklab,white 11%,transparent) inset,0 10px 24px color-mix(in oklab,black 22%,transparent);overflow:visible;-webkit-user-select:none;user-select:none;touch-action:none}[data-theme=contrast] .theme-segmented .segments{box-shadow:0 0 0 1px color-mix(in oklab,white 14%,transparent) inset,0 12px 28px color-mix(in oklab,black 28%,transparent)}.theme-segmented{min-width:calc((1.75rem + .2rem) * var(--count, 3) + (var(--seg-padding) * 2) + 2px)}.theme-segmented .thumb{position:absolute;top:var(--seg-padding);left:var(--seg-padding);width:calc((100% - (var(--seg-padding) * 2) - ((var(--count, 3) - 1) * .2rem)) / var(--count, 3));height:calc(var(--seg-height) - (var(--seg-padding) * 2));border-radius:calc(var(--seg-radius) - var(--seg-padding));background:var(--tt-grad-thumb);box-shadow:0 0 0 1px var(--seg-thumb) inset,0 12px 28px color-mix(in oklab,black 22%,transparent),0 1px color-mix(in oklab,white 10%,transparent) inset;transform:translate(calc(var(--pos, 0) * (var(--count, 3) - 1) * (100% + .2rem)));transition:transform var(--motion-duration-fast, .18s) var(--motion-ease-standard, ease),width var(--motion-duration-fast, .18s) var(--motion-ease-standard, ease);pointer-events:none}html[data-theme=dark] .theme-segmented .thumb,[data-theme=contrast] .theme-segmented .thumb{background:var(--tt-grad-thumb)}.theme-segmented[data-dragging=true] .thumb{transition:none}.theme-segmented .thumb:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in oklab,white 18%,transparent),transparent 55%),radial-gradient(120% 80% at 10% 0%,color-mix(in oklab,white 12%,transparent),transparent 40%);pointer-events:none}.theme-segmented .segment{position:relative;display:grid;place-items:center;-webkit-user-select:none;user-select:none;font:inherit;color:var(--seg-icon);isolation:isolate;cursor:pointer}.theme-segmented .segment input[type=radio]{position:absolute;inset:0;margin:0;appearance:none;-webkit-appearance:none;opacity:0;cursor:pointer}.theme-segmented .segment .segment-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem}.theme-segmented .segment .segment-icon svg{display:block;margin:auto;stroke-linecap:round;stroke-linejoin:round;stroke:var(--tt-icon-stroke);stroke-width:var(--tt-icon-stroke-width);filter:var(--tt-icon-filter)}.theme-segmented .segment:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--seg-radius) - var(--seg-padding));box-shadow:0 0 color-mix(in oklab,currentColor 0%,transparent);opacity:0;transition:box-shadow var(--motion-duration-fast, .16s) var(--motion-ease-standard, ease),opacity var(--motion-duration-fast, .16s) var(--motion-ease-standard, ease);pointer-events:none}.theme-segmented .segment:focus-within:before{box-shadow:var(--tt-focus-ring);opacity:1}html[data-theme=dark] .theme-segmented{--seg-border: color-mix(in oklab, currentColor 22%, transparent);--seg-thumb: color-mix(in oklab, currentColor 20%, transparent)}.theme-segmented .segment.is-selected{color:var(--seg-icon-active)}.theme-segmented .segment.is-selected .segment-icon:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,currentColor 20%,transparent) 0%,transparent 60%);filter:blur(4px);opacity:.6;pointer-events:none}.theme-segmented .segment.is-selected:after{content:"";position:absolute;inset:3px;border-radius:calc(var(--seg-radius) - var(--seg-padding));box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 14%,transparent) inset;opacity:.8;pointer-events:none}.theme-segmented .segment input[type=radio]:focus-visible+.segment-icon,.theme-segmented .segment input[type=radio]:focus-visible~.sr-only{outline:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@container (max-width: 320px){.theme-segmented{--seg-height: 2rem;--seg-padding: .2rem}.theme-segmented .segment .segment-label{padding-inline:.5rem}}[data-theme=contrast] .theme-segmented{--seg-bg: var(--tt-grad-seg);--seg-thumb: color-mix(in oklab, white 30%, transparent)}[data-theme=contrast] .theme-segmented .segment:focus-within:before{box-shadow:0 0 0 3px color-mix(in srgb,white 85%,transparent),0 0 10px color-mix(in srgb,white 55%,transparent)}[data-theme=contrast] .theme-segmented .segment.is-selected:after{box-shadow:0 0 6px color-mix(in oklab,white 26%,transparent) inset}.left-sidebar{position:fixed;top:0;left:0;height:100vh;width:80px;z-index:var(--z-tooltip);flex-direction:column;align-items:center;padding:var(--gap-md) 0;pointer-events:auto}.left-sidebar{opacity:0;transition:opacity .4s ease-out}body:not(.app-loading) .left-sidebar{opacity:1}.sidebar-background{position:absolute;inset:0;background:var(--color-background-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--color-border);z-index:-1}.sidebar-logo{position:relative;z-index:var(--z-above);width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:auto;padding:.25rem;background:var(--color-background);border-radius:var(--radius-md-lg);transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease}.sidebar-logo:hover{transform:translateY(var(--transform-lift-sm)) scale(var(--transform-scale-hover-lg));background:color-mix(in oklab,var(--color-primary) 10%,var(--color-background))}.sidebar-logo:active{transform:scale(var(--transform-scale-active));transition:transform .1s ease}.sidebar-logo .logo-svg{position:relative;z-index:1;width:100%;height:auto;fill:var(--color-primary);transition:fill .3s ease,transform .3s ease}.sidebar-logo:hover .logo-svg{transform:scale(var(--transform-scale-hover))}.sidebar-nav{position:fixed;left:calc(80px + (100vw - 80px)/2);bottom:1rem;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:var(--space-6);padding:var(--gap-md) var(--space-6);background:color-mix(in oklab,canvas 42%,transparent),color-mix(in oklab,var(--color-primary) 8%,transparent);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border-radius:999px;border:1px solid color-mix(in oklab,var(--color-primary) 22%,transparent);transition:bottom .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px color-mix(in oklab,white 8%,transparent) inset,var(--shadow-elevated-sm);z-index:var(--z-tooltip)}.sidebar-nav.scrolled{bottom:calc(100vh - 6rem)}.sidebar-nav .nav-link{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;letter-spacing:.02em;transition:color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md-lg);cursor:pointer;overflow:hidden;background:transparent;border:none;width:100%;font-family:inherit}.sidebar-nav .nav-link:after{display:none!important}.sidebar-nav .nav-link:before{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:var(--gradient-brand-horizontal);transition:height .4s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md-lg);z-index:var(--z-base)}.sidebar-nav .nav-text{position:relative;z-index:2;transition:color .3s ease}[data-theme=dark] .sidebar-nav .nav-text,[data-theme=contrast] .sidebar-nav .nav-text{text-shadow:0 2px 4px color-mix(in srgb,black 80%,transparent),0 4px 8px color-mix(in srgb,black 60%,transparent),0 0 20px color-mix(in srgb,black 40%,transparent)}.sidebar-nav .nav-link:hover:before{height:100%}.sidebar-nav .nav-link:hover .nav-text{color:#fff}.sidebar-nav .nav-link:active{transform:scale(var(--transform-scale-active));transition:transform .1s ease}.sidebar-nav .nav-link.active{color:#fff!important;font-weight:600}.sidebar-nav .nav-link.active:before{height:100%}.sidebar-nav .nav-link.active .nav-text{color:#fff!important}.sidebar-footer{position:relative;z-index:var(--z-above);margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-md) 0 0 0}.sidebar-social-list{display:flex;flex-direction:column;align-items:center;gap:1rem;list-style:none;padding:0;margin:0}.sidebar-social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text);font-size:1.35rem;border-radius:var(--radius-md-lg);background:var(--color-background);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-social-icon:before{content:"";position:absolute;inset:0;background:var(--gradient-brand-horizontal);opacity:0;transition:opacity .3s ease;border-radius:var(--radius-md-lg)}.sidebar-social-icon i{position:relative;z-index:1}.sidebar-social-icon:hover{transform:translateY(var(--transform-lift-sm)) scale(1.08);-webkit-box-reflect:below .25rem linear-gradient(transparent 0 60%,color-mix(in srgb,var(--color-text) .1%,transparent),color-mix(in srgb,var(--color-text) 5%,transparent),color-mix(in srgb,var(--color-text) 10%,transparent),color-mix(in srgb,var(--color-text) 20%,transparent));box-shadow:0 8px 20px color-mix(in oklab,var(--color-primary) 20%,transparent)}[data-scrolling=true] .sidebar-social-icon:hover{-webkit-box-reflect:none!important}.sidebar-social-icon:hover:before{opacity:.85}.sidebar-social-icon:active{transform:translateY(-2px) scale(1.02);transition:transform .1s ease}.sidebar-theme-container{width:100%;display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--color-border)}.sidebar-theme-toggle-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md-lg);border:1px solid var(--color-text);background:var(--color-bg-alt);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-theme-toggle-button:hover{transform:translateY(-2px) scale(var(--transform-scale-hover))}.sidebar-theme-toggle-button:active{transform:scale(var(--transform-scale-active));transition:transform .1s ease-in-out}.sidebar-theme-toggle-button .theme-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-theme-container[data-expanded=true] .sidebar-theme-toggle-button .theme-icon{transform:rotate(180deg)}.sidebar-theme-toggle-button .theme-icon svg{stroke:var(--color-text);transition:stroke .3s ease-in-out}.sidebar-theme-toggle-button:hover .theme-icon svg{stroke:var(--color-primary)}.sidebar-theme-content{position:fixed;left:82px;bottom:1.2rem;z-index:var(--z-aside);animation:slideRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideRight{0%{opacity:0;transform:translate(-12px) scale(var(--transform-scale-active))}to{opacity:1;transform:translate(0) scale(1)}}main,#home-container,#about-container,#skills-container,#portfolio-container{margin-left:80px}@media(max-width:768px){main,#home-container,#about-container,#skills-container,#portfolio-container{margin-left:0}}.mobile-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-modal)}.mobile-navbar-viewport{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md) var(--space-3);transition:background var(--motion-duration-sm) var(--ease-out),backdrop-filter var(--motion-duration-sm) var(--ease-out),box-shadow var(--motion-duration-sm) var(--ease-out)}.mobile-navbar-viewport.menu-open{background:color-mix(in oklab,canvas 42%,transparent),color-mix(in oklab,var(--color-primary) 8%,transparent);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:var(--shadow-nav)}.mobile-logo-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;background:color-mix(in oklab,canvas 42%,transparent),color-mix(in oklab,var(--color-primary) 8%,transparent);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:var(--shadow-nav);border-radius:50%;padding:var(--gap-sm)}.mobile-logo-container.menu-open{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.mobile-logo-container .logo-svg{width:100%;height:auto;fill:var(--color-primary)}.mobile-menu-toggle{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gradient-brand-diagonal);border:none;border-radius:50%;cursor:pointer;color:var(--color-text);padding:0;box-shadow:0 2px 8px color-mix(in srgb,black 15%,transparent),0 0 0 1px color-mix(in oklab,white 15%,transparent) inset;transition:all var(--motion-duration-md) var(--ease-standard)}.mobile-menu-toggle:hover{background:var(--gradient-brand-horizontal);transform:scale(var(--transform-scale-hover-lg));box-shadow:var(--shadow-glow-md),0 0 0 2px color-mix(in oklab,white 25%,transparent) inset}.mobile-menu-toggle:active{transform:scale(var(--transform-scale-active))}.mobile-menu-toggle[aria-expanded=true]{rotate:180deg;background:var(--gradient-brand-horizontal);box-shadow:var(--shadow-glow-lg),0 0 0 2px color-mix(in oklab,white 30%,transparent) inset}.menu-icon-open,.menu-icon-close{position:absolute;transition:opacity var(--motion-duration-sm) var(--ease-standard),transform var(--motion-duration-sm) var(--ease-standard)}.menu-icon-open svg,.menu-icon-close svg{stroke:#fff}.menu-icon-open{opacity:1;transform:scale(1) rotate(0)}.menu-icon-close{opacity:0;transform:scale(.8) rotate(-90deg)}.mobile-menu-toggle[aria-expanded=true] .menu-icon-open{opacity:0;transform:scale(.8) rotate(90deg)}.mobile-menu-toggle[aria-expanded=true] .menu-icon-close{opacity:1;transform:scale(1) rotate(0)}.mobile-menu-wrapper{position:fixed;inset:81px 0 0;max-height:calc(100vh - 81px);max-height:calc(100dvh - 81px);background:color-mix(in oklab,canvas 12%,transparent),color-mix(in oklab,var(--color-primary) 8%,transparent);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);pointer-events:none;transform:translate(101%);transition:transform var(--motion-duration-md) var(--ease-standard);overflow-y:auto;overflow-x:hidden;box-shadow:-4px 0 20px color-mix(in srgb,black 20%,transparent);border-left:1px solid color-mix(in oklab,var(--color-primary) 22%,transparent)}.mobile-menu-wrapper[inert]{visibility:hidden}.mobile-menu-wrapper.menu-open{pointer-events:auto;transform:translate(0);visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;min-height:calc(100vh - 81px);padding:var(--gap-lg) var(--space-6)}.mobile-safearea{height:1rem}.mobile-main-links{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:auto}.mobile-links-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:1rem;padding:var(--gap-sm) var(--gap-md);background:color-mix(in oklab,var(--color-primary) 25%,var(--color-background));border-radius:var(--radius-md);text-shadow:0 2px 4px color-mix(in srgb,black 80%,transparent),0 4px 8px color-mix(in srgb,black 60%,transparent),0 0 20px color-mix(in srgb,black 40%,transparent)}.mobile-nav-link{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-md) var(--space-5);font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none;border-radius:var(--radius-md-lg);background:color-mix(in oklab,var(--color-background) 95%,transparent);transition:all var(--motion-duration-sm) var(--ease-in-out);margin-bottom:.5rem;text-shadow:0 2px 4px color-mix(in srgb,black 80%,transparent),0 4px 8px color-mix(in srgb,black 60%,transparent),0 0 20px color-mix(in srgb,black 40%,transparent);border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.mobile-nav-link:hover{transform:translate(4px);color:var(--color-primary)}.mobile-nav-link:active{transform:scale(var(--transform-scale-active-sm))}.mobile-link-slash{width:8px;height:auto;opacity:0;transform:translate(-10px);transition:opacity var(--motion-duration-sm) var(--ease-standard),transform var(--motion-duration-sm) var(--ease-standard)}.mobile-nav-link.is-active .mobile-link-slash,.mobile-nav-link:hover .mobile-link-slash{opacity:1;transform:translate(0)}.mobile-nav-link.is-active{background:color-mix(in oklab,var(--color-primary) 30%,var(--color-background));color:var(--color-primary)}.mobile-nav-link.is-active .mobile-link-slash path{fill:var(--color-primary)}.mobile-bottom-options{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem;border-top:1px solid var(--color-border);margin-top:2rem}.mobile-social-links{display:flex;gap:1rem}.mobile-social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md-lg);background:color-mix(in oklab,var(--color-background) 90%,transparent);color:#fff;font-size:1.25rem;transition:all var(--motion-duration-sm) var(--ease-standard);filter:drop-shadow(0 2px 4px color-mix(in srgb,black 80%,transparent)) drop-shadow(0 4px 8px color-mix(in srgb,black 60%,transparent))}.mobile-social-link:hover{background:color-mix(in oklab,var(--color-primary) 25%,var(--color-background));color:#fff;transform:translateY(-2px) scale(var(--transform-scale-hover));box-shadow:var(--shadow-glow-md)}.mobile-social-link:active{transform:scale(var(--transform-scale-active))}@media(max-width:280px){.mobile-logo-container{width:48px;height:48px;padding:.375rem}.mobile-menu-toggle{width:42px;height:42px}.mobile-navbar-viewport{padding:.625rem .5rem}.mobile-menu-content{padding:var(--gap-md) var(--space-3)}.mobile-nav-link{font-size:1.1rem;padding:.625rem var(--space-3);gap:var(--gap-sm);margin-bottom:.375rem}.mobile-links-label{font-size:.75rem;padding:.375rem var(--gap-sm);margin-bottom:.75rem}.mobile-link-slash{width:6px}.mobile-social-link{width:40px;height:40px;font-size:1rem}.mobile-social-links{gap:.75rem}.mobile-bottom-options{gap:1.5rem;padding-top:1.5rem;margin-top:1.5rem}}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block}}.footer-container{width:calc(100% - 100px);margin-left:80px;margin-top:4rem;position:relative;z-index:var(--z-content)}@media(max-width:768px){.footer-container{width:100%;margin-left:0}}#footer{position:relative;padding:3rem 2rem 2rem;border-top:1px solid color-mix(in oklab,var(--color-primary) 15%,transparent)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}#footer-socials-container{display:flex;justify-content:center}#footer-social-list{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;padding:0;margin:0;-webkit-box-reflect:below -8px linear-gradient(transparent,color-mix(in srgb,black 7%,transparent),color-mix(in srgb,white 42%,transparent))}[data-scrolling=true] #footer-content{-webkit-box-reflect:none!important}.social-icon{margin:0;padding:0;font-size:calc(1.1rem + .6vw);transition:transform var(--motion-scale),color var(--motion-fade)}.social-icon i{color:var(--color-warning);transition:all .3s cubic-bezier(.4,0,.2,1)}.social-icon a:hover i,.social-icon a:focus-visible i{transform:scale(1.12);color:var(--color-accent)}.social-icon a:focus-visible{outline:var(--outline-width-default) solid var(--color-primary);outline-offset:var(--outline-offset-default);border-radius:var(--radius-sm)}.footer-resume{display:flex;justify-content:center}.footer-resume-button{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:.75rem 1.5rem;background:color-mix(in oklab,var(--color-primary) 12%,transparent);color:var(--color-text);text-decoration:none;border:1px solid color-mix(in oklab,var(--color-primary) 25%,transparent);border-radius:var(--radius-md);font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.footer-resume-button i{font-size:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.footer-resume-button:hover,.footer-resume-button:focus-visible{background:color-mix(in oklab,var(--color-primary) 20%,transparent);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.footer-resume-button:hover i{transform:translateY(2px)}.footer-resume-button:focus-visible{outline:var(--outline-width-default) solid var(--color-primary);outline-offset:var(--outline-offset-sm)}.footer-info{display:flex;flex-direction:column;align-items:center;gap:var(--gap-lg);padding-top:1.5rem;border-top:1px solid color-mix(in oklab,var(--color-border) 50%,transparent)}.footer-links{display:flex;justify-content:center;align-items:center}.footer-email{color:var(--color-primary);font-size:1rem;font-weight:500;text-decoration:none;text-align:center;padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.02em}.footer-email:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);transition:width .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1)}.footer-email:hover,.footer-email:focus-visible{color:var(--color-accent);background:color-mix(in oklab,var(--color-primary) 8%,transparent)}.footer-email:hover:after,.footer-email:focus-visible:after{width:100%;left:0;background:var(--color-accent)}.footer-email:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.footer-copyright{text-align:center}.footer-copyright p{color:var(--color-text-soft);font-size:.875rem;margin:0;letter-spacing:.02em}@media(max-width:768px){#footer{padding:2rem 1.5rem 1.5rem}.footer-content{gap:2rem}.footer-info{gap:.75rem}.footer-email{font-size:clamp(.8rem,2vw,1rem);padding:var(--gap-sm) 0}}:root{--color-bg: #0b0d12;--color-bg-alt: #0f1217;--color-surface: #12151b;--color-surface-alt: #161b23;--color-surface-inset: #1d242f;--color-border: #2c323b;--color-border-subtle: #1f252d;--color-text: #eef1f7;--color-text-soft: #c4c9d1;--color-text-mute: #9aa3af;--color-text-inverse: #0b0d12;--color-text-light: var(--color-text-inverse);--color-overlay-scrim: color-mix(in srgb, black 70%, transparent);--brand-orange-50: #FFF8E6;--brand-orange-100: #FFE8B3;--brand-orange-200: #FFD280;--brand-orange-300: #FFBB4D;--brand-orange-400: #FFA51A;--brand-orange-500: #FFA500;--brand-orange-600: #E68F00;--brand-orange-700: #CC7E00;--brand-orange-800: #A36200;--brand-orange-900: #7A4800;--neutral-warm-50: #FFF9F1;--neutral-warm-100: #FCEFDA;--neutral-warm-200: #F6E2C0;--neutral-warm-300: #E9CDA0;--neutral-warm-400: #D9B37F;--neutral-warm-500: #C0975E;--neutral-warm-600: #9D7946;--neutral-warm-700: #7A5B34;--neutral-warm-800: #523C23;--neutral-warm-900: #362616;--comp-blue-50: #E6F0FF;--comp-blue-100: #B3D1FF;--comp-blue-200: #80B3FF;--comp-blue-300: #4D94FF;--comp-blue-400: #1A75FF;--comp-blue-500: #0066FF;--comp-blue-600: #0059E6;--comp-blue-700: #004DCC;--comp-blue-800: #003A99;--comp-blue-900: #002966;--color-primary: var(--brand-orange-500);--color-primary-hover: var(--brand-orange-400);--color-primary-light: var(--brand-orange-300);--color-accent: var( --brand-orange-200);--color-accent-two: var( --brand-orange-700);--color-accent-hover: var(--comp-blue-400);--color-accent-alt: var(--comp-blue-300);--color-highlight-warm: var(--brand-orange-400);--color-primary-contrast-on-light: var(--brand-orange-800);--color-accent-contrast-on-light: var(--comp-blue-700);--color-primary-outline-on-light: var(--brand-orange-700);--color-success: #3fbf6c;--color-danger: #ff4d55;--color-warning: #ffb347;--color-info: var(--color-primary);--color-info-hover: var(--color-primary-hover);--color-border-secondary: var(--color-border-subtle);--breakpoint-xs: 480px;--breakpoint-sm: 610px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1400px;--gradient-brand-horizontal: linear-gradient(90deg,var(--color-accent-two), var(--color-primary), var(--color-accent));--gradient-brand-diagonal: linear-gradient(135deg, var(--color-primary), var(--color-accent));--gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-primary));--gradient-pressable-base: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 90%, white 10%) 0%, color-mix(in srgb, var(--color-primary) 84%, black 16%) 100% );--gradient-pressable-hover: linear-gradient( 180deg, color-mix(in srgb, var(--brand-orange-500) 92%, white 8%) 0%, color-mix(in srgb, var(--brand-orange-600) 90%, black 10%) 100% );--gradient-pressable-active: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 92%, white 8%) 0%, color-mix(in srgb, var(--color-primary) 82%, black 18%) 100% );--gradient-pressable-highlight: linear-gradient(180deg, color-mix(in srgb, white 55%, transparent) 0%, color-mix(in srgb, white 15%, transparent) 45%, color-mix(in srgb, black 25%, transparent) 100%);--gradient-pressable-accent-base: linear-gradient( 180deg, color-mix(in srgb, var(--comp-blue-500) 90%, white 10%) 0%, color-mix(in srgb, var(--comp-blue-500) 84%, black 16%) 100% );--gradient-pressable-accent-hover: linear-gradient( 180deg, color-mix(in srgb, var(--comp-blue-500) 92%, white 8%) 0%, color-mix(in srgb, var(--comp-blue-600) 90%, black 10%) 100% );--gradient-pressable-accent-active: linear-gradient( 180deg, color-mix(in srgb, var(--comp-blue-500) 92%, white 8%) 0%, color-mix(in srgb, var(--comp-blue-500) 82%, black 18%) 100% );--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-section-y: var(--space-12);--gap-sm: var(--space-2);--gap-md: var(--space-4);--gap-lg: var(--space-8);--container-max-width: 1400px;--container-readable: 72ch;--container-narrow: 900px;--top-margin: var(--space-10);--container-xs: 200px;--container-sm: 300px;--container-md: 600px;--container-lg: 800px;--bp-xs: 480px;--bp-mobile: 768px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-large: 1440px;--bp-xlarge: 1920px;--bp-mobile-max: 767px;--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Code", "Courier New", monospace;--line-height-base: 1.55;--line-height-tight: 1.2;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-md-lg: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px color-mix(in srgb, black 45%, transparent), 0 1px 3px color-mix(in srgb, black 35%, transparent);--shadow-md: 0 4px 10px color-mix(in srgb, black 50%, transparent), 0 2px 4px color-mix(in srgb, black 40%, transparent);--shadow-lg: 0 14px 34px color-mix(in srgb, black 55%, transparent), 0 8px 16px color-mix(in srgb, black 45%, transparent);--shadow-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary), transparent 55%);--shadow-layer-ambient-sm: color-mix(in srgb, white 5%, transparent) 0px 10px 55px -20px;--shadow-layer-ambient-md: color-mix(in srgb, white 6.5%, transparent) 0px 10px 55px -20px;--shadow-layer-ambient-lg: color-mix(in srgb, white 2.7%, transparent) 0px 50px 100px -20px;--shadow-layer-lift-sm: color-mix(in srgb, white 11.8%, transparent) 0px 20px 50px -10px;--shadow-layer-lift-md: color-mix(in srgb, white 14.5%, transparent) 0px 20px 50px -10px;--shadow-layer-lift-lg: color-mix(in srgb, white 11.2%, transparent) 0px 30px 60px -30px;--shadow-layer-inset-warm-sm: color-mix(in srgb, rgb(245,218,191) 22%, transparent) 0px -2px 5px 0px inset;--shadow-layer-inset-warm-md: color-mix(in srgb, rgb(245,218,191) 20%, transparent) 0px -2px 5px 0px inset;--shadow-layer-inset-warm-lg: color-mix(in srgb, rgb(245,218,191) 17.5%, transparent) 0px -2px 5px 0px inset;--shadow-composite-default: var(--shadow-layer-ambient-md), var(--shadow-layer-lift-md), var(--shadow-layer-inset-warm-md);--shadow-composite-project-card: var(--shadow-layer-ambient-sm), var(--shadow-layer-lift-sm), var(--shadow-layer-inset-warm-sm);--shadow-composite-container: var(--shadow-layer-ambient-lg), var(--shadow-layer-lift-lg), var(--shadow-layer-inset-warm-lg);--shadow-pressable-rest: 0 1px 0 0 color-mix(in srgb, white 25%, transparent) inset, 0 1px 2px color-mix(in srgb, black 20%, transparent), 0 4px 10px -2px color-mix(in srgb, var(--color-primary) 35%, transparent), var(--shadow-sm);--shadow-pressable-hover: 0 1px 0 0 color-mix(in srgb, white 35%, transparent) inset, 0 2px 4px color-mix(in srgb, black 28%, transparent), 0 7px 18px -5px color-mix(in srgb, var(--brand-orange-600) 55%, transparent), var(--shadow-md);--shadow-pressable-active: 0 0 0 0 color-mix(in srgb, white 35%, transparent) inset, 0 2px 6px color-mix(in srgb, black 40%, transparent) inset, 0 2px 6px color-mix(in srgb, black 30%, transparent);--shadow-tab-active: 0 1px 0 color-mix(in srgb, white 10%, transparent) inset, 0 2px 6px color-mix(in srgb, black 35%, transparent), 0 6px 14px -4px color-mix(in srgb, var(--color-primary) 55%, transparent);--shadow-control: 0 2px 6px -2px color-mix(in srgb, black 35%, transparent);--shadow-control-pressed: 0 0 0 1px color-mix(in srgb, var(--color-primary) 55%, transparent), 0 4px 10px -3px color-mix(in srgb, var(--color-primary) 55%, transparent);--shadow-media-stage: 0 4px 14px -6px color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-primary) 30%, transparent);--shadow-panel: 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent), 0 10px 40px -8px color-mix(in srgb, black 55%, transparent);--shadow-focus-double: 0 0 0 2px color-mix(in srgb,var(--color-primary) 65%, transparent), 0 0 0 4px color-mix(in srgb,var(--color-primary) 25%, transparent);--shadow-glow-sm: 0 0 20px -5px color-mix(in srgb, var(--color-primary) 50%, transparent);--shadow-glow-md: 0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent);--shadow-glow-lg: 0 8px 20px color-mix(in srgb, var(--color-primary) 20%, transparent);--shadow-nav: 0 4px 12px color-mix(in oklab, black 10%, transparent);--shadow-elevated-sm: 0 4px 16px color-mix(in srgb, black 30%, transparent);--shadow-elevated-md: 0 4px 6px color-mix(in srgb, black 10%, transparent), 0 2px 4px color-mix(in srgb, black 6%, transparent);--shadow-inset-focus: 0 0 0 3px color-mix(in oklab, var(--color-primary) 10%, transparent);--box-shadow: var(--shadow-composite-default);--box-shadow-container: var(--shadow-composite-container);--box-shadow-projects: var(--shadow-composite-project-card);--elev-1: var(--shadow-sm);--elev-2: var(--shadow-md);--elev-3: var(--shadow-lg);--elev-focus: var(--shadow-focus-ring);--z-base: 0;--z-behind: -1;--z-content: 1;--z-content-above: 2;--z-layer: 5;--z-above: 10;--z-dropdown: 15;--z-overlay: 100;--z-navigation: 1000;--z-aside: 1001;--z-modal: 2000;--z-offcanvas: 2100;--z-tooltip: 9999;--z-max: 10000;--motion-duration-xs: .12s;--motion-duration-sm: .18s;--motion-duration-md: .26s;--motion-duration-lg: .4s;--motion-duration-xl: .6s;--motion-duration-ambient: .65s;--ease-standard: cubic-bezier(.4,0,.2,1);--ease-entrance: cubic-bezier(.4,.7,.25,1);--ease-exit: cubic-bezier(.5,.3,.4,1);--ease-squish: cubic-bezier(.4,.6,.3,1);--ease-emphasis: cubic-bezier(.3,.8,.35,1.15);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-out: ease-out;--ease-in-out: ease-in-out;--motion-fade: var(--motion-duration-xl) var(--ease-standard);--motion-scale: var(--motion-duration-sm) var(--ease-entrance);--transform-lift-sm: -4px;--transform-lift-md: -5px;--transform-lift-lg: -8px;--transform-scale-hover: 1.05;--transform-scale-hover-lg: 1.1;--transform-scale-active: .95;--transform-scale-active-sm: .98;--outline-width-default: 2px;--outline-width-thick: 4px;--outline-offset-default: 4px;--outline-offset-sm: 2px;--text-stroke-thin: .5px;--perspective-default: 2000px;--reflect-offset: -8px;--motion-overlay: var(--motion-duration-md) var(--ease-standard);--motion-panel-enter: var(--motion-duration-lg) var(--ease-entrance);--motion-panel-exit: var(--motion-duration-lg) var(--ease-exit);--motion-chip: var(--motion-duration-sm) var(--ease-squish);--motion-list-rise: var(--motion-duration-md) var(--ease-entrance);--motion-underline-move: var(--motion-duration-lg) var(--ease-standard);--motion-underline-opacity: var(--motion-duration-sm) var(--ease-standard);--motion-underline-opacity-advance: 80ms;--motion-stagger-xxs: 80ms;--motion-stagger-xs: .2s;--motion-stagger-sm: .3s;--motion-stagger-md: .5s;--btn-padding-y: var(--space-2);--btn-padding-x: var(--space-5);--btn-font-weight: var(--font-weight-medium);--btn-primary-bg: var(--color-primary);--btn-primary-bg-hover: var(--color-primary-hover);--btn-primary-text: var(--color-text-inverse);--input-padding-y: var(--space-2);--input-padding-x: var(--space-3);--input-bg: var(--color-surface-alt);--input-text: var(--color-text);--input-placeholder-color: var(--color-text-mute);--input-border: var(--color-border);--input-border-focus: var(--color-primary);--input-shadow-focus: var(--shadow-focus-ring);--card-bg: var(--color-surface);--card-border-color: var(--color-border-subtle);--bg-card: var(--card-bg);--marker-size: .9rem;--marker-bg: var(--carousel-marker-bg);--marker-hover-bg: var(--carousel-marker-hover-bg);--marker-active-color: var(--color-primary);--line-height-loose: 1.75;--color-text-primary: var(--color-text);--color-focus-ring: var(--color-primary);--TOP-MARGIN: var(--top-margin);--shadow-soft: var(--shadow-sm);--shadow: var(--box-shadow);--carousel-marker-bg: var(--color-border-subtle);--carousel-marker-hover-bg: var(--color-text-soft);--carousel-marker-active-bg: var(--color-primary);--focus-ring: 2px solid var(--color-primary);--scrim-xs: color-mix(in srgb, black 25%, transparent);--scrim-sm: color-mix(in srgb, black 30%, transparent);--scrim-md: color-mix(in srgb, black 45%, transparent);--scrim-lg: color-mix(in srgb, black 60%, transparent);--scrim-xl: color-mix(in srgb, black 75%, transparent);--overlay-scrim-card: color-mix(in srgb, black 50%, transparent);--overlay-scrim-card-strong: color-mix(in srgb, black 60%, transparent);--overlay-card-text-color: var(--color-text);--bg-accent-translucent: color-mix(in srgb, var(--color-primary) 15%, transparent);--bg-accent-translucent-strong: color-mix(in srgb, var(--color-primary) 25%, transparent);--ripple-bg: color-mix(in srgb, white 40%, transparent);--text-shadow-soft: 0 .3px 0 color-mix(in srgb, black 35%, transparent);--text-inverse: var(--color-text-inverse);--reflect-stop-faint: color-mix(in srgb, white 5%, transparent);--reflect-stop-strong: color-mix(in srgb, white 20%, transparent);--card-glass-bg: color-mix(in srgb, white 95%, transparent);--color-text-emphasis-soft: color-mix(in srgb, var(--color-text-inverse) 65%, transparent);--pressable-glow-ring-color: color-mix(in srgb, var(--brand-orange-500) 70%, transparent);--pressable-glow-lift-color: color-mix(in srgb, var(--brand-orange-600) 55%, transparent);--pressable-glow-outline-color: color-mix(in srgb, var(--brand-orange-600) 60%, transparent);--pressable-edge-color: color-mix(in srgb, var(--color-primary) 55%, transparent);--pressable-shadow-hover-rest: 0 2px 4px color-mix(in srgb, black 28%, transparent);--pressable-glow-stack-outline: 0 0 0 .5px var(--pressable-glow-outline-color), var(--pressable-shadow-hover-rest), 0 7px 18px -5px var(--pressable-glow-lift-color), 0 0 14px -2px var(--pressable-glow-ring-color), var(--shadow-md);--pressable-glow-stack-inset: 0 1px 0 0 color-mix(in srgb, white 35%, transparent) inset, var(--pressable-shadow-hover-rest), 0 7px 18px -5px var(--pressable-glow-lift-color), 0 0 14px -2px var(--pressable-glow-ring-color), var(--shadow-md);--pressable-pressed-stack: 0 0 0 0 color-mix(in srgb, white 30%, transparent) inset, 0 2px 6px color-mix(in srgb, black 45%, transparent) inset, 0 1px 2px color-mix(in srgb, black 25%, transparent);--pressable-pressed-stack-active: 0 0 0 0 color-mix(in srgb, white 35%, transparent) inset, 0 2px 6px color-mix(in srgb, black 40%, transparent) inset, 0 2px 6px color-mix(in srgb, black 30%, transparent);--pressable-edge-inset: 0 0 0 1px var(--pressable-edge-color) inset}:root{--tt-grad-seg: linear-gradient(180deg, color-mix(in oklab, canvas 62%, transparent) 0%, color-mix(in oklab, var(--color-primary) 8%, transparent) 30%, color-mix(in oklab, canvas 46%, transparent) 100% );--tt-grad-thumb: var(--tt-grad-seg);--tt-grad-handle: var(--tt-grad-seg);--tt-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 45%, transparent), 0 0 10px color-mix(in srgb, var(--color-primary) 35%, transparent);--tt-icon-stroke: color-mix(in oklab, white 99%, transparent);--tt-icon-stroke-width: 2.25;--tt-icon-filter: drop-shadow(0 1px 1px color-mix(in oklab, black 74%, transparent));--tt-handle-stroke: var(--tt-icon-stroke);--tt-handle-stroke-width: var(--tt-icon-stroke-width);--tt-handle-filter: var(--tt-icon-filter)}:root{--tech-card-ambient-warm: color-mix(in srgb, var(--brand-orange-200) 22%, white 78%);--tech-card-halo-warm: color-mix(in srgb, var(--brand-orange-100) 35%, white 65%);--shadow-tech-card: 0 26px 64px -22px rgba(255,255,255,.02), 0 26px 64px -22px color-mix(in srgb, var(--tech-card-ambient-warm) 30%, transparent 79.5%), 0 11px 28px -11px rgba(0,0,0,.26), 0 4px 11px -4px rgba(0,0,0,.24), 0 0 34px -6px color-mix(in srgb, var(--tech-card-halo-warm) 30%, transparent 89%), 0 0 0 1px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -2px 4px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.06), inset 0 0 18px rgba(245,218,191,.22)}[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-bg-alt: #f5f7fa;--color-surface: #ffffff;--color-surface-alt: #f1f4f8;--color-surface-inset: #e8edf3;--color-border: #d9dee5;--color-border-subtle: #e4e8ed;--color-text: #1e2227;--color-text-soft: #4a545f;--color-text-mute: #5a6472;--color-text-inverse: #ffffff;--color-text-light: #ffffff;--color-overlay-scrim: rgba(0,0,0,.4);--color-primary: var(--brand-orange-500);--color-primary-hover: var(--brand-orange-600);--color-primary-light: var(--brand-orange-300);--color-accent: var(--brand-orange-200);--color-accent-two: var(--brand-orange-700);--color-accent-hover: var(--comp-blue-600);--color-accent-alt: var(--comp-blue-300);--gradient-brand-horizontal: linear-gradient(90deg, var(--color-accent-two), var(--color-primary), var(--color-accent));--gradient-brand-diagonal: linear-gradient(135deg, var(--color-primary), var(--color-accent));--shadow-sm: 0 1px 2px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 10px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.1);--shadow-lg: 0 14px 34px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.12);--shadow-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary), transparent 55%);--shadow-composite-default: rgba(10,37,64,.07) 0px 10px 55px -20px, rgba(10,37,64,.15) 0px 20px 50px -10px, rgba(0,0,0,.06) 0px -2px 6px 0px inset;--shadow-composite-project-card: rgba(10,37,64,.04) 0px 10px 55px -20px, rgba(10,37,64,.12) 0px 20px 50px -10px, rgba(0,0,0,.06) 0px -2px 6px 0px inset;--shadow-composite-container: rgba(10,37,64,.03) 0px 50px 100px -20px, rgba(10,37,64,.1) 0px 30px 60px -30px, rgba(0,0,0,.08) 0px -2px 6px 0px inset;--box-shadow: var(--shadow-composite-default);--box-shadow-container: var(--shadow-composite-container);--box-shadow-projects: var(--shadow-composite-project-card);--btn-primary-text: #ffffff;--input-placeholder-color: color-mix(in srgb, var(--color-text) 55%, transparent);--overlay-scrim-card: rgba(0,0,0,.5);--overlay-scrim-card-strong: rgba(0,0,0,.5);--overlay-card-text-color: #111214;--tt-grad-seg: linear-gradient(0deg, color-mix(in oklab, canvas 40%, transparent) 0%, color-mix(in oklab, var(--color-primary) 3%, transparent) 30%, color-mix(in oklab, canvas 55%, transparent) 100% );--tt-grad-thumb: linear-gradient(180deg, color-mix(in oklab, canvas 55%, transparent) 0%, color-mix(in oklab, var(--color-primary) 3%, transparent) 30%, color-mix(in oklab, canvas 40%, transparent) 100% );--tt-grad-handle: var(--tt-grad-thumb);--tt-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 45%, transparent), 0 0 10px color-mix(in srgb, var(--color-primary) 35%, transparent);--tt-icon-stroke: color-mix(in oklab, black 86%, transparent);--tt-icon-stroke-width: 2;--tt-icon-filter: drop-shadow(0 -1px 1px color-mix(in oklab, white 50%, transparent));--tt-handle-stroke: var(--tt-icon-stroke);--tt-handle-stroke-width: var(--tt-icon-stroke-width);--tt-handle-filter: var(--tt-icon-filter)}[data-theme=contrast]{color-scheme:dark;--color-bg: #000000;--color-bg-alt: #050505;--color-surface: #0d0d0d;--color-surface-alt: #141414;--color-surface-inset: #1c1c1c;--color-text: #ffffff;--color-text-soft: #e6e6e6;--color-text-mute: #cccccc;--color-text-inverse: #000000;--color-text-light: #ffffff;--color-border: #ffffff;--color-border-subtle: #666;--color-primary: var(--brand-orange-500);--color-primary-hover: var(--brand-orange-400);--color-primary-light: var(--brand-orange-300);--color-accent: var(--brand-orange-200);--color-accent-two: var(--brand-orange-700);--color-accent-hover: var(--brand-orange-700);--gradient-brand-horizontal: linear-gradient(90deg, var(--color-accent-two), var(--color-primary), var(--color-accent));--gradient-brand-diagonal: linear-gradient(135deg, var(--color-primary), var(--color-accent));--shadow-sm: 0 0 0 1px #ffffff, 0 2px 4px rgba(0,0,0,.6);--shadow-md: 0 0 0 1px #ffffff, 0 4px 10px rgba(0,0,0,.7);--shadow-lg: 0 0 0 1px #ffffff, 0 12px 28px rgba(0,0,0,.75);--shadow-focus-ring: 0 0 0 1px #00ccff;--box-shadow: var(--shadow-sm), rgba(245,218,191,.18) 0 -2px 5px 0 inset;--box-shadow-container: var(--shadow-md), rgba(245,218,191,.2) 0 -2px 5px 0 inset;--box-shadow-projects: var(--shadow-lg), rgba(245,218,191,.22) 0 -2px 5px 0 inset;--shadow-panel: 0 0 0 1px #ffffff, 0 18px 60px -16px rgba(0,0,0,.75);--shadow-tab-active: 0 0 0 1px var(--color-text);--shadow-control: 0 0 0 1px var(--color-text);--btn-primary-text: #000000;--carousel-marker-bg: #666;--carousel-marker-hover-bg: #aaa;--carousel-marker-active-bg: var(--color-primary);--pressable-glow-stack-outline: 0 0 0 1px #ffffff, 0 0 0 4px color-mix(in srgb,var(--color-primary) 55%, transparent), 0 2px 6px rgba(0,0,0,.8), 0 0 18px -2px color-mix(in srgb,var(--color-primary) 70%, transparent);--pressable-glow-stack-inset: var(--pressable-glow-stack-outline);--pressable-pressed-stack: 0 0 0 1px #ffffff, 0 2px 6px rgba(0,0,0,.85) inset;--input-placeholder-color: #d9d9d9;--overlay-scrim-card: rgba(0,0,0,.7);--overlay-scrim-card-strong: rgba(0,0,0,.75);--overlay-card-text-color: #ffffff;--tt-grad-seg: linear-gradient(180deg, color-mix(in oklab, canvas 72%, transparent) 0%, color-mix(in oklab, canvas 44%, transparent) 100% );--tt-grad-thumb: var(--tt-grad-seg);--tt-grad-handle: var(--tt-grad-seg);--tt-focus-ring: 0 0 0 3px color-mix(in srgb, white 85%, transparent), 0 0 10px color-mix(in srgb, white 55%, transparent);--tt-icon-stroke: #ffffff;--tt-icon-stroke-width: 2.25;--tt-icon-filter: none;--tt-handle-stroke: var(--tt-icon-stroke);--tt-handle-stroke-width: var(--tt-icon-stroke-width);--tt-handle-filter: var(--tt-icon-filter)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){:root{--motion-duration-xs: 0ms;--motion-duration-sm: 0ms;--motion-duration-md: 0ms;--motion-duration-lg: 0ms;--motion-duration-xl: 0ms;--motion-duration-ambient: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up-sm{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.85}50%{opacity:1}}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}body{min-height:100dvh;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}#main-body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);line-height:var(--line-height-base);visibility:visible}main,footer{max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--space-4)}section{padding-block:var(--space-section-y);contain:layout paint;content-visibility:auto}@supports not (content-visibility: auto){section{will-change:auto}}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--space-4)}.container-narrow{max-width:var(--container-narrow)}.container-readable{max-width:var(--container-readable)}@media(min-width:768px){:root{--top-margin: var(--space-10)}}@media(min-width:1024px){:root{--top-margin: var(--space-12)}}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:var(--font-size-md);color:var(--color-text-mute)}.pressable{position:relative}.pressable-edge:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--pressable-edge-inset);opacity:.55;transition:opacity .35s ease}.pressable-edge:hover:after,.pressable-edge:focus-visible:after{opacity:.85}.pressable-glow-outline:hover,.pressable-glow-outline:focus-visible{box-shadow:var(--pressable-glow-stack-outline)}.pressable-glow-inset:hover,.pressable-glow-inset:focus-visible{box-shadow:var(--pressable-glow-stack-inset)}.pressable.is-pressed,.pressable:active{box-shadow:var(--pressable-pressed-stack);transform:translateY(0) scale(.985)}