@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Consolas", monospace;--line-rgb: 15 23 42;color-scheme:light;--bg: #ffffff;--bg-soft: #f1f5f9;--grid-line: rgb(var(--line-rgb) / .06);--text: #0b0d10;--muted: #475569;--accent: #0b0d10;--on-accent: #ffffff;--accent-muted: rgb(var(--line-rgb) / .16);--shadow: rgba(15, 23, 42, .12);--panel-60: rgba(15, 23, 42, .03);--panel-65: rgba(15, 23, 42, .035);--panel-70: rgba(15, 23, 42, .04);--panel-80: rgba(15, 23, 42, .05);--panel-85: rgba(15, 23, 42, .06);--panel-90: rgba(15, 23, 42, .07);--panel-95: rgba(15, 23, 42, .08);--panel-96: rgba(15, 23, 42, .09)}html.dark{--line-rgb: 255 255 255;color-scheme:dark;--bg: #0b0d10;--bg-soft: #12161c;--grid-line: rgb(var(--line-rgb) / .06);--text: #f2f2f2;--muted: #9ca3af;--accent: #f5f5f5;--on-accent: #111;--accent-muted: rgb(var(--line-rgb) / .16);--shadow: rgba(0, 0, 0, .45);--panel-60: rgba(18, 22, 28, .6);--panel-65: rgba(18, 22, 28, .65);--panel-70: rgba(18, 22, 28, .7);--panel-80: rgba(18, 22, 28, .8);--panel-85: rgba(26, 32, 40, .85);--panel-90: rgba(18, 22, 28, .9);--panel-95: rgba(12, 16, 22, .95);--panel-96: rgba(10, 12, 15, .96)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}#root{min-height:100vh}.skip-link{position:absolute;top:16px;left:16px;padding:10px 14px;background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;transform:translateY(-200%);transition:transform .2s ease;z-index:10}.skip-link:focus{transform:translateY(0)}.app{position:relative;min-height:100vh;padding:40px 72px 96px;display:flex;flex-direction:column;gap:56px;overflow-x:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;opacity:.45;pointer-events:none}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgb(var(--line-rgb) / .1),transparent 42%),radial-gradient(circle at 85% 5%,rgb(var(--line-rgb) / .07),transparent 35%),linear-gradient(180deg,#0000,#000000b3);pointer-events:none}.site-header,.main,.hero,.value-grid,.callout{position:relative;z-index:1}.site-header{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:60;padding-top:6px;padding-bottom:6px}.main{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:72px}.hero,.value-grid,.skills,.blogs,.process,.projects,.callout{scroll-margin-top:80px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.logo-mark{width:24px;height:24px;display:inline-block;-o-object-fit:contain;object-fit:contain;border:1px solid rgb(var(--line-rgb) / .14);background:#fff;border-radius:6px;box-shadow:0 6px 14px #00000059}.nav-links{display:flex;gap:18px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.nav-panel{display:flex;align-items:center;gap:14px}.nav-toggle{display:none;width:38px;height:38px;border:1px solid rgb(var(--line-rgb) / .2);background:var(--panel-60);border-radius:10px;align-items:center;justify-content:center;gap:5px;padding:8px;z-index:70}.nav-toggle span{display:block;width:16px;height:2px;background:var(--text);border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-backdrop{display:none}.nav-links a{position:relative;padding-bottom:4px}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);padding:8px 14px;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;background:var(--accent);color:var(--on-accent);transition:transform .2s ease,box-shadow .2s ease}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent-muted);width:38px;height:38px;padding:0;border-radius:999px;background:rgb(var(--line-rgb) / .06);color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{transform:translateY(-2px);border-color:rgb(var(--line-rgb) / .35);box-shadow:0 10px 20px var(--shadow)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px var(--shadow)}.hero{width:100%}.hero{position:relative;overflow:visible;--hero-mx: 0;--hero-my: 0}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.12;pointer-events:none;transform:translateZ(0)}.hero:before{width:320px;height:320px;left:-6%;top:-8%;background:radial-gradient(circle at 30% 30%,rgba(255,140,90,.22),transparent 38%);opacity:.16;animation:floatBlob 7.2s ease-in-out infinite}.hero:after{width:460px;height:460px;right:-8%;bottom:-6%;background:radial-gradient(circle at 70% 70%,rgba(90,200,255,.18),transparent 38%);opacity:.14;animation:floatBlobAlt 8.6s ease-in-out infinite}.hero-title,.hero-body,.hero-actions,.hero-panel,.hero-profile-frame{opacity:0;transform:translateY(10px) scale(.996)}.hero.in-view .hero-title{animation:heroFadeUp .54s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.12s}.hero.in-view .hero-body{animation:heroFadeUp .54s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.24s}.hero.in-view .hero-actions{animation:heroFadeUp .54s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.36s}.hero.in-view .hero-panel{animation:heroFadeUp .64s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.42s}.hero-panel{position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:3px;background:linear-gradient(90deg,transparent,rgb(var(--line-rgb) / .6),transparent);opacity:.75}.hero.in-view .hero-panel:before{animation:heroPanelSweep 1.4s ease-out forwards;animation-delay:.54s}.hero.in-view .hero-profile-frame{animation:profilePop .76s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.16s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(10px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profilePop{0%{opacity:0;transform:translateY(6px) scale(.96) rotateX(6deg)}70%{opacity:1;transform:translateY(-6px) scale(1.02) rotateX(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes floatBlob{0%{transform:translate(calc(var(--hero-mx) * -10px),calc(var(--hero-my) * -12px)) translateY(0) translate(0) scale(1)}50%{transform:translate(calc(var(--hero-mx) * -10px),calc(var(--hero-my) * -12px)) translateY(-10px) translate(8px) scale(1.02)}to{transform:translate(calc(var(--hero-mx) * -10px),calc(var(--hero-my) * -12px)) translateY(0) translate(0) scale(1)}}@keyframes floatBlobAlt{0%{transform:translate(calc(var(--hero-mx) * 12px),calc(var(--hero-my) * 10px)) translateY(0) translate(0) scale(1)}50%{transform:translate(calc(var(--hero-mx) * 12px),calc(var(--hero-my) * 10px)) translateY(12px) translate(-6px) scale(.98)}to{transform:translate(calc(var(--hero-mx) * 12px),calc(var(--hero-my) * 10px)) translateY(0) translate(0) scale(1)}}@keyframes heroPanelSweep{0%{left:-120%}to{left:120%}}@media (prefers-reduced-motion: reduce){.hero:before,.hero:after,.hero-title,.hero-body,.hero-actions,.hero-panel,.hero-profile-frame,.hero-title-typing{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;color:inherit!important;background:none!important}.hero-title-typing:after{display:none!important}}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:16px}.hero-profile{display:flex;align-items:center;gap:16px;margin-bottom:8px}.hero-profile-frame{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden}.hero-profile-frame:before{content:"";position:absolute;width:150%;height:150%;background:conic-gradient(from 0deg,transparent 70%,var(--accent) 100%);animation:spinBorder 3s linear infinite;z-index:0}.hero-profile-frame:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--bg);z-index:1}.hero-profile-img{width:calc(100% - 4px);height:calc(100% - 4px);-o-object-fit:cover;object-fit:cover;position:relative;z-index:2;filter:grayscale(40%);transition:filter .3s ease}.hero-profile:hover .hero-profile-img{filter:grayscale(0%)}.hero-profile-text{display:flex;flex-direction:column;gap:4px}.hero-profile-name{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-weight:600}.hero-profile-title{font-size:.85rem;color:var(--muted);font-weight:400;letter-spacing:.02em}@keyframes spinBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-kicker{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.hero-title{font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.hero-title-typing{display:inline-block;position:relative;padding-right:6px;white-space:normal;background-image:linear-gradient(90deg,rgb(var(--line-rgb) / .9),rgb(var(--line-rgb) / .9) 45%,rgb(var(--line-rgb) / .6),rgb(var(--line-rgb) / .9) 55%,rgb(var(--line-rgb) / .9));background-size:220% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroShimmer 6.8s ease-in-out infinite}.hero-title-typing:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,transparent,rgb(var(--line-rgb) / .55),transparent);opacity:.6;transform:scaleX(.2);transform-origin:left;animation:heroUnderline 2.6s ease-in-out infinite}@keyframes heroShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes heroUnderline{0%{transform:scaleX(.2);opacity:.35}50%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.35}}.hero-body{color:var(--muted);line-height:1.6;font-size:.98rem;max-width:620px}.hero-actions{display:flex;gap:16px;margin-top:12px}.hero-panel{border:1px solid rgb(var(--line-rgb) / .14);background:var(--panel-80);padding:22px;display:flex;flex-direction:column;gap:18px}.panel-block{display:flex;flex-direction:column;gap:8px}.panel-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.panel-value{color:var(--text);line-height:1.5}.panel-list{list-style:none;display:grid;gap:6px;color:var(--muted);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--accent-muted);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-secondary{background:transparent;color:var(--accent)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px var(--shadow)}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.info-card{border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-65);padding:22px;display:flex;flex-direction:column;gap:12px;min-height:160px;box-shadow:inset 0 0 0 1px rgb(var(--line-rgb) / .03);position:relative;overflow:hidden;opacity:0;transform:translateY(10px) scale(.995)}.info-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:.5px;background:conic-gradient(from 180deg,transparent 0deg,rgb(var(--line-rgb) / .35) 60deg,transparent 120deg,rgb(var(--line-rgb) / .18) 200deg,transparent 260deg);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.info-card:after{content:"";position:absolute;top:0;left:-120%;width:120%;height:2px;background:linear-gradient(90deg,transparent,rgb(var(--line-rgb) / .45),transparent);opacity:.7;pointer-events:none}.info-card.in-view{animation:valueCardIn .52s cubic-bezier(.2,.9,.25,1) forwards}.info-card.in-view:nth-child(2){animation-delay:.12s}.info-card.in-view:nth-child(3){animation-delay:.24s}.info-card.in-view:after{animation:valueSweep .9s ease-out forwards}.info-card.in-view:before{opacity:.38;animation:valueOutline 6.2s linear infinite}.info-card.in-view:nth-child(2):after{animation-delay:.14s}.info-card.in-view:nth-child(3):after{animation-delay:.26s}@keyframes valueCardIn{0%{opacity:0;transform:translateY(12px) scale(.992)}70%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes valueSweep{0%{left:-120%}to{left:120%}}@keyframes valueOutline{to{transform:rotate(360deg)}}.card-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.card-body{color:var(--muted);line-height:1.5;font-size:.92rem}.card-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.skills{display:flex;flex-direction:column;gap:24px}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.skill-card{border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-60);padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;isolation:isolate}.skill-card:before{content:"";position:absolute;top:-35%;right:-20%;bottom:-35%;left:-20%;background:conic-gradient(from 180deg,transparent 0deg,rgb(var(--line-rgb) / .18) 55deg,transparent 100deg,rgb(var(--line-rgb) / .08) 180deg,transparent 250deg,rgb(var(--line-rgb) / .14) 310deg,transparent 360deg);opacity:.35;filter:blur(14px);animation:skillOrbit 11s linear infinite;pointer-events:none}.skill-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(115deg,transparent 0%,rgb(var(--line-rgb) / .06) 48%,rgb(var(--line-rgb) / .14) 50%,rgb(var(--line-rgb) / .06) 52%,transparent 100%);transform:translate(-140%);animation:skillSweep 6.5s ease-in-out infinite;pointer-events:none}.skill-card>*{position:relative;z-index:1}.skill-card:nth-child(2n):before{animation-direction:reverse;animation-duration:13s}.skill-card:nth-child(3n):after{animation-delay:1.2s}.skill-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.skill-title{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.skill-subtitle{color:var(--muted);font-size:.9rem;margin-top:6px}.skill-level{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;padding:4px 8px;border:1px solid rgb(var(--line-rgb) / .2);background:rgb(var(--line-rgb) / .06);color:var(--accent)}.skill-level.level-proficient{color:var(--text)}.skill-level.level-familiar{color:var(--muted)}.skill-meter{width:100%;height:6px;background:rgb(var(--line-rgb) / .08);overflow:hidden}.skill-meter-fill{display:block;height:100%;background:linear-gradient(90deg,rgb(var(--line-rgb) / .65),rgb(var(--line-rgb) / .9));position:relative;overflow:hidden}.skill-meter-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(var(--line-rgb) / .55),transparent);transform:translate(-120%);animation:meterShine 3.8s ease-in-out infinite}.meter-90{width:90%}.meter-88{width:88%}.meter-86{width:86%}.meter-78{width:78%}.meter-76{width:76%}.meter-75{width:75%}.meter-74{width:74%}.meter-60{width:60%}.skill-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.skill-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(var(--line-rgb) / .16);padding:6px 10px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.skill-icon{position:relative;width:28px;height:28px;border:1px solid rgb(var(--line-rgb) / .2);background:rgb(var(--line-rgb) / .06);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;animation:skillFloat 4.8s ease-in-out infinite}.skill-icon-svg{width:16px;height:16px;color:var(--accent)}.skill-icon-badge{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border:1px solid rgb(var(--line-rgb) / .4);background:rgb(var(--line-rgb) / .2);animation:badgePulse 2.8s ease-in-out infinite}.skill-pill:nth-child(2n) .skill-icon{animation-delay:.35s}.skill-pill:nth-child(3n) .skill-icon{animation-delay:.7s}.process{display:flex;flex-direction:column;gap:24px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.process-card{border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-60);padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.process-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:6px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 16px rgb(var(--line-rgb) / .4);animation:flowLine 3s linear infinite}.process-card:nth-child(1):before{animation-delay:0s}.process-card:nth-child(2):before{animation-delay:1s}.process-card:nth-child(3):before{animation-delay:2s}@keyframes flowLine{0%{left:-100%}to{left:100%}}@keyframes skillOrbit{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes skillSweep{0%,65%{transform:translate(-140%)}to{transform:translate(140%)}}@keyframes meterShine{0%,72%{transform:translate(-120%)}to{transform:translate(140%)}}@keyframes skillFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(2deg)}}@keyframes badgePulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.22);opacity:1}}.process-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.process-body{color:var(--muted);line-height:1.5}.experience{display:flex;flex-direction:column;gap:24px}.experience-list{display:flex;flex-direction:column;gap:16px}.experience-item{border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-60);padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.experience-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);opacity:.8}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}.experience-title{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600}.experience-date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.experience-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--muted)}.separator{color:rgb(var(--line-rgb) / .2)}.experience-company{color:var(--text);font-weight:600}.experience-description{color:var(--muted);line-height:1.6;font-size:.95rem;margin-top:4px}.experience-list .experience-item{opacity:0;transform:translateY(8px) scale(.998);transition:transform .22s ease,box-shadow .22s ease}.experience-list .experience-item.animate-in,.experience-list .experience-item.in-view{animation:cardFlip .52s cubic-bezier(.2,.9,.3,1) forwards;transform-origin:center top;perspective:900px}.experience-list .experience-item:hover{transform:translateY(-8px) rotateX(-3deg) scale(1.014);box-shadow:0 18px 36px #020617a8}.experience-list .experience-item:focus-visible{outline:3px solid rgb(var(--line-rgb) / .06);outline-offset:4px;transform:translateY(-8px) rotateX(-3deg) scale(1.014)}.experience-description-list{margin:8px 0 0 1.1rem;color:var(--muted);list-style:disc}.experience-description-list li{margin-bottom:8px;line-height:1.6}.experience-hover-modal{position:fixed;pointer-events:none;background:#06080ce6;color:var(--text);padding:8px 10px;border-radius:6px;font-family:var(--font-mono);font-size:.78rem;box-shadow:0 8px 24px #02061799;transform:translateY(-6px);animation:fadeIn .16s ease}@keyframes cardFlip{0%{opacity:0;transform:perspective(900px) translateY(18px) rotateX(18deg) scale(.994);filter:blur(2.6px)}65%{opacity:1;transform:perspective(900px) translateY(-4px) rotateX(-6deg) scale(1.01);filter:blur(.2px)}to{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) scale(1);filter:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-6px)}}.experience-item:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(115deg,transparent 0%,rgb(var(--line-rgb) / .04) 45%,rgb(var(--line-rgb) / .08) 50%,rgb(var(--line-rgb) / .04) 55%,transparent 100%);transform:translate(-120%);pointer-events:none}.experience-item.in-view:after{animation:experienceSweepOnce .9s ease-out forwards}@keyframes experienceSweepOnce{0%{transform:translate(-120%);opacity:0}20%{opacity:1}80%{transform:translate(120%);opacity:1}to{transform:translate(120%);opacity:0}}@media (prefers-reduced-motion: reduce){.experience-list .experience-item,.experience-list .experience-item.animate-in,.experience-list .experience-item.in-view,.experience-item:after{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}.projects{display:flex;flex-direction:column;gap:32px}.section-header{max-width:720px;display:flex;flex-direction:column;gap:12px}.section-kicker{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.36em;text-transform:uppercase;color:var(--muted)}.section-title{font-size:clamp(2rem,3vw,3.4rem);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.section-body{color:var(--muted);line-height:1.6;font-size:.98rem}.project-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-60);padding:12px 16px}.project-filters{display:flex;gap:16px;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.filter-field select{background:var(--panel-90);border:1px solid rgb(var(--line-rgb) / .16);color:var(--text);padding:6px 10px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.project-summary{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.project-table{border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-70);overflow:hidden;overflow-x:auto}.project-table-header{display:grid;grid-template-columns:80px 1.2fr 1.8fr 2fr .6fr .8fr;gap:12px;padding:12px 16px;background:var(--panel-90);border-bottom:1px solid rgb(var(--line-rgb) / .12);position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-table-header .project-cell{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.project-table-header,.project-table-body{min-width:900px}.project-table-body{display:grid}.project-empty{padding:24px 16px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.latest-blog-banner{width:100%;max-width:1200px;margin:-32px auto -16px;display:flex;justify-content:center;z-index:2;position:relative;animation:slideDownFade .6s ease-out forwards}.latest-blog-link{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:var(--panel-70);border:1px solid rgb(var(--line-rgb) / .1);border-radius:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;box-shadow:0 4px 20px #0003}.latest-blog-link:hover{background:var(--panel-85);border-color:rgb(var(--line-rgb) / .25);transform:translateY(-2px);box-shadow:0 6px 24px #0006}.latest-blog-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);padding:2px 6px;border-radius:2px;animation:pulseBadge 2s infinite}.ticker-title-wrapper{overflow:hidden;position:relative;display:inline-flex;align-items:center;max-width:400px}.ticker-animate{display:inline-block;animation:slideUpIn .5s cubic-bezier(.16,1,.3,1) forwards}.latest-blog-title{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;transition:color .3s ease}.latest-blog-link:hover .latest-blog-title{color:var(--accent);text-shadow:0 0 8px rgb(var(--line-rgb) / .4)}.latest-blog-arrow{color:var(--accent);font-size:.9rem;transition:transform .3s ease}.latest-blog-link:hover .latest-blog-arrow{transform:translate(4px)}@keyframes pulseBadge{0%{box-shadow:0 0 rgb(var(--line-rgb) / .4)}70%{box-shadow:0 0 0 4px rgb(var(--line-rgb) / 0)}to{box-shadow:0 0 rgb(var(--line-rgb) / 0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease}.modal-content{background:var(--bg-soft);border:1px solid rgb(var(--line-rgb) / .1);width:100%;max-width:900px;height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080;animation:scaleUp .3s cubic-bezier(.16,1,.3,1) forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgb(var(--line-rgb) / .08);background:var(--panel-90)}.modal-title{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.modal-actions{display:flex;align-items:center;gap:16px}.modal-btn{padding:8px 16px;font-size:.65rem}.modal-close{font-size:1.5rem;color:var(--muted);transition:color .2s ease;line-height:1}.modal-close:hover{color:var(--accent)}.modal-body{flex:1;background:#fff}.contact-modal-content{max-width:640px;height:auto}.contact-modal-body{background:var(--panel-95);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-body-text{margin:0;color:var(--muted);font-size:.95rem}.modal-contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.modal-contact-email{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);border:1px solid rgb(var(--line-rgb) / .12);padding:10px 12px;background:var(--panel-90)}.modal-textarea{width:100%;resize:vertical;min-height:110px;padding:12px 14px;border-radius:6px;border:1px solid rgb(var(--line-rgb) / .14);background:var(--panel-90);color:var(--text);font-size:.95rem;line-height:1.5}.modal-textarea:focus{outline:none;border-color:rgb(var(--line-rgb) / .4)}.modal-message-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-char-count{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.scroll-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:999px;border:1px solid rgb(var(--line-rgb) / .16);background:var(--panel-90);color:var(--text);font-size:1.1rem;display:grid;place-items:center;box-shadow:0 16px 32px #00000059;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,border-color .2s ease;z-index:12}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);animation:scrollTopPulse 3.2s ease-in-out infinite}.scroll-top:hover{border-color:rgb(var(--line-rgb) / .4)}@keyframes scrollTopPulse{0%,to{box-shadow:0 16px 32px #00000059;transform:translateY(0)}50%{box-shadow:0 18px 36px #00000073,0 0 14px rgb(var(--line-rgb) / .12);transform:translateY(-4px)}}.resume-iframe{width:100%;height:100%;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.experience-hover-modal{position:fixed;pointer-events:none;z-index:1000;background:var(--panel-90);border:1px solid rgb(var(--line-rgb) / .15);padding:12px 16px;border-radius:6px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:4px;min-width:180px;animation:fadeInModal .2s ease-out}.hover-modal-kicker{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.hover-modal-desc{font-size:.8rem;color:var(--text);margin:0}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.project-grid-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-grid-card{display:flex;flex-direction:column;border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-60);overflow:hidden;color:inherit;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-grid-card:hover{transform:translateY(-4px);border-color:rgb(var(--line-rgb) / .25);box-shadow:0 12px 32px #0006}.project-grid-card:focus-visible{outline:2px solid rgb(var(--line-rgb) / .2);outline-offset:3px}.project-card-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0006;border-bottom:1px solid rgb(var(--line-rgb) / .12)}.project-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.project-grid-card:hover .project-card-image img{transform:scale(1.05)}.card-status-pill{position:absolute;top:12px;right:12px;padding:4px 8px;border:1px solid rgb(var(--line-rgb) / .16);background:var(--panel-85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);z-index:2}.project-card-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start}.project-card-title{font-size:1.1rem;font-weight:600;letter-spacing:.04em}.project-card-year{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.project-card-category{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-top:-8px}.project-card-description{color:var(--muted);line-height:1.5;font-size:.9rem}.project-card-tech{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px dashed rgb(var(--line-rgb) / .1)}.project-modal-content{max-width:1000px;height:88vh}.project-modal-body{background:var(--bg);display:flex;flex-direction:column;gap:16px;padding:20px}.project-modal-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;flex:1}.project-modal-image{width:100%;height:100%;max-height:52vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#0006;border:1px solid rgb(var(--line-rgb) / .08)}.project-modal-nav{width:42px;height:42px;border-radius:50%;border:1px solid rgb(var(--line-rgb) / .16);background:var(--panel-70);color:var(--text);font-size:1.6rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.project-modal-nav:hover{transform:translateY(-2px);border-color:rgb(var(--line-rgb) / .3)}.project-modal-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center}.project-modal-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.project-thumb{border:1px solid rgb(var(--line-rgb) / .1);padding:0;background:var(--panel-80);cursor:pointer;border-radius:6px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.project-thumb img{width:100%;height:70px;-o-object-fit:cover;object-fit:cover;display:block}.project-thumb.active{border-color:rgb(var(--line-rgb) / .45);transform:translateY(-2px)}.project-modal-empty{color:var(--muted);text-align:center;margin-top:24px}.tech-chip{border:1px solid rgb(var(--line-rgb) / .16);padding:4px 10px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);background:rgb(var(--line-rgb) / .02)}.status-pill{padding:4px 8px;border:1px solid rgb(var(--line-rgb) / .16);background:rgb(var(--line-rgb) / .08);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.status-in-progress{color:#f2c94c;border-color:#f2c94c80}.status-prototype{color:#6fcf97;border-color:#6fcf9780}.project-nav{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:6px;overflow-x:auto}.project-nav-item{padding:8px 14px;border:1px solid rgb(var(--line-rgb) / .16);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);transition:border-color .2s ease,color .2s ease,transform .2s ease}.project-nav-item:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{background:var(--panel-70);border:1px solid rgb(var(--line-rgb) / .12);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding:24px;box-shadow:0 18px 40px #00000040;transition:transform .3s ease,border-color .3s ease;scroll-margin-top:24px}.project-card:hover{transform:translateY(-4px);border-color:rgb(var(--line-rgb) / .3)}.project-card.featured{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}.project-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgb(var(--line-rgb) / .12);background:var(--bg-soft)}.project-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.project-placeholder{width:100%;height:100%;display:grid;place-content:center;gap:8px;text-align:center;background:linear-gradient(140deg,rgb(var(--line-rgb) / .08),rgb(var(--line-rgb) / .02));color:var(--muted);font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;padding:12px}.project-placeholder p{color:var(--accent);font-size:.9rem}.project-placeholder span{font-size:.64rem}.project-card:hover .project-media img{transform:scale(1.04)}.project-thumbs{position:absolute;bottom:12px;left:12px;display:flex;gap:8px}.project-thumbs img{width:44px;height:34px;-o-object-fit:cover;object-fit:cover;border:1px solid rgb(var(--line-rgb) / .2);background:var(--bg-soft)}.project-content{display:flex;flex-direction:column;gap:14px}.project-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.project-badge{align-self:flex-start;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;padding:4px 8px;border:1px solid rgb(var(--line-rgb) / .2);color:var(--accent);background:rgb(var(--line-rgb) / .08)}.project-title{font-size:1.6rem;text-transform:uppercase;letter-spacing:.1em}.project-tagline{color:var(--accent);font-weight:500}.project-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:14px 0;border-top:1px solid rgb(var(--line-rgb) / .08);border-bottom:1px solid rgb(var(--line-rgb) / .08)}.story-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.story-value{color:var(--text);line-height:1.5}.project-block{display:flex;flex-direction:column;gap:8px}.project-block-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.project-features{list-style:none;display:grid;gap:8px;color:var(--muted);line-height:1.5}.project-features li{position:relative;padding-left:16px}.project-features li:before{content:"-";position:absolute;left:0;color:var(--accent)}.project-stack{display:flex;flex-wrap:wrap;gap:10px}.stack-chip{border:1px solid rgb(var(--line-rgb) / .16);padding:6px 10px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.project-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:8px;border-top:1px solid rgb(var(--line-rgb) / .08)}.meta-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.meta-value{color:var(--text);line-height:1.5}.project-actions{display:flex;flex-wrap:wrap;gap:12px}.blogs{display:flex;flex-direction:column;gap:24px}.blog-carousel{position:relative}.blog-carousel .swiper{padding-bottom:36px}.blog-carousel .swiper-slide{height:auto;display:flex}.blog-carousel .swiper-button-next,.blog-carousel .swiper-button-prev{color:var(--accent)}.blog-carousel .swiper-pagination-bullet{background:rgb(var(--line-rgb) / .3);opacity:1}.blog-carousel .swiper-pagination-bullet-active{background:var(--accent)}.blog-card{flex:1;width:100%;border:1px solid rgb(var(--line-rgb) / .12);background:var(--panel-70);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.blog-card:hover{transform:translateY(-4px);border-color:rgb(var(--line-rgb) / .3)}.blog-media{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-soft)}.blog-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-content{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-meta{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px}.blog-title{font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}.blog-excerpt{color:var(--muted);line-height:1.5}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.callout{border:1px solid rgb(var(--line-rgb) / .16);background:var(--panel-80);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.callout-title{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.32em;text-transform:uppercase;margin-bottom:8px}.callout-body{color:var(--muted);max-width:520px;line-height:1.5}.reveal{animation:riseIn .6s ease both}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}::-moz-selection{background-color:var(--accent);color:var(--on-accent)}::selection{background-color:var(--accent);color:var(--on-accent)}*:focus-visible{outline:2px solid rgb(var(--line-rgb) / .5);outline-offset:2px}@media (max-width: 1024px){.app{padding:32px 40px 80px}.hero-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid,.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1;grid-template-columns:1fr}}@media (max-width: 768px){.site-header{flex-direction:column;align-items:flex-start}.nav-panel{position:absolute;top:calc(100% + 12px);left:0;right:0;padding:14px 16px 18px;background:var(--panel-96);border:1px solid rgb(var(--line-rgb) / .12);border-radius:16px;display:none;flex-direction:column;align-items:flex-start;gap:14px;z-index:70;box-shadow:0 24px 60px #00000059}.nav-panel.is-open{display:flex}.nav-links{flex-direction:column;gap:10px;width:100%}.nav-links a{padding-bottom:0}.nav-cta{width:100%;justify-content:flex-start}.theme-toggle{align-self:flex-start}.nav-toggle{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#07090c99;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.nav-backdrop.is-open{opacity:1;pointer-events:auto}.value-grid,.process-grid,.project-card,.project-story,.project-meta,.project-grid-container{grid-template-columns:1fr}.callout{flex-direction:column;align-items:flex-start}}@media (max-width: 560px){.app{padding:28px 24px 64px}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:100%;text-align:left}.project-thumbs{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev ::slotted(svg),.swiper-button-prev svg,.swiper-button-next ::slotted(svg),.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next ::slotted(.swiper-navigation-icon),.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next ::slotted(.swiper-navigation-icon),.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next ::slotted(.swiper-navigation-icon),.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next ::slotted(.swiper-navigation-icon),.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.blog-detail{min-height:100vh;padding:40px 72px 96px}.blog-hero{max-width:1000px;margin:0 auto 48px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}.blog-header-content{display:flex;flex-direction:column;gap:16px}.back-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s ease;width:-moz-fit-content;width:fit-content}.back-link:hover{color:var(--accent)}.blog-title{font-size:clamp(1.4rem,2.5vw,2.2rem);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.2}.blog-header-meta{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px}.blog-hero-image{aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgb(var(--line-rgb) / .12);background:var(--bg)}.blog-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-article{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.blog-body{display:flex;flex-direction:column;gap:18px}.blog-body p{color:var(--text);line-height:1.7;font-size:.98rem}.blog-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgb(var(--line-rgb) / .28);transition:border-color .2s ease,color .2s ease}.blog-body a:hover{color:var(--accent);border-color:rgb(var(--line-rgb) / .6)}.blog-section-title{margin-top:10px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.blog-body p strong{color:var(--accent);font-weight:600}.blog-body ul,.blog-body ol{margin-left:0;padding-left:20px;color:var(--muted);line-height:1.7}.blog-body li{margin-bottom:8px}.blog-footer{border-top:1px solid rgb(var(--line-rgb) / .12);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{border:1px solid rgb(var(--line-rgb) / .16);padding:4px 8px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.blog-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.not-found-content{text-align:center;max-width:400px}.not-found-content h1{font-size:2rem;margin-bottom:12px}.not-found-content p{color:var(--muted);margin-bottom:24px}@media (max-width: 768px){.blog-detail{padding:32px 24px 64px}.blog-hero{grid-template-columns:1fr}.blog-footer{flex-direction:column;align-items:flex-start}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}