@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap";.mobile-nav-dropdown{position:fixed;top:calc(var(--header-height) + 8px);right:var(--space-4);width:min(260px,calc(100vw - 32px));z-index:999;animation:mobileNavPopIn .18s cubic-bezier(.16,1,.3,1) forwards}@media (min-width: 1024px){.mobile-nav-dropdown{display:none!important}}@keyframes mobileNavPopIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-nav-card{background-color:#0c0c0ff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-lg);box-shadow:0 16px 40px #0009;padding:8px;display:flex;flex-direction:column;gap:6px}.mobile-nav-list-container{margin:0}.mobile-nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--text-secondary);padding:7px 12px;border-radius:var(--border-radius-md);font-size:.9rem;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:#ffffff14;color:var(--text-primary)}.mobile-nav-link.active{color:var(--accent);font-weight:600}.mobile-active-dot{width:5px;height:5px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.mobile-nav-label{font-family:var(--font-body);font-size:.9rem;font-weight:500}.mobile-nav-footer{padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.mobile-resume-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:8px 12px;background-color:var(--accent);color:var(--bg);border-radius:var(--border-radius-md);font-weight:600;font-size:.8rem;text-decoration:none}.navbar{position:sticky;top:0;left:0;width:100%;height:var(--header-height);background-color:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:1000;border-bottom:1px solid transparent;transition:background-color var(--transition-medium),backdrop-filter var(--transition-medium),border-color var(--transition-medium)}.navbar--scrolled{background-color:#080808e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.navbar-container{max-width:var(--container-max-width);height:100%;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.01em;flex-shrink:0;cursor:pointer}.brand-monogram{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:linear-gradient(135deg,#b7ff0040,#b7ff000d);border:1px solid rgba(183,255,0,.45);border-radius:10px;color:var(--accent);font-size:.95rem;font-weight:800;letter-spacing:.5px;box-shadow:0 0 16px #b7ff002e}.brand-text{color:var(--text-primary);font-weight:700}.navbar-nav{display:flex;align-items:center;background:var(--surface);border:none;border-radius:var(--border-radius-full);padding:4px 16px;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);flex-shrink:0}.nav-list{display:flex;align-items:center;gap:var(--space-4);list-style:none}.nav-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:var(--text-small);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:6px 4px;position:relative;cursor:pointer}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent);font-weight:600}.nav-active-dot{width:5px;height:5px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.navbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.navbar-search-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:none;box-shadow:var(--clay-shadow-btn);border-radius:var(--border-radius-full);color:var(--text-secondary);font-size:var(--text-mono-sm);cursor:pointer;transition:all .15s}.navbar-search-btn:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner)}.cmd-kbd{background:#ffffff14;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.65rem;color:var(--text-muted)}.navbar-sound-btn,.navbar-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:none;box-shadow:var(--clay-shadow-btn);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .15s}.navbar-sound-btn:hover,.navbar-theme-btn:hover{color:var(--accent);background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner)}.navbar-sound-btn.sound-active{color:var(--accent)}.navbar-connect-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:var(--accent);color:#080808;border:none;border-radius:var(--border-radius-full);font-family:var(--font-body);font-size:var(--text-small);font-weight:700;text-decoration:none;box-shadow:var(--clay-shadow-btn);transition:all var(--transition-fast)}.navbar-connect-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner)}.btn-arrow-icon{font-size:1.1rem;font-weight:700;transition:transform var(--transition-fast)}.navbar-connect-btn:hover .btn-arrow-icon{transform:translate(2px,-2px)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-primary);background:var(--surface);border:none;box-shadow:var(--clay-shadow-btn);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner)}@media (max-width: 1080px){.navbar-nav{display:none}.mobile-menu-toggle{display:flex}}@media (max-width: 600px){.navbar{height:var(--header-height-mobile)}.brand-text,.navbar-search-btn .search-text,.navbar-search-btn .cmd-kbd{display:none}.navbar-search-btn{padding:8px}.navbar-connect-btn{padding:7px 14px;font-size:.8rem}}.site-footer{border-top:1px solid var(--border);background-color:var(--bg-secondary);padding:var(--space-4) 0;margin-top:var(--space-5)}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-mono-sm);color:var(--text-muted);flex-wrap:wrap}.back-to-top-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.back-to-top-btn:hover{color:var(--accent)}@media (max-width: 767px){.footer-container{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.hero-workspace-3d-stage{position:relative;width:100%;max-width:580px;height:500px;display:flex;align-items:center;justify-content:center;perspective:1200px}.workspace-webgl-mount{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto;cursor:grab}.workspace-webgl-mount:active{cursor:grabbing}.laptop-3d-chassis{position:relative;z-index:3;width:82%;max-width:440px;transform:rotateX(8deg) rotateY(-8deg) rotate(1deg);transform-style:preserve-3d;transition:transform .3s ease-out;pointer-events:auto}.laptop-3d-chassis:hover{transform:rotateX(4deg) rotateY(-4deg) rotate(0) scale(1.02)}.laptop-screen-bezel{background:#111;border:2px solid #222222;border-radius:12px 12px 0 0;box-shadow:0 20px 50px #000c,0 0 30px #b7ff001f;overflow:hidden;position:relative}.laptop-notch{height:14px;background:#0a0a0a;display:flex;align-items:center;justify-content:center;gap:6px}.camera-lens{width:4px;height:4px;border-radius:50%;background:#333}.camera-led{width:2px;height:2px;border-radius:50%;background:#0f6;opacity:.7}.ide-window-bar{display:flex;align-items:center;justify-content:space-between;background:#141414;border-bottom:1px solid rgba(255,255,255,.08);padding:6px 12px}.window-dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.ide-tabs{display:flex;gap:4px}.ide-tab{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.ide-tab.active{background:#1c1c1c;color:var(--text-primary);font-weight:600}.ide-brand-badge{font-size:.7rem;color:var(--accent);opacity:.85}.ide-code-body{background:#0d0d0d;padding:14px 16px;font-size:.74rem;line-height:1.5;color:#e0e0e0;max-height:240px;overflow-y:hidden}.code-block{margin:0}.c-keyword{color:#ff7b72}.c-string{color:#a5d6ff}.c-fn{color:#d2a8ff}.c-tag{color:#7ee787}.c-attr{color:#79c0ff}.c-comment{color:#8b949e;font-style:italic}.c-highlight{color:var(--accent);font-weight:700;text-shadow:0 0 8px rgba(183,255,0,.4)}.laptop-deck-base{height:16px;background:linear-gradient(to bottom,#1e1e1e,#121212);border:1px solid #282828;border-radius:0 0 14px 14px;box-shadow:0 12px 25px #0009;position:relative;display:flex;align-items:center;justify-content:center}.laptop-trackpad{width:70px;height:4px;background:#2a2a2a;border-radius:2px}@media (max-width: 1023px){.hero-workspace-3d-stage{max-width:440px;height:400px;margin:0 auto}.laptop-3d-chassis{width:90%;transform:none}.laptop-3d-chassis:hover{transform:none}}.hero-section{padding-top:var(--space-3);padding-bottom:var(--space-4);position:relative;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.hero-section.is-visible{opacity:1;transform:translateY(0)}.hero-grid{align-items:center}.hero-content-col{grid-column:span 7;display:flex;flex-direction:column}.hero-visual-col{grid-column:span 5;position:relative}.hero-greeting-pill{display:inline-flex;align-items:center;gap:8px;background:#b7ff0014;border:1px solid rgba(183,255,0,.25);padding:5px 14px;border-radius:var(--border-radius-full);color:var(--accent);font-size:var(--text-mono-sm);font-weight:600;width:fit-content;margin-bottom:var(--space-3)}.greeting-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 8px var(--accent)}.hero-main-title{font-family:var(--font-heading);font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:1.05;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-2)}.hero-focus-subtitle{font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.subtitle-divider{color:var(--accent);margin:0 6px}.hero-description-block{font-size:var(--text-body);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4);max-width:48ch}.hero-description-block p{margin:0 0 4px}.hero-meta-badges-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.meta-badge-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-md);padding:10px 12px;display:flex;align-items:flex-start;gap:10px;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.meta-badge-card:hover{transform:translateY(-2px)}.meta-icon{flex-shrink:0;margin-top:2px}.meta-info{display:flex;flex-direction:column;gap:2px}.meta-title{font-size:.8125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.meta-sub{font-size:.7rem;color:var(--text-muted);line-height:1.2}.hero-cta-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;background-color:var(--accent);color:#080808;font-family:var(--font-body);font-size:var(--text-body);font-weight:700;border-radius:var(--border-radius-full);text-decoration:none;box-shadow:0 0 24px #b7ff0059;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.btn-hero-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 0 32px #b7ff0080}.btn-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#111c;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius-full);font-family:var(--font-body);font-size:var(--text-body);font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.btn-hero-secondary:hover{border-color:var(--accent);color:var(--accent);background-color:var(--surface-hover)}.hero-graphic-container{width:100%;height:460px;position:relative;display:flex;align-items:center;justify-content:center}.radial-grid-background{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.grid-circle{position:absolute;border-radius:50%;border:1px solid rgba(183,255,0,.08)}.circle-outer{width:400px;height:400px;border-style:dashed}.circle-inner{width:270px;height:270px}.lime-glow-core{width:180px;height:180px;background:radial-gradient(circle,rgba(183,255,0,.15) 0%,transparent 70%);border-radius:50%}.hero-photo-frame{position:relative;width:260px;height:320px;z-index:5}.photo-ring-glow{width:100%;height:100%;border-radius:var(--border-radius-lg);border:none;background-color:var(--surface);overflow:hidden;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-medium),box-shadow var(--transition-medium),background-color var(--transition-medium)}.hero-photo-frame:hover .photo-ring-glow{transform:translateY(-4px)}.hero-profile-img{width:100%;height:100%;object-fit:cover;object-position:center top}.photo-fallback-graphic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center;background:linear-gradient(135deg,#121512,#1a2218);width:100%;height:100%}.fallback-name{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.fallback-sub{font-size:11px;color:var(--accent);letter-spacing:.08em}.photo-badge{position:absolute;top:-12px;left:12px;background-color:var(--surface);border:1px solid var(--border-hover);padding:4px 12px;border-radius:var(--border-radius-full);font-size:11px;color:var(--text-primary);display:flex;align-items:center;gap:6px;font-weight:600;box-shadow:0 4px 12px #00000080;z-index:6}.floating-building-card{position:absolute;bottom:10px;right:-10px;width:310px;background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-4);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-medium),box-shadow var(--transition-medium),background-color var(--transition-medium);z-index:10}.floating-building-card:hover{transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.building-label{font-size:var(--text-mono-sm);color:var(--text-secondary);display:flex;align-items:center;gap:6px}.status-dot-lime{width:6px;height:6px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.card-code-icon{color:var(--accent)}.card-heading{font-size:var(--text-body);font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-3)}.card-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent);font-size:var(--text-mono-sm);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.card-link:hover{color:var(--accent-hover)}@media (max-width: 1023px){.hero-content-col{grid-column:span 12}.hero-visual-col{grid-column:span 12;margin-top:var(--space-4)}.hero-graphic-container{height:420px}.floating-building-card{position:relative;bottom:auto;right:auto;width:100%;margin-top:var(--space-4)}}@media (max-width: 767px){.hero-cta-group{flex-direction:column;width:100%}.btn-primary-lime,.btn-secondary-outline{width:100%}.hero-photo-frame{width:220px;height:280px}}.tilt-card-3d{position:relative;transform-style:preserve-3d;will-change:transform;border-radius:inherit}.tilt-card-inner{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d}.tilt-card-glare{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:10;mix-blend-mode:screen;transition:opacity .25s ease-out}.what-i-do-section{margin:var(--space-2) 0 var(--space-4) 0;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.what-i-do-section.is-visible{opacity:1;transform:translateY(0)}.what-i-do-container{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:220px 1fr;gap:var(--space-3);align-items:center;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.what-i-do-anchor{display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--border)}.anchor-header{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary)}.anchor-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 6px var(--accent)}.anchor-desc{font-size:var(--text-small);color:var(--text-secondary);line-height:1.45}.anchor-link{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-1);padding:6px 14px;background:#b7ff0014;border:1px solid rgba(183,255,0,.25);border-radius:var(--border-radius-full);color:var(--accent);font-size:var(--text-mono-sm);font-weight:600;text-decoration:none;width:fit-content;transition:background .15s,border-color .15s,transform .15s}.anchor-link:hover{background:#b7ff0029;border-color:var(--accent);transform:translate(2px)}.pillars-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.pillar-tilt-wrap{height:100%}.pillar-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-md);padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);height:100%;min-height:130px;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.pillar-card:hover{transform:translateY(-2px)}.pillar-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#b7ff0014;border:1px solid rgba(183,255,0,.22);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform var(--transition-fast),background var(--transition-fast)}.pillar-card:hover .pillar-icon-wrapper{transform:scale(1.1);background:#b7ff0029;border-color:var(--accent)}.pillar-title{font-size:.8125rem;font-weight:700;color:var(--text-primary);line-height:1.25}@media (max-width: 1180px){.pillars-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1023px){.what-i-do-container{grid-template-columns:1fr;padding:var(--space-4)}.what-i-do-anchor{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:var(--space-3)}.pillars-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}.etl-container{margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);position:relative;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.etl-container.is-in-view{opacity:1;transform:translateY(0)}.etl-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}.etl-title-group{display:flex;flex-direction:column;gap:6px}.etl-pill{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.etl-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:etl-dot-ping 2s infinite ease-in-out}@keyframes etl-dot-ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.etl-subtitle{font-size:.85rem;color:var(--text-muted);max-width:600px;line-height:1.4}.etl-nav-controls{display:flex;align-items:center;gap:8px}.etl-hint-text{font-size:.7rem;color:var(--text-muted);margin-right:6px;letter-spacing:.04em}.etl-nav-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.etl-nav-btn:hover{background:#b7ff001f;border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.etl-scroll-stage{overflow-x:auto;overflow-y:visible;padding:30px 10px 40px;scrollbar-width:thin;scrollbar-color:rgba(183,255,0,.35) rgba(255,255,255,.02);border-radius:12px;background:radial-gradient(ellipse at 50% 50%,rgba(183,255,0,.02) 0%,transparent 70%)}.etl-scroll-stage::-webkit-scrollbar{height:5px}.etl-scroll-stage::-webkit-scrollbar-track{background:#ffffff05;border-radius:999px}.etl-scroll-stage::-webkit-scrollbar-thumb{background:#b7ff0059;border-radius:999px}.etl-scroll-stage::-webkit-scrollbar-thumb:hover{background:var(--accent)}.etl-track-canvas{position:relative;min-width:1200px;height:460px;display:flex;align-items:center}.etl-laser-rail{position:absolute;top:50%;left:60px;right:60px;height:3px;transform:translateY(-50%);background:#ffffff14;border-radius:999px;overflow:visible;z-index:1}.etl-laser-glow{position:absolute;top:-3px;right:0;bottom:-3px;left:0;background:linear-gradient(90deg,transparent,rgba(183,255,0,.2),rgba(97,218,251,.2),transparent);border-radius:999px;filter:blur(2px)}.etl-laser-fill{height:100%;background:linear-gradient(90deg,#b7ff00,#61dafb 35%,#ff9800 65%,#c084fc 85%,#b7ff00);background-size:200% 100%;border-radius:999px;box-shadow:0 0 14px #b7ff0099;transition:width 1.8s cubic-bezier(.16,1,.3,1);animation:etl-rail-anim 4s linear infinite}@keyframes etl-rail-anim{0%{background-position:0% 0%}to{background-position:200% 0%}}.etl-nodes-row{display:flex;justify-content:space-between;width:100%;padding:0 60px;position:relative;z-index:2}.etl-station{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;cursor:pointer}.etl-node-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:5}.etl-node-core{width:12px;height:12px;border-radius:50%;background:var(--node-color);box-shadow:0 0 12px var(--node-color);transition:transform .2s ease,box-shadow .2s ease}.etl-node-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--node-color);opacity:.6;transition:transform .2s ease}.etl-node-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--node-color);opacity:0;animation:etl-sonar 2.4s ease-out infinite;animation-delay:var(--station-delay, 0ms)}@keyframes etl-sonar{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.4);opacity:0}}.etl-station:hover .etl-node-core{transform:scale(1.35);box-shadow:0 0 20px var(--node-color)}.etl-station:hover .etl-node-ring{transform:scale(1.2);opacity:1}.etl-laser-stem{position:absolute;width:2px;z-index:3;transition:opacity .2s ease}.etl-stem-pos-top{height:30px;bottom:calc(50% + 11px);background:linear-gradient(to top,var(--node-color),transparent)}.etl-stem-pos-bottom{height:30px;top:calc(50% + 11px);background:linear-gradient(to bottom,var(--node-color),transparent)}.etl-card-bubble{position:absolute;width:220px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;box-sizing:border-box!important;background:#0c0e12f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 32px #000000a6,inset 0 1px #ffffff0d;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease;z-index:4}.etl-card-pos-top{bottom:calc(50% + 40px)}.etl-card-pos-bottom{top:calc(50% + 40px)}.etl-station:hover .etl-card-bubble,.etl-station.is-active .etl-card-bubble{border-color:var(--node-color);box-shadow:0 16px 40px #000000d9,0 0 22px -4px var(--node-color)}.etl-station:hover .etl-card-pos-top,.etl-station.is-active .etl-card-pos-top{transform:translateY(-6px)}.etl-station:hover .etl-card-pos-bottom,.etl-station.is-active .etl-card-pos-bottom{transform:translateY(6px)}.etl-station.is-future .etl-card-bubble{border-style:dashed;opacity:.85}.etl-card-topbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-bottom:8px}.etl-icon-badge{width:26px;height:26px;border-radius:6px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.etl-date-badge{font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid;background:#00000080;white-space:nowrap}.etl-card-heading{font-size:.88rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.25!important;margin:0 0 4px!important;width:100%!important}.etl-card-org{font-size:.72rem!important;color:var(--text-secondary)!important;line-height:1.35!important;margin:0 0 4px!important;width:100%!important}.etl-card-detail{font-size:.64rem!important;color:var(--text-muted)!important;line-height:1.3!important;margin:0 0 8px!important;width:100%!important}.etl-tags-row{display:flex!important;flex-wrap:wrap!important;gap:4px!important;width:100%!important}.etl-tag-chip{font-size:.58rem;color:#d1d5db;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;white-space:nowrap}@media (max-width: 900px){.etl-header-row{flex-direction:column;align-items:flex-start;gap:12px}}.about-section{padding-top:var(--space-4);padding-bottom:var(--space-4);position:relative;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.about-section.is-visible{opacity:1;transform:translateY(0)}.about-mockup-grid{display:grid;grid-template-columns:260px 1.4fr 1.1fr;gap:var(--space-4);align-items:center}.about-visual-col{position:relative}.about-study-tilt{width:100%}.about-study-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.about-study-card:hover{transform:translateY(-4px)}.study-avatar-container{position:relative;width:140px;height:140px}.avatar-ring{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid rgba(183,255,0,.5);box-shadow:0 0 24px #b7ff0040;background:#111}.study-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.avatar-status-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#080808e6;border:1px solid rgba(183,255,0,.4);padding:3px 10px;border-radius:var(--border-radius-full);font-size:10px;color:var(--text-primary);display:flex;align-items:center;gap:5px;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.status-dot-lime{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.book-stack-container{width:100%;display:flex;flex-direction:column;gap:8px}.book-spine{padding:8px 12px;border-radius:6px;font-size:.73rem;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 2px 10px #0006;border:1px solid rgba(255,255,255,.08);border-left-width:4px;border-left-style:solid;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.02em}.book-spine:hover{transform:translate(4px)}.book-marker{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex-shrink:0}.book-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-1{background:linear-gradient(90deg,#61dafb26,#61dafb08);color:#61dafb;border-left-color:#61dafb;box-shadow:0 2px 12px #61dafb1f}.book-1:hover{box-shadow:0 4px 18px #61dafb4d}.book-2{background:linear-gradient(90deg,#ffd70026,#ffd70008);color:gold;border-left-color:gold;box-shadow:0 2px 12px #ffd7001f}.book-2:hover{box-shadow:0 4px 18px #ffd7004d}.book-3{background:linear-gradient(90deg,#b7ff0026,#b7ff0008);color:#b7ff00;border-left-color:#b7ff00;box-shadow:0 2px 12px #b7ff001f}.book-3:hover{box-shadow:0 4px 18px #b7ff004d}.about-narrative-col{display:flex;flex-direction:column;gap:var(--space-3)}.about-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-mono-sm);color:var(--accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.about-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.about-headline{font-family:var(--font-heading);font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.15;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.about-summary-text{font-size:var(--text-body);color:var(--text-secondary);line-height:1.55}.about-sub-text{font-size:var(--text-small);color:var(--text-muted);line-height:1.5}.btn-more-about{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#b7ff0014;border:1px solid rgba(183,255,0,.3);border-radius:var(--border-radius-full);color:var(--accent);font-size:var(--text-small);font-weight:600;text-decoration:none;width:fit-content;margin-top:var(--space-1);transition:background .15s,border-color .15s,transform .15s}.btn-more-about:hover{background:var(--accent);color:#080808;transform:translate(2px);box-shadow:0 0 20px #b7ff0059}.about-metrics-col{width:100%}.metrics-2x2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.metric-tilt-wrap{height:100%}.metric-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-md);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:6px;height:100%;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.metric-card:hover{transform:translateY(-2px)}.metric-icon-box{width:42px;height:42px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.metric-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1}.metric-label{font-size:.78rem;color:var(--text-secondary);line-height:1.3}@media (max-width: 1180px){.about-mockup-grid{grid-template-columns:1fr 1.2fr}.about-metrics-col{grid-column:span 2;margin-top:var(--space-3)}}@media (max-width: 860px){.about-mockup-grid{grid-template-columns:1fr}.about-metrics-col{grid-column:span 1}.about-visual-col{max-width:320px;margin:0 auto}}.dark-project-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-medium),box-shadow var(--transition-medium),background-color var(--transition-medium)}.dark-project-card:hover{transform:translateY(-4px)}.card-media-wrapper{width:100%;height:230px;overflow:hidden;cursor:pointer;position:relative}.card-media-graphic{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center;transition:transform var(--transition-medium)}.dark-project-card:hover .card-media-graphic{transform:scale(1.03)}.media-graphic--skopos{background:linear-gradient(135deg,#121917,#182622);color:#e2f0ec}.media-graphic--skopos .media-icon{color:var(--accent)}.media-graphic--optivolt{background:linear-gradient(135deg,#1a1a12,#262618);color:#f5f5e0}.media-graphic--optivolt .media-icon{color:#eab308}.graphic-title{font-size:1.5rem;font-weight:700}.graphic-sub{font-size:11px;letter-spacing:.1em;opacity:.7}.card-info-content{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;flex:1}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.title-link-btn{background:none;border:none;padding:0;font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;font-size:1.375rem;font-weight:700;transition:color var(--transition-fast)}.title-link-btn:hover{color:var(--accent)}.arrow-link-btn{background:none;border:none;padding:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:color var(--transition-fast),transform var(--transition-fast)}.dark-project-card:hover .arrow-link-btn{color:var(--accent);transform:translate(2px,-2px)}.card-desc{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--lh-body);margin-bottom:var(--space-4);flex:1}.card-tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.featured-projects-section{padding-top:var(--space-5);padding-bottom:var(--space-5);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.featured-projects-section.is-visible{opacity:1;transform:translateY(0)}.projects-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.projects-main-heading{font-family:var(--font-heading);font-size:var(--text-h1);line-height:var(--lh-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.projects-filter-bar{display:flex;align-items:center;gap:8px;background:#141414b3;border:1px solid var(--border);padding:4px;border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-filter-pill{background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-mono-sm);font-family:inherit;font-weight:600;padding:6px 14px;border-radius:var(--border-radius-full);cursor:pointer;transition:background .15s,color .15s}.project-filter-pill:hover{color:var(--text-primary)}.project-filter-pill.active{background:var(--accent);color:#080808;font-weight:700}.all-projects-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);font-weight:600;font-size:var(--text-body);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}.all-projects-link:hover{color:var(--accent-hover);transform:translate(4px)}.featured-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 1023px){.featured-projects-grid{grid-template-columns:1fr}}.ai-exploration-section{padding-top:var(--space-5);padding-bottom:var(--space-5);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.ai-exploration-section.is-visible{opacity:1;transform:translateY(0)}.ai-header-wrapper{margin-bottom:var(--space-4)}.ai-heading{font-family:var(--font-heading);font-size:var(--text-h1);line-height:var(--lh-heading);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.ai-description{font-family:var(--font-body);font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);max-width:54ch}.ai-areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.ai-area-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);min-height:120px;transition:border-color var(--transition-medium),transform var(--transition-medium),box-shadow var(--transition-medium)}.ai-area-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--glow-lime-subtle)}.area-card-top{display:flex;align-items:center;justify-content:space-between}.area-icon{color:var(--accent)}.area-status-chip{font-size:11px;color:var(--accent);background-color:var(--accent-soft);padding:3px 8px;border-radius:var(--border-radius-full);border:1px solid rgba(183,255,0,.2);font-weight:600}.area-topic{font-size:var(--text-h3);font-weight:700;color:var(--text-primary);line-height:1.2}.skills-section{padding-top:var(--space-3);padding-bottom:var(--space-3);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.skills-section.is-visible{opacity:1;transform:translateY(0)}.skills-main-heading{font-family:var(--font-heading);font-size:var(--text-h1);line-height:var(--lh-heading);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}.skills-capability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);padding-top:var(--space-2)}.capability-column{display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2);border-right:1px solid var(--border-dark)}.capability-column:last-child{border-right:none}.capability-header{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.cat-icon{color:var(--accent)}.cat-title{font-size:var(--text-body-lg);font-weight:700;color:var(--text-primary)}.skill-items-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.skill-item-row{display:flex;align-items:baseline;gap:8px;font-size:var(--text-small);color:var(--text-secondary);transition:color var(--transition-fast)}.skill-item-row:hover{color:var(--text-primary)}.item-bullet{color:var(--accent);font-size:10px}@media (max-width: 1200px){.skills-capability-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.capability-column{border-right:none}}@media (max-width: 767px){.skills-capability-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills-capability-grid{grid-template-columns:1fr}}.github-stats-section{margin:var(--space-3) 0 var(--space-4) 0;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.github-stats-section.is-visible{opacity:1;transform:translateY(0)}.github-stats-card{background:#0e0e0ecc;border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px #0006;transition:border-color var(--transition-fast)}.github-stats-card:hover{border-color:var(--border-hover)}.github-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.github-user-info{display:flex;align-items:center;gap:12px}.github-avatar-box{width:44px;height:44px;border-radius:12px;background:#b7ff0014;border:1px solid rgba(183,255,0,.25);display:flex;align-items:center;justify-content:center}.github-username{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.2}.github-subtitle{font-size:.72rem;color:var(--text-muted)}.btn-github-profile{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-full);color:var(--text-primary);font-size:var(--text-mono-sm);font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.btn-github-profile:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.github-content-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-5)}.col-label{display:block;font-size:.7rem;color:var(--text-muted);letter-spacing:.08em;margin-bottom:var(--space-2)}.languages-breakdown-col{display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--border)}.lang-bar-track{width:100%;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden;display:flex}.lang-bar-segment{height:100%}.lang-legend-grid{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-2)}.lang-legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem}.lang-dot{width:8px;height:8px;border-radius:50%}.lang-name{flex:1;color:var(--text-secondary)}.lang-pct{color:var(--text-muted)}.pinned-repos-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.repo-card-link{display:flex;flex-direction:column;gap:6px;background:#141414d9;border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--space-3);text-decoration:none;height:100%;transition:border-color .15s}.repo-card-link:hover{border-color:var(--border-hover)}.repo-top{display:flex;align-items:center;justify-content:space-between}.repo-name{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-primary)}.repo-stars{font-size:.68rem;color:var(--accent)}.repo-desc{font-size:.74rem;color:var(--text-secondary);line-height:1.4;flex:1}.repo-lang-tag{font-size:.68rem;color:var(--text-muted);margin-top:4px}@media (max-width: 1023px){.github-content-grid{grid-template-columns:1fr}.languages-breakdown-col{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:var(--space-4)}.pinned-repos-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pinned-repos-list{grid-template-columns:1fr}}.journey-section{padding-top:var(--space-4);padding-bottom:var(--space-4);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.journey-section.is-visible{opacity:1;transform:translateY(0)}.experience-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.journey-main-heading{font-size:var(--text-h2);line-height:var(--lh-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.exp-tabs-pill-bar{display:flex;align-items:center;gap:6px;background:#121212d9;border:1px solid var(--border);padding:4px;border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exp-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:none;border-radius:var(--border-radius-full);color:var(--text-secondary);font-size:var(--text-mono-sm);font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.exp-tab-btn:hover{color:var(--text-primary)}.exp-tab-btn.active{background:var(--accent);color:#080808;font-weight:700}.work-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.work-tilt-wrap{height:100%}.work-experience-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);height:100%;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.work-experience-card:hover{transform:translateY(-4px)}.work-card-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-mono-sm)}.work-type-badge{color:var(--accent);font-weight:600}.work-duration{color:var(--text-muted);display:flex;align-items:center;gap:4px}.work-role-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.25}.work-company-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-mono-sm);color:var(--text-secondary);flex-wrap:wrap}.company-name,.company-loc{display:inline-flex;align-items:center;gap:4px}.work-summary{font-size:var(--text-small);color:var(--text-secondary);line-height:1.45}.work-bullets-list{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:.8125rem;color:var(--text-muted)}.work-tech-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:var(--space-2)}.hackathons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.hackathon-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);height:100%;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.hackathon-card:hover{transform:translateY(-4px)}.hack-card-top{display:flex;align-items:center;justify-content:space-between}.hack-award-pill{display:inline-flex;align-items:center;gap:6px;background:#b7ff001a;border:1px solid rgba(183,255,0,.3);padding:3px 10px;border-radius:var(--border-radius-full);color:var(--accent);font-size:.72rem;font-weight:700}.hack-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.25}.hack-organizer{font-size:.75rem;color:var(--accent)}.journey-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.journey-compact-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.journey-compact-card:hover{transform:translateY(-2px)}.journey-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.journey-period{color:var(--accent)}.journey-tag-chip{color:var(--text-muted)}.journey-item-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.journey-item-summary{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.journey-tech-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}@media (max-width: 1023px){.work-cards-grid,.hackathons-grid,.journey-grid-compact{grid-template-columns:1fr}}.cert-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:certFadeIn .18s ease-out}@keyframes certFadeIn{0%{opacity:0}to{opacity:1}}.cert-modal-card{width:100%;max-width:860px;background:#121212fa;border:1px solid rgba(183,255,0,.35);border-radius:var(--border-radius-lg);box-shadow:0 25px 60px #000000e6,0 0 40px #b7ff0026;overflow:hidden;display:flex;flex-direction:column;animation:certScaleUp .2s cubic-bezier(.16,1,.3,1)}@keyframes certScaleUp{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.cert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#181818e6;border-bottom:1px solid var(--border)}.cert-modal-badge{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.8rem;font-weight:700}.cert-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:color .15s}.cert-modal-close:hover{color:var(--text-primary)}.cert-modal-body{display:grid;grid-template-columns:1.2fr 1fr;padding:var(--space-4);gap:var(--space-4);max-height:80vh;overflow-y:auto}.cert-document-stage{background:#0d0d0d;border:1px solid var(--border);border-radius:var(--border-radius-md);min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cert-iframe-preview{width:100%;height:360px;border:none}.cert-image-preview{max-width:100%;max-height:360px;object-fit:contain}.cert-digital-certificate{padding:var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);width:100%;background:radial-gradient(circle at center,rgba(183,255,0,.06) 0%,transparent 70%)}.cert-seal-outer{width:70px;height:70px;border-radius:50%;border:2px dashed rgba(183,255,0,.4);display:flex;align-items:center;justify-content:center}.cert-seal-inner{width:54px;height:54px;border-radius:50%;background:#b7ff001f;display:flex;align-items:center;justify-content:center}.cert-seal-text{display:flex;flex-direction:column;gap:4px}.seal-org{font-size:.8rem;color:var(--accent);font-weight:700}.seal-course{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3}.seal-recipient{font-size:.78rem;color:var(--text-secondary);margin-top:4px}.seal-recipient strong{color:var(--text-primary)}.seal-issuer{font-size:.72rem;color:var(--text-muted)}.seal-verified-chip{display:inline-flex;align-items:center;gap:5px;background:#b7ff001a;border:1px solid rgba(183,255,0,.3);padding:4px 12px;border-radius:var(--border-radius-full);color:var(--accent);font-size:.72rem;font-weight:700}.cert-details-column{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3)}.cert-details-top{display:flex;flex-direction:column;gap:4px}.cert-issuer-label{font-size:.72rem;color:var(--accent);font-weight:600}.cert-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.3}.cert-year-tag{font-size:.75rem;color:var(--text-muted)}.block-label{display:block;font-size:.68rem;color:var(--text-muted);letter-spacing:.08em;margin-bottom:6px}.cert-skills-tags{display:flex;flex-wrap:wrap;gap:6px}.cert-actions-row{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-dark)}.btn-cert-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:var(--accent);color:#080808;border-radius:var(--border-radius-full);font-size:.78rem;font-weight:700;text-decoration:none;transition:background .15s}.btn-cert-download:hover{background:var(--accent-hover)}.btn-cert-external{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-full);color:var(--text-primary);font-size:.78rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.btn-cert-external:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 768px){.cert-modal-body{grid-template-columns:1fr}}.publications-section{padding-top:var(--space-4);padding-bottom:var(--space-4);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.publications-section.is-visible{opacity:1;transform:translateY(0)}.publications-grid-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-4);align-items:flex-start}.sub-header-row{margin-bottom:var(--space-3)}.publications-title{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-h2);font-weight:700;color:var(--text-primary);line-height:var(--lh-heading)}.publication-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.publication-card:hover{border-color:var(--border-hover);box-shadow:var(--glow-lime-subtle)}.pub-card-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-mono-sm)}.pub-type-badge{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600}.pub-date{color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.pub-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.pub-authors{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-secondary)}.author-highlight{color:var(--accent);font-weight:600}.pub-journal{display:flex;align-items:center;gap:6px;font-size:var(--text-mono-sm);color:var(--text-muted)}.pub-abstract{font-size:var(--text-small);color:var(--text-secondary);line-height:1.45}.pub-topics-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pub-links-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-dark)}.pub-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:var(--text-mono-sm);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.pub-link:hover{color:var(--accent-hover)}.compact-certs-list{display:flex;flex-direction:column;gap:var(--space-2)}.compact-cert-card{background:#121212d9;border:1px solid var(--border);border-radius:var(--border-radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s}.compact-cert-card:hover{border-color:var(--border-hover);transform:translate(2px)}.cert-top{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.cert-name{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1.25}.cert-bottom{display:flex;align-items:center;justify-content:flex-start;margin-top:4px}.btn-open-cert{display:inline-flex;align-items:center;gap:6px;background:#b7ff0014;border:1px solid rgba(183,255,0,.25);padding:4px 10px;border-radius:var(--border-radius-full);color:var(--accent);font-size:.72rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.btn-open-cert:hover{background:var(--accent);color:#080808;transform:translate(2px)}@media (max-width: 1023px){.publications-grid-layout{grid-template-columns:1fr}}.hackathons-section{margin:var(--space-6) 0;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.hackathons-section.is-visible{opacity:1;transform:translateY(0)}.hackathons-header{margin-bottom:var(--space-4)}.hackathons-title{font-size:var(--text-h2);font-weight:700;color:var(--text-primary);line-height:var(--lh-heading);margin-bottom:var(--space-2)}.hackathons-subtitle{font-size:var(--text-body);color:var(--text-secondary);max-width:600px}.hackathons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.hackathon-tilt-wrap{height:100%}.hackathon-card{background:#0e0e0ed9;border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);height:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px #0006;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hackathon-card:hover{border-color:var(--border-hover);box-shadow:var(--glow-lime-subtle)}.hack-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hack-award-pill{display:inline-flex;align-items:center;gap:6px;background:#b7ff001a;border:1px solid rgba(183,255,0,.3);padding:4px 10px;border-radius:var(--border-radius-full);color:var(--accent);font-size:.72rem;font-weight:700}.hack-year{font-size:.75rem;color:var(--text-muted)}.hack-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.25}.hack-organizer{font-size:.75rem;color:var(--accent);margin-bottom:4px}.hack-desc{font-size:var(--text-small);color:var(--text-secondary);line-height:1.45;flex:1}.hack-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-dark)}@media (max-width: 1023px){.hackathons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hackathons-grid{grid-template-columns:1fr}}.academic-timeline-section{padding-top:var(--space-4);padding-bottom:var(--space-4);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.academic-timeline-section.is-visible{opacity:1;transform:translateY(0)}.timeline-container{position:relative;max-width:800px;margin:0 auto;padding:var(--space-2) 0}.timeline-container:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:2px;background:var(--border);z-index:1}.timeline-item{position:relative;padding-left:60px;margin-bottom:var(--space-4)}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:12px;top:0;width:26px;height:26px;background-color:var(--accent);border:4px solid var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#080808;z-index:2;box-shadow:0 0 10px #b7ff0066}.timeline-dot svg{width:12px;height:12px}.timeline-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.timeline-content:hover{transform:translateY(-4px)}.timeline-content-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.timeline-duration{color:var(--accent);font-size:var(--text-mono-sm);font-weight:700}.timeline-level{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(183,255,0,.3);padding:3px 10px;border-radius:var(--border-radius-full);font-size:.72rem;font-weight:700}.timeline-institution{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.timeline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:.8rem}.meta-item{display:inline-flex;align-items:center;gap:4px}.timeline-specialization{font-size:.85rem;color:var(--text-primary);font-weight:600;margin-top:var(--space-1)}.timeline-description{font-size:var(--text-body);color:var(--text-secondary);line-height:1.5;margin-top:var(--space-1)}@media (max-width: 767px){.timeline-container:before{left:20px}.timeline-item{padding-left:48px}.timeline-dot{left:8px}}.certifications-section{margin-top:var(--space-5);padding-top:var(--space-4);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.certifications-section.is-visible{opacity:1;transform:translateY(0)}.certifications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.certification-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.certification-card:hover{transform:translateY(-3px)}.cert-card-top{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-mono-sm)}.cert-org{color:var(--accent);font-weight:600}.cert-year{color:var(--text-muted)}.cert-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.3}.cert-skills-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.cert-verify-row{margin-top:auto;padding-top:var(--space-2);display:flex;align-items:center}.cert-verify-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:var(--text-mono-sm);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.cert-verify-link:hover{color:var(--accent-hover)}@media (max-width: 767px){.certifications-grid{grid-template-columns:1fr}}.endorsements-section{margin:var(--space-4) 0;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.endorsements-section.is-visible{opacity:1;transform:translateY(0)}.endorsements-header{margin-bottom:var(--space-3)}.endorsements-title{font-size:var(--text-h2);font-weight:700;color:var(--text-primary);line-height:var(--lh-heading);margin-bottom:var(--space-2)}.endorsements-subtitle{font-size:var(--text-body);color:var(--text-secondary);max-width:600px}.endorsements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.endorsement-tilt-wrap{height:100%}.endorsement-card{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);height:100%;box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.endorsement-card:hover{transform:translateY(-4px)}.end-card-top{display:flex;align-items:center;justify-content:space-between}.quote-icon{opacity:.7}.end-tag{font-size:.72rem;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(183,255,0,.25);padding:3px 10px;border-radius:var(--border-radius-full)}.end-quote{font-size:var(--text-body);color:var(--text-secondary);line-height:1.6;font-style:italic;flex:1}.end-author-row{display:flex;align-items:center;gap:12px;padding-top:var(--space-2);border-top:1px solid var(--border-dark)}.author-avatar-initials{width:40px;height:40px;border-radius:50%;background:#b7ff001f;border:1px solid rgba(183,255,0,.35);color:var(--accent);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.author-meta{display:flex;flex-direction:column;gap:2px}.author-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.author-role{font-size:.72rem;color:var(--text-muted)}.author-company{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--accent)}@media (max-width: 767px){.endorsements-grid{grid-template-columns:1fr}}.philosophy-section{padding-top:var(--space-7);padding-bottom:var(--space-7);margin:var(--space-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 50%,rgba(183,255,0,.04) 0%,var(--bg-secondary) 70%);position:relative;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.philosophy-section.is-visible{opacity:1;transform:translateY(0)}.philosophy-content{max-width:1000px;margin:0 auto;padding:0 var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.philosophy-motto-pill{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.15em;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(183,255,0,.3);padding:6px 16px;border-radius:var(--border-radius-full);text-transform:uppercase}.philosophy-main-statement{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.15;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;max-width:800px}.philosophy-sub-statement{font-size:var(--text-body-lg);color:var(--text-secondary);line-height:var(--lh-body);max-width:620px}@media (max-width: 767px){.philosophy-section{padding-top:var(--space-5);padding-bottom:var(--space-5)}.philosophy-main-statement{font-size:1.875rem}}.contact-section{padding-top:var(--space-5);padding-bottom:var(--space-5);opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.contact-section.is-visible{opacity:1;transform:translateY(0)}.contact-main-wrapper{max-width:900px}.contact-heading{font-family:var(--font-heading);font-size:var(--text-h1);line-height:var(--lh-heading);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.contact-description{font-family:var(--font-body);font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);margin-bottom:var(--space-4);max-width:54ch}.contact-actions-row{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.contact-social-row{display:flex;align-items:center;gap:var(--space-4)}.social-direct-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-mono-meta);text-decoration:none;transition:color var(--transition-fast)}.social-direct-link:hover{color:var(--accent)}.arrow-subtle{opacity:.6;transition:transform var(--transition-fast)}.social-direct-link:hover .arrow-subtle{opacity:1;transform:translate(2px,-2px)}.contact-form-frame{background-color:var(--surface);border:none;border-radius:var(--border-radius-lg);padding:var(--space-4);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.form-frame-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-mono-sm);color:var(--text-primary);font-weight:600}.contact-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:var(--text-mono-sm);color:var(--text-secondary);letter-spacing:.04em}.req{color:var(--danger)}.form-input,.form-textarea{width:100%;padding:10px 12px;background-color:var(--surface);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--text-body);box-shadow:var(--clay-shadow-inner);transition:box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;box-shadow:var(--clay-shadow-inner),0 0 0 2px var(--accent-soft)}.form-input.has-error,.form-textarea.has-error{border-color:var(--danger)}.error-msg{font-size:var(--text-mono-sm);color:var(--danger);display:flex;align-items:center;gap:4px}.btn-form-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;background-color:var(--surface);color:var(--text-primary);border:none;border-radius:var(--border-radius-full);font-weight:600;font-size:var(--text-small);cursor:pointer;box-shadow:var(--clay-shadow-btn);transition:transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.btn-form-submit:hover:not(:disabled){transform:translateY(-2px);color:var(--accent);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner)}.btn-form-submit:active:not(:disabled){transform:translateY(1px);box-shadow:var(--clay-shadow-btn-active)}.form-success-box{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--border-radius-sm);color:var(--text-primary)}.success-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.reset-btn{margin-top:var(--space-2);background:none;border:none;color:var(--accent);font-size:var(--text-mono-sm);cursor:pointer;text-decoration:underline}@media (max-width: 767px){.contact-actions-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.form-row{grid-template-columns:1fr}}.case-study-page{padding-top:var(--space-5);padding-bottom:var(--space-8);animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.case-study-container{max-width:880px;margin:0 auto;padding:0 var(--space-4)}.case-study-top-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);font-size:var(--text-mono-sm)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);background:none;border:none;cursor:pointer;padding:4px 0;font-weight:600;transition:color var(--transition-fast)}.back-btn:hover{color:var(--accent-hover)}.case-study-breadcrumbs{color:var(--text-muted)}.current-crumb{color:var(--text-primary);font-weight:600}.case-study-header{margin-bottom:var(--space-6)}.case-study-tags-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.case-study-title{font-size:var(--text-h1);line-height:var(--lh-heading);color:var(--text-primary);margin-bottom:var(--space-2)}.case-study-tagline{font-size:var(--text-h2);line-height:var(--lh-subheading);color:var(--text-secondary);font-weight:400;margin-bottom:var(--space-5)}.case-study-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.case-study-hero-visual{width:100%;height:340px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-7)}.visual-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--text-mono-meta);letter-spacing:.08em;color:var(--text-secondary)}.case-study-body{display:flex;flex-direction:column;gap:var(--space-7)}.case-study-block{display:flex;flex-direction:column;gap:var(--space-3)}.block-eyebrow{font-size:var(--text-mono-sm);color:var(--accent);letter-spacing:.08em}.block-heading{font-size:var(--text-h2);color:var(--text-primary)}.block-paragraph{font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary)}.problem-box{background-color:#ff4d4d0f;border-left:3px solid var(--danger);padding:var(--space-4);border-radius:var(--border-radius-sm);display:flex;gap:var(--space-3);font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--text-primary)}.danger-icon{color:var(--danger);flex-shrink:0;margin-top:2px}.features-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-body-lg);color:var(--text-secondary)}.feature-icon{color:var(--accent);flex-shrink:0;margin-top:3px}.reflection-block{background-color:var(--surface);border:1px solid var(--border);padding:var(--space-5);border-radius:var(--border-radius-lg)}.learning-card{display:flex;gap:var(--space-3);align-items:flex-start}.learning-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.learning-text{font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--text-primary);font-weight:500}.case-study-footer-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:var(--space-8);padding-top:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.prev-next-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;text-align:left}.prev-next-btn.text-right{text-align:right}.btn-label{font-size:var(--text-mono-sm);color:var(--text-muted)}.btn-title{font-size:var(--text-h3);color:var(--text-primary);transition:color var(--transition-fast)}.prev-next-btn:hover .btn-title{color:var(--accent)}.admin-login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#08080af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.admin-login-card{position:relative;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-6);max-width:420px;width:100%;box-shadow:0 20px 50px #0009;text-align:center}.admin-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.admin-close-btn:hover{color:var(--text-primary)}.admin-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:var(--accent-soft);margin-bottom:var(--space-3)}.admin-icon-lime{color:var(--accent)}.admin-login-title{font-size:1.35rem;color:var(--text-primary);margin-bottom:var(--space-2)}.admin-login-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.5}.admin-login-form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.btn-admin-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;background-color:var(--accent);color:var(--bg);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity var(--transition-fast)}.btn-admin-primary:hover{opacity:.9}.btn-admin-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 14px;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);font-weight:500;font-size:.8rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-admin-secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.admin-dashboard-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);z-index:2000;display:flex;flex-direction:column;overflow:hidden}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:var(--surface);border-bottom:1px solid var(--border)}.admin-brand{display:flex;align-items:center;gap:var(--space-3);font-size:.85rem;font-weight:600;color:var(--text-primary)}.admin-badge{font-size:.7rem;padding:2px 8px;border-radius:12px;background-color:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.admin-top-actions{display:flex;align-items:center;gap:var(--space-3)}.admin-main-body{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:240px;background-color:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.admin-tab-btn{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-tab-btn:hover,.admin-tab-btn.active{background-color:#ffffff0d;color:var(--text-primary)}.admin-tab-btn.active{color:var(--accent);border-left:2px solid var(--accent)}.admin-editor-panel{flex:1;padding:var(--space-6);overflow-y:auto}.admin-section-box{max-width:900px}.admin-section-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.admin-form-grid .full-width{grid-column:span 2}.admin-project-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.project-card-title{font-size:1.1rem;color:var(--accent);margin-bottom:var(--space-4)}.rp-toolbar{background:#0d0d0d;border-bottom:1px solid rgba(183,255,0,.22);padding:10px 28px;position:sticky;top:0;z-index:200}.rp-toolbar-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.rp-toolbar-label{font-family:Inter,sans-serif;font-size:.7rem;color:#b7ff00;font-weight:700;letter-spacing:.07em}.rp-toolbar-actions{display:flex;gap:10px}.rp-btn-print{background:#b7ff00;color:#080808;border:none;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;padding:6px 16px;border-radius:999px;cursor:pointer;transition:transform .12s}.rp-btn-print:hover{transform:translateY(-1px)}.rp-btn-back{background:transparent;color:#aaa;border:1px solid #333;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s}.rp-btn-back:hover{color:#fff;border-color:#666}.rp-page{max-width:816px;min-height:1056px;margin:28px auto 60px;padding:36px 40px;background:#fff;box-shadow:0 4px 32px #00000026;border-radius:3px;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:10.5pt;line-height:1.35;color:#000}.rp-header{text-align:center;margin-bottom:4pt}.rp-name{font-family:EB Garamond,serif;font-size:22pt;font-weight:700;letter-spacing:.04em;color:#000;margin:0 0 4pt;line-height:1.1}.rp-contact-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;font-size:9.5pt;color:#000}.rp-contact-row a{color:#000;text-decoration:underline}.rp-sep{color:#555;font-size:9pt;margin:0 1px}.rp-section{margin-top:8pt}.rp-section-heading{font-family:EB Garamond,serif;font-size:11pt;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#000;border-bottom:1.2px solid #000;padding-bottom:1pt;margin-bottom:4pt}.rp-entry{margin-bottom:6pt}.rp-entry-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.rp-bold{font-weight:700;font-size:10.5pt}.rp-italic{font-style:italic;font-size:10pt;color:#111}.rp-date{font-size:10pt;white-space:nowrap;flex-shrink:0;color:#000}.rp-small-muted{font-size:9pt;color:#444;font-style:italic}.rp-proj-links{font-size:9.5pt;font-weight:400;font-style:normal;margin-left:6px}.rp-proj-links a{color:#000;text-decoration:underline}.rp-proj-links .rp-sep{margin:0 3px}.rp-bullets{margin:2pt 0 0 13px;padding:0;list-style:none}.rp-bullets li{position:relative;padding-left:10px;font-size:10pt;color:#000;margin-bottom:1.5pt;line-height:1.38}.rp-bullets li:before{content:"•";position:absolute;left:0;color:#000;font-size:8pt;top:1.5pt}.rp-skills-list{margin:2pt 0 0 13px;padding:0;list-style:none}.rp-skills-list li{position:relative;padding-left:10px;font-size:10pt;color:#000;margin-bottom:1.5pt;line-height:1.38}.rp-skills-list li:before{content:"•";position:absolute;left:0;color:#000;font-size:8pt;top:1.5pt}.rp-cred{font-size:9pt;color:#555}@media print{.no-print{display:none!important}body{background:#fff!important;margin:0!important;padding:0!important}.rp-page{box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;max-width:100%!important;min-height:auto!important}@page{size:letter;margin:.5in}a{color:#000!important;text-decoration:none!important}.rp-entry,.rp-section{page-break-inside:avoid}}.three-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden}.three-bg-container canvas{display:block;width:100%;height:100%}.cmd-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:cmdFadeIn .15s ease-out}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.cmd-palette-modal{width:90%;max-width:640px;background:#121212f2;border:1px solid rgba(183,255,0,.35);border-radius:var(--border-radius-lg);box-shadow:0 25px 60px #000c,0 0 35px #b7ff0026;overflow:hidden;display:flex;flex-direction:column;animation:cmdSlideDown .18s cubic-bezier(.16,1,.3,1)}@keyframes cmdSlideDown{0%{transform:translateY(-16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cmd-input-wrapper{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:#161616cc}.cmd-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.cmd-search-input::placeholder{color:var(--text-muted)}.cmd-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:color .15s}.cmd-close-btn:hover{color:var(--text-primary)}.cmd-results-list{max-height:380px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.cmd-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--border-radius-md);cursor:pointer;transition:background .1s,border-color .1s;border:1px solid transparent}.cmd-item-row.selected{background:#b7ff001a;border-color:#b7ff004d}.cmd-item-left{display:flex;align-items:center;gap:12px}.cmd-item-icon-box{width:28px;height:28px;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.cmd-item-label{font-size:.9rem;color:var(--text-primary);font-weight:500}.cmd-item-right{display:flex;align-items:center;gap:10px}.cmd-category-tag{font-size:.72rem;color:var(--text-muted);background:#ffffff0a;padding:3px 8px;border-radius:4px}.cmd-copied-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--accent);font-weight:700}.cmd-arrow-icon{color:var(--text-muted);transition:transform .15s,color .15s}.cmd-item-row.selected .cmd-arrow-icon{color:var(--accent);transform:translate(3px)}.cmd-empty-state{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:.85rem}.cmd-footer{padding:10px 18px;background:#0e0e0ef2;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.cmd-keys-hint{display:flex;gap:12px}.cmd-keys-hint kbd{background:#ffffff14;border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--text-primary);font-size:.7rem}.cmd-badge{color:var(--accent);font-weight:600}:root,:root[data-theme=dark]{--bg: #0a0a0a;--bg-secondary: #0f0f0f;--surface: #141414;--surface-hover: #1c1c1c;--text-primary: #F5F5F2;--text-secondary: #A1A1A1;--text-muted: #666666;--accent: #B7FF00;--accent-hover: #C8FF3D;--accent-soft: rgba(183, 255, 0, .12);--border: transparent;--border-hover: transparent;--border-dark: transparent;--focus-ring: rgba(183, 255, 0, .6);--danger: #FF4D4D;--clay-shadow-outer: 6px 6px 12px rgba(0, 0, 0, .8), -6px -6px 12px rgba(35, 35, 35, .25);--clay-shadow-inner: inset 2px 2px 3px rgba(45, 45, 45, .5), inset -2px -2px 3px rgba(0, 0, 0, .6);--clay-shadow-btn: 4px 4px 8px rgba(0, 0, 0, .8), -4px -4px 8px rgba(35, 35, 35, .25), inset 1px 1px 2px rgba(45, 45, 45, .5);--clay-shadow-btn-active: inset 3px 3px 6px rgba(0, 0, 0, .8), inset -3px -3px 6px rgba(35, 35, 35, .25);--color-bg: var(--bg);--color-surface: var(--surface);--color-surface-alt: var(--bg-secondary);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-border: var(--border);--color-border-dark: var(--border-hover);--color-primary: var(--text-primary);--color-accent: var(--accent);--color-accent-hover: var(--accent-hover);--color-accent-soft: var(--accent-soft);--color-focus: var(--accent);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Consolas, monospace;--font-display: var(--font-heading);--text-hero: clamp(3rem, 6vw, 6.5rem);--text-h1: clamp(2.2rem, 4vw, 4rem);--text-h2: clamp(1.75rem, 3vw, 2.5rem);--text-h3: clamp(1.25rem, 2vw, 1.625rem);--text-body-lg: clamp(1.0625rem, 1.5vw, 1.2rem);--text-body: 1.0625rem;--text-small: .875rem;--text-mono-meta: .8125rem;--text-mono-sm: .75rem;--lh-hero: 1.04;--lh-heading: 1.1;--lh-subheading: 1.25;--lh-body-lg: 1.6;--lh-body: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 80px;--container-max-width: 1400px;--index-column-width: 48px;--header-height: 80px;--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 32px;--border-radius-full: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-medium: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--glow-lime: 0 0 30px rgba(183, 255, 0, .15);--glow-lime-subtle: 0 0 15px rgba(183, 255, 0, .08)}:root[data-theme=light]{--bg: #e8ebf0;--bg-secondary: #dfe3ea;--surface: #e8ebf0;--surface-hover: #f0f3f8;--text-primary: #1A1A1A;--text-secondary: #5A5A5A;--text-muted: #888888;--accent: #8ebf00;--accent-hover: #7aa500;--accent-soft: rgba(142, 191, 0, .15);--border: transparent;--border-hover: transparent;--border-dark: transparent;--clay-shadow-outer: 8px 8px 16px rgba(165, 177, 198, .4), -8px -8px 16px rgba(255, 255, 255, .8);--clay-shadow-inner: inset 2px 2px 4px rgba(255, 255, 255, .9), inset -2px -2px 4px rgba(165, 177, 198, .2);--clay-shadow-btn: 5px 5px 10px rgba(165, 177, 198, .4), -5px -5px 10px rgba(255, 255, 255, .9), inset 1px 1px 2px rgba(255, 255, 255, .9);--clay-shadow-btn-active: inset 4px 4px 8px rgba(165, 177, 198, .4), inset -4px -4px 8px rgba(255, 255, 255, .7);--glow-lime: 0 0 30px rgba(142, 191, 0, .2);--glow-lime-subtle: 0 0 15px rgba(142, 191, 0, .1)}@media (max-width: 1023px){:root{--space-6: 36px;--space-7: 48px;--space-8: 60px}}@media (max-width: 767px){:root{--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--bg)}body{min-height:100vh;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100px;left:16px;background:var(--accent);color:var(--bg);padding:12px 20px;font-family:var(--font-mono);font-size:var(--text-small);font-weight:600;z-index:9999;border-radius:var(--border-radius-sm);transition:top var(--transition-fast)}.skip-link:focus{top:16px}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg);background-image:radial-gradient(circle at 80% 20%,var(--accent-soft) 0%,transparent 40%),linear-gradient(to right,var(--border-dark) 1px,transparent 1px),linear-gradient(to bottom,var(--border-dark) 1px,transparent 1px);background-size:100% 100%,64px 64px,64px 64px;transition:background-color var(--transition-medium),color var(--transition-medium)}.page-wrapper{display:flex;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4);position:relative}.main-content{flex:1;min-width:0;padding-bottom:var(--space-4)}.font-heading,.font-display{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-accent,.highlight-lime{color:var(--accent)}.eyebrow-label{font-family:var(--font-mono);font-size:var(--text-mono-meta);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-1);display:inline-flex;align-items:center;gap:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;background-color:var(--surface);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:500;border-radius:var(--border-radius-full);border:1px solid var(--border);white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.tag-chip:hover{border-color:var(--border-hover);color:var(--text-primary);background-color:var(--surface-hover)}.tag-chip--mono{font-family:var(--font-mono);font-size:var(--text-mono-sm)}.tag-chip--exploring{background-color:transparent;border-style:dashed;border-color:var(--accent);color:var(--accent)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:600;border-radius:var(--border-radius-full);border:1px solid rgba(183,255,0,.2)}.status-badge:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.section-divider{width:100%;height:1px;background-color:var(--border);margin:var(--space-2) 0;border:none;opacity:.6}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.animate-on-scroll{opacity:0;transform:translateY(12px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1023px){.page-wrapper{padding:0 var(--space-3)}}.clay-card{background-color:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);border:none;transition:background-color var(--transition-medium),box-shadow var(--transition-medium),transform var(--transition-medium)}.clay-btn{background-color:var(--surface);border-radius:var(--border-radius-full);box-shadow:var(--clay-shadow-btn);border:none;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.clay-btn:hover{transform:translateY(-2px);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner)}.clay-btn:active{transform:translateY(1px);box-shadow:var(--clay-shadow-btn-active)}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}