:root{--font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--bg: #0e0f12;--bg-elevated: #131a1f;--bg-panel: #23321e;--accent-brand: #84cc16;--accent-fg: #a3e635;--accent-bg: rgba(132, 204, 22, .16);--accent-border: rgba(132, 204, 22, .55);--accent-warm: #ff6a2e;--accent-warm-soft: rgba(255, 173, 94, .72);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text-main: #f1f3f6;--text-muted: #a3a9b7;--text-soft: #7c8393;--text-on-accent: #0b0d0f;--radius-panel: 6px;--radius-card: 6px;--radius-control: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px}.light{--bg: #f7f8fa;--bg-elevated: #ffffff;--bg-panel: #ffffff;--accent-fg: #4d7c0f;--accent-bg: rgba(77, 124, 15, .14);--accent-border: rgba(77, 124, 15, .55);--accent-warm: #ff6a2e;--accent-warm-soft: rgba(255, 173, 94, .72);--border-subtle: #e1e4ea;--border-strong: #d1d5db;--text-main: #0f1220;--text-muted: #4b5563;--text-soft: #6b7280;--text-reading: #0f1220}.dark{--accent-fg: #84cc16;--accent-bg: rgba(132, 204, 22, .16);--accent-border: rgba(132, 204, 22, .55);--accent-warm: #ff6a2e;--accent-warm-soft: rgba(255, 173, 94, .72)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{height:100%;min-height:100vh;margin:0;font-family:var(--font-stack);color:var(--text-main);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}@media (max-width: 1100px){body{overflow:auto}}.hero-photo{display:flex;justify-content:center}.hero-photo-frame{position:relative;padding:clamp(10px,1.8vw,14px);border-radius:calc(var(--radius-panel) + 6px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.light .hero-photo-frame{background:linear-gradient(135deg,#ffffff6b,#fff3);border-color:#00000014;box-shadow:0 12px 40px #0000000f}.hero-photo-inner{position:relative;width:100%;max-width:420px;aspect-ratio:3 / 4;background:var(--bg);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:0 18px 36px #00000038;overflow:hidden}.hero-photo-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#05060800 0% 45%,#0506088c);pointer-events:none}.hero-photo-inner img{display:block;width:100%;height:100%;object-fit:cover}.hero-main{max-width:46ch;min-width:0}.hero-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--accent-fg)}.hero-title{margin:var(--space-2) 0;font-size:clamp(2rem,3vw,2.5rem);line-height:1.2;font-weight:700}.hero-lede{margin:var(--space-2) 0 var(--space-2);max-width:38ch;font-size:.95rem;color:var(--text-muted);line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 768px){.hero-photo-inner{max-width:100%}.hero-main{text-align:center;max-width:48ch}.hero-title{margin:var(--space-3) 0 var(--space-2);line-height:1.25}.hero-lede{margin:0 0 var(--space-3);line-height:1.7}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);font-size:.85rem;font-weight:500;border:1px solid transparent;color:var(--text-main);background:transparent;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .15s ease}.btn:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent-fg);color:var(--bg);border-color:transparent}.btn--primary:hover{border-color:var(--accent-border)}.btn--secondary{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-main)}.btn--secondary:hover{border-color:var(--accent-border)}.btn--outlined{background:transparent;border-color:var(--border-subtle);color:var(--text-muted)}.btn--outlined:hover{border-color:var(--accent-border);color:var(--text-main)}.btn--outlined.is-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-main)}.btn--icon{padding:0;width:40px;height:40px;border-radius:var(--radius-panel);border-color:var(--border-subtle);background:var(--text-main);color:var(--bg)}.btn--icon:hover,.btn--icon:focus-visible{border-color:var(--accent-border);background:var(--accent-brand);color:var(--text-on-accent)}.btn__icon{transform:scaleX(-1);color:var(--accent-border);display:block;font-size:1.1rem}.info-panel-header{display:block}.info-panel-label{font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-soft)}.info-toggle-row{display:flex;align-items:center;gap:var(--space-2)}.info-toggle-group{display:flex;gap:var(--space-1);margin-bottom:var(--space-1)}.info-toggle-wrapper{position:static;z-index:1;width:100%}.info-toggle{justify-content:center;text-transform:uppercase;letter-spacing:.25em;font-size:.78rem}.info-card{position:absolute;inset:0;top:var(--space-2);padding-right:var(--space-1);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;opacity:0;transform:translateY(var(--space-2));transition:opacity .3s ease,transform .3s ease;pointer-events:none}.info-card[data-scrollable]{padding:var(--space-3);padding-bottom:var(--space-6);border:1px solid var(--accent-border);border-radius:var(--radius-card);background:var(--bg-elevated)}.panel-divider{width:100%;border-top:1px solid var(--border-subtle);margin:var(--space-2) 0}.work-section{display:flex;flex-direction:column;gap:var(--space-2)}.info-card{scrollbar-width:thin;scrollbar-color:transparent transparent}.info-card.is-scrolling,.info-card:hover{scrollbar-color:var(--border-strong) transparent}.info-card::-webkit-scrollbar{width:10px}.info-card::-webkit-scrollbar-track{background:transparent}.info-card::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;border:3px solid transparent;background-clip:content-box}.info-card.is-scrolling::-webkit-scrollbar-thumb,.info-card:hover::-webkit-scrollbar-thumb{background-color:#7c839347}.info-card:hover::-webkit-scrollbar-thumb{background-color:#7c839366}.info-card.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.info-card.is-active:not([data-scrollable]){background:var(--bg-elevated);border:1px solid var(--accent-border);border-radius:var(--radius-card);padding:var(--space-3);padding-bottom:var(--space-6)}.section-heading{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-soft);margin:0}.info-card.is-active .work-grid{flex:1}.capabilities{margin:0;padding-top:0}@media (max-width: 768px){.info-card[data-scrollable]{padding:var(--space-2)}.info-card.is-active:not([data-scrollable]){padding:var(--space-2);border:none;background:transparent;border-radius:0}.panel-divider{display:block;border-top:1px solid var(--accent-fg);margin:var(--space-2) 0;width:100%;opacity:.5}.work-section{gap:var(--space-2)}}.work-grid{display:flex;flex-direction:column;gap:var(--space-2)}.work-card{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-card);padding:var(--space-2) var(--space-2);background:#ffffff05;border:1px solid var(--border-subtle);min-width:0}.work-card-logo-link{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center}.work-card-logo{width:48px;height:48px;object-fit:contain;opacity:.85}.work-card .work-title{margin-top:0}.work-card-body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;justify-content:space-between;min-width:0}.work-title{margin:0;font-size:1rem;font-weight:600}.work-summary{margin:var(--space-1) 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.5;overflow-wrap:anywhere}.capabilities-header{display:flex;flex-direction:column;gap:var(--space-1)}.capabilities-subtitle{margin:0;font-size:.82rem;color:var(--text-soft);line-height:1.5}.capabilities-list{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.capability{padding-left:0;border-left:2px solid rgba(132,204,22,.22)}.capability[open]{border-left-color:var(--accent-border)}.capability-title{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-main);outline:none;display:block;width:100%;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);margin-left:0;border-radius:0 10px 10px 0;transition:background-color .18s ease,color .18s ease}.capability-title::-webkit-details-marker{display:none}.capability-title{list-style:none}.capability-title:hover{background:var(--accent-bg)}.capability[open] .capability-title{color:var(--accent-fg)}.capability-title:focus-visible{outline:2px solid var(--accent-border);outline-offset:4px;border-radius:6px}.capability-copy{margin:var(--space-1) 0 0;font-size:.84rem;color:var(--text-muted);line-height:1.55}.capability-content{height:0;opacity:0;transform:translateY(-2px);overflow:hidden}.capability-content-inner{padding:0 var(--space-1) var(--space-1) var(--space-2)}.capability[open] .capability-content{height:auto;opacity:1;transform:translateY(0)}.js .capability[open] .capability-content{height:0;opacity:0;transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.capability-title,.capability-content{transition:none}}@media (max-width: 768px){.capability{padding:0;border:none}.capability-title{padding:var(--space-1);background:transparent;font-size:1rem}.capability-copy{line-height:1.65}.work-card{flex-direction:column;align-items:flex-start;gap:var(--space-2);border:none;background:transparent;padding:0}.section-heading{margin-top:var(--space-1)}.work-card-logo-link{width:56px;height:56px;margin-bottom:var(--space-1)}.work-card-logo{width:56px;height:56px}.work-title{font-size:1.05rem}.work-summary{margin:0;line-height:1.6}}.text-accent{color:var(--accent-fg);text-shadow:0 0 .55em transparent,0 0 .9em transparent;animation:accentGlow 5s ease-in-out infinite;animation-delay:var(--glow-delay, 0s)}@keyframes accentGlow{0%,to{text-shadow:0 0 .55em transparent,0 0 .9em transparent;opacity:.95}50%{text-shadow:0 0 .75em var(--accent-warm-soft),0 0 1.1em var(--accent-fg);opacity:1}}@media (prefers-reduced-motion: reduce){.text-accent{animation:none;text-shadow:none}}.contact-card{background:#ffffff05;border:1px solid var(--accent-bg);border-radius:var(--radius-card);padding:var(--space-1);box-shadow:none}.contact-copy{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.contact-list{display:flex;flex-direction:column;font-size:.9rem}.contact-list p{margin:var(--space-1) 0}.contact-list a{color:var(--accent-fg);text-decoration:none}.contact-list a:hover{text-decoration:underline}.resume-section{margin-top:var(--space-2)}.muted-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:border-color .2s ease}.muted-button:hover{border-color:var(--accent-border);color:var(--accent-fg)}.muted-button:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px;color:var(--accent-fg)}@media (max-width: 768px){.contact-card{background:transparent;border:none;padding:0}.contact-copy{line-height:1.7}.contact-list p{margin:0}.contact-list a{display:inline-block;padding:var(--space-1) 0}}.site-footer{margin:0;font-size:.73rem;color:var(--accent-border);padding-top:var(--space-2)}@media (max-width: 768px){.site-footer{text-align:center;padding:var(--space-1);margin-bottom:var(--space-2)}}.theme-toggle{width:40px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-panel);background:var(--bg-panel);color:var(--text-main);transition:border-color .2s ease;margin-bottom:var(--space-1)}.theme-toggle .theme-icon-bulb{width:100%;height:100%;mask:url(/assets/brightness.png) center / 60% no-repeat;-webkit-mask:url(/assets/brightness.png) center / 60% no-repeat;background:currentColor;transition:none}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent-border);background:var(--bg-panel);color:var(--text-main)}.theme-toggle:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.light .theme-toggle{background:var(--bg-elevated);color:var(--text-main)}.light .theme-toggle:hover,.light .theme-toggle:focus-visible{background:var(--bg-elevated);color:var(--text-main)}@media (max-width: 768px){.theme-toggle{height:40px}}.page-shell{height:100vh;padding:var(--space-3);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--space-2);align-items:stretch}.panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:var(--space-4);display:flex;flex-direction:column;gap:0;min-height:0}.info-panel{background:#010202}.light .info-panel{background:var(--bg-elevated)}.hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);align-items:center;background-color:#040508}.hero-panel:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 40%,#00000038,#00000094 55%,#000000d1)}.hero-panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url(/assets/hero-y2k-bg.svg);background-size:cover;background-position:50% 45%;background-repeat:no-repeat}.hero-panel>*{position:relative;z-index:2}.light .hero-panel{background-color:#fff}.light .hero-panel:after{background-image:none;opacity:0;filter:none}.light .hero-panel:before{background:none}.info-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.info-panel-body{position:relative;flex:1;min-height:0;overflow:hidden;padding-top:var(--space-1)}@media (max-width: 1100px){.hero-panel{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}}@media (max-width: 1024px){body{overflow:auto}.page-shell{grid-template-columns:1fr;grid-template-rows:repeat(1,minmax(0,1fr));gap:var(--space-2);height:auto}.panel{padding:var(--space-3)}.hero-panel{grid-template-columns:1fr;text-align:center;display:flex}.hero-actions{justify-content:center}.info-panel-body{position:static;overflow:visible}.info-card{position:static!important;inset:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.info-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-2);margin-bottom:var(--space-2)}.info-panel-header{display:block;height:0;margin:0;padding:0}.info-toggle-wrapper,.info-toggle-group{display:none}.theme-toggle{position:fixed;top:calc(var(--space-2) + env(safe-area-inset-top));right:calc(var(--space-2) + env(safe-area-inset-right));bottom:auto;z-index:1000;margin:0;box-shadow:0 10px 30px #00000059}}@media (max-width: 768px){.page-shell{padding:var(--space-2);gap:var(--space-2)}.hero-panel{flex-direction:column;align-items:center;gap:var(--space-3);border:none;text-align:center;padding:var(--space-4)}.work-panel{gap:var(--space-2)}.info-panel{border:none;padding:var(--space-2)}.info-panel-body{gap:var(--space-1)}}