@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Great+Vibes&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg: #080e0d;--surface: rgba(15, 26, 24, .35);--surface-2:rgba(21, 36, 34, .3);--surface-solid: #0f1a18;--border: rgba(200, 215, 210, .12);--border-h: rgba(200, 215, 210, .25);--text: #c8d7d2;--text-dim: rgba(200, 215, 210, .55);--text-bright: #eaf3ef;--accent: #7db8a4;--accent-2: #a8c5a0;--warm: #c9a96e;--glass-bg: rgba(15, 26, 24, .25);--glass-blur: blur(18px) saturate(1.6);--glass-border: rgba(200, 215, 210, .13);--glass-border-h: rgba(200, 215, 210, .28);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255,255,255,.06);--sans: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "Space Mono", "SFMono-Regular", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--space-2xl: 96px;--radius: 10px;--radius-lg: 16px;--max-w: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;border:0}ul{list-style:none}img{display:block;max-width:100%}#mountain-scene,.weather-vignette,.storm-flash{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#mountain-scene{z-index:-4}.weather-vignette{z-index:-3;background:linear-gradient(180deg,#080e0d73,#080e0d0d 40%,#080e0dd9),radial-gradient(ellipse at 50% 30%,rgba(125,184,164,.07),transparent 55%)}.storm-flash{z-index:-2;background:#dcf5ffe6;opacity:0;transition:opacity .1s linear}.weather-badge{position:fixed;bottom:24px;right:24px;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;background:#0f1a18bf;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(200,215,210,.12);color:var(--text);font-size:.78rem;font-weight:500;opacity:1;transition:opacity .6s ease,transform .3s ease;cursor:default;-webkit-user-select:none;user-select:none;box-shadow:0 4px 20px #0000004d}.weather-badge.faded{opacity:.25}.weather-badge:hover{opacity:1!important;transform:translateY(-2px)}.weather-badge__emoji{font-size:1rem;line-height:1}.weather-badge__text{color:var(--text-dim);white-space:nowrap}.weather-badge__temp{font-family:var(--mono);font-weight:700;font-size:.74rem;color:var(--accent);letter-spacing:.02em}@media(max-width:640px){.weather-badge{bottom:12px;right:12px;padding:6px 12px;font-size:.72rem}}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);height:60px;background:#080e0db3;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--border);transition:background .3s ease}.site-header.scrolled{background:#080e0deb}.brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:.95rem;color:var(--text-bright);letter-spacing:-.01em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-h);color:var(--accent);font-size:.72rem;font-weight:700;font-family:var(--mono)}.site-nav{display:flex;align-items:center;gap:2px}.site-nav a{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-dim);transition:color .25s ease,background .25s ease}.site-nav a:hover,.site-nav a.active{color:var(--text-bright);background:#c8d7d20f}main{position:relative;z-index:1}.hero,.sect{max-width:var(--max-w);margin:0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.sect{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.sect.is-visible{opacity:1;transform:none}.sect__label{font-family:var(--mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:var(--space-md)}.sect__title{font-size:2.2rem;font-weight:700;color:var(--text-bright);line-height:1.2;letter-spacing:-.025em;margin-bottom:var(--space-xl);max-width:600px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-xl);align-items:end;min-height:92svh;padding-top:100px;padding-bottom:var(--space-xl);opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.hero.is-visible{opacity:1;transform:none}.hero-tag{font-family:var(--mono);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-lg)}.hero h1{font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--text-bright);margin-bottom:var(--space-lg)}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{max-width:500px;font-size:1.05rem;line-height:1.7;color:var(--text-dim);margin-bottom:var(--space-lg)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-aside{display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-start}.photo-frame{width:260px;height:320px;border-radius:var(--radius-lg);border:1px solid var(--border-h);background:var(--surface);overflow:hidden;position:relative;box-shadow:0 24px 60px #00000059,inset 0 0 0 1px #ffffff08}.photo-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);color:var(--text-dim);font-size:.85rem;font-weight:500}.hero-card{padding:20px 22px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);max-width:320px}.hero-card__label{font-family:var(--mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--warm);margin-bottom:var(--space-sm)}.hero-card__text{font-size:.92rem;line-height:1.6;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);transition-duration:.08s}.btn--solid{background:var(--text-bright);color:var(--bg);box-shadow:0 2px 12px #0000004d}.btn--solid:hover{background:#fff;box-shadow:0 4px 20px #7db8a426}.btn--outline{background:transparent;color:var(--text);border:1px solid var(--border-h)}.btn--outline:hover{border-color:var(--accent);color:var(--text-bright)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-xl);align-items:start}.about-text h2{font-size:1.8rem;line-height:1.25;letter-spacing:-.02em;color:var(--text-bright);margin-bottom:var(--space-lg);max-width:500px}.about-text p{font-size:1rem;line-height:1.78;color:var(--text);margin-bottom:var(--space-md);max-width:540px}.about-stats{display:flex;flex-direction:column;gap:var(--space-md)}.stat{padding:18px 20px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.stat:hover{border-color:var(--glass-border-h);transform:translate(4px);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.stat__num{font-size:1.6rem;font-weight:700;color:var(--text-bright);display:block;margin-bottom:4px;font-variant-numeric:tabular-nums}.stat__desc{font-size:.85rem;color:var(--text-dim);line-height:1.4}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.stack-col__head{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.stack-list{display:flex;flex-direction:column;gap:var(--space-sm)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;font-size:.84rem;font-weight:500;color:var(--text);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;cursor:default}.chip i,.chip svg{font-size:.95rem;width:14px;height:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.chip i+i{margin-left:-4px}.chip:hover{border-color:var(--accent);color:var(--text-bright);background:#15242273;transform:translateY(-1px);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.skill-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skill-tile{padding:24px 22px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);min-height:220px;display:flex;flex-direction:column;position:relative;overflow:hidden;transform:perspective(800px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:border-color .3s ease,transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform}.skill-tile:hover{border-color:var(--glass-border-h);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.skill-tile__num{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:auto}.skill-tile h3{font-size:1.15rem;font-weight:700;color:var(--text-bright);margin-bottom:8px}.skill-tile p{font-size:.88rem;line-height:1.55;color:var(--text-dim)}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project{padding:26px 24px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);min-height:520px;display:flex;flex-direction:column;position:relative;overflow:hidden;transform:perspective(800px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:border-color .3s ease,transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform}.project:hover{border-color:var(--glass-border-h);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.project__head{display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.project__tag{font-family:var(--mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.project__year{font-family:var(--mono);font-size:.7rem;color:var(--text-dim)}.project h3{font-size:1.25rem;font-weight:700;color:var(--text-bright);margin-bottom:10px}.project p{font-size:.9rem;line-height:1.6;color:var(--text-dim)}.project__bullets{margin-top:18px;display:flex;flex-direction:column;gap:6px}.project__bullets li{position:relative;padding-left:14px;font-size:.85rem;color:var(--text);line-height:1.4}.project__bullets li:before{content:"";position:absolute;top:.55em;left:0;width:5px;height:5px;border-radius:50%;background:var(--warm)}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cert-card{padding:24px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transform:perspective(800px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:border-color .3s ease,transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform}.cert-card:hover{border-color:var(--glass-border-h);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.cert-card__issuer{font-family:var(--mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--warm);margin-bottom:var(--space-md)}.cert-card h3{font-size:1.1rem;font-weight:700;color:var(--text-bright);margin-bottom:var(--space-sm);line-height:1.3}.cert-card__meta{font-size:.82rem;color:var(--text-dim)}.contact-sect{padding-bottom:120px}.contact-form{max-width:640px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-full{margin-bottom:14px}.contact-form label{display:flex;flex-direction:column;gap:6px}.contact-form label span{font-size:.82rem;font-weight:600;color:var(--text-dim)}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-bright);outline:none;resize:vertical;transition:border-color .25s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form .btn{margin-top:var(--space-md)}.form-status{min-height:20px;margin-top:var(--space-sm);font-size:.88rem;font-weight:500;color:var(--accent)}.site-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);font-size:.78rem;color:var(--text-dim);border-top:1px solid var(--border)}.footer-dot{opacity:.4}.skill-tile,.project,.cert-card{opacity:0;transform:perspective(800px) translateY(20px)}.is-visible .skill-tile,.is-visible .project,.is-visible .cert-card{animation:enter .55s cubic-bezier(.4,0,.2,1) both}.is-visible .skill-tile:nth-child(1),.is-visible .project:nth-child(1),.is-visible .cert-card:nth-child(1){animation-delay:0s}.is-visible .skill-tile:nth-child(2),.is-visible .project:nth-child(2),.is-visible .cert-card:nth-child(2){animation-delay:.08s}.is-visible .skill-tile:nth-child(3),.is-visible .project:nth-child(3),.is-visible .cert-card:nth-child(3){animation-delay:.16s}.is-visible .skill-tile:nth-child(4),.is-visible .cert-card:nth-child(4){animation-delay:.24s}@keyframes enter{0%{opacity:0;transform:perspective(800px) translateY(20px)}to{opacity:1;transform:perspective(800px) translateY(0)}}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-aside{flex-direction:row;flex-wrap:wrap}.photo-frame{width:180px;height:220px}.about-grid{grid-template-columns:1fr}.stack-grid,.skill-row,.project-list{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:1fr}.sect__title{font-size:1.8rem}}@media(max-width:640px){:root{--space-lg: 20px;--space-xl: 40px;--space-2xl: 64px}.site-header{padding:0 var(--space-md)}.site-nav{gap:0}.site-nav a{padding:6px 8px;font-size:.78rem}.hero h1{font-size:2.2rem}.hero-aside{flex-direction:column}.photo-frame{width:200px;height:250px}.stack-grid,.skill-row,.project-list,.cert-grid,.form-row{grid-template-columns:1fr}.sect__title{font-size:1.5rem}.skill-tile,.project{min-height:0}}.open-to-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{display:inline-block;padding:5px 12px;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--accent);background:#7db8a40f;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(125,184,164,.15);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff0a;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.tag:hover{border-color:#7db8a459;background:#7db8a41a;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff0f}.project__img-frame,.cert__img-frame{border-radius:var(--radius);border:1px dashed var(--border-h);background:var(--surface-2);overflow:hidden;margin-top:16px;transition:border-color .3s ease}.project__img-frame{height:160px}.cert__img-frame{height:140px;margin-top:0;margin-bottom:14px}.project__img-frame:hover,.cert__img-frame:hover{border-color:var(--accent)}.img-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-dim);font-size:.8rem;font-weight:500;font-family:var(--mono)}.project__img-frame img,.cert__img-frame img{width:100%;height:100%;object-fit:cover;display:block}.project__stack{margin-top:14px;font-family:var(--mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.02em}.project__link,.cert__link{display:inline-block;margin-top:12px;font-size:.82rem;font-weight:600;color:var(--accent);transition:color .2s ease}.project__link:hover,.cert__link:hover{color:var(--text-bright)}.expertise-grid{display:grid;gap:8px}.expertise-row{display:grid;grid-template-columns:160px 100px 1fr;gap:16px;align-items:center;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:border-color .3s ease,transform .35s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;transform:perspective(800px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;will-change:transform}.expertise-row:hover{border-color:var(--glass-border-h);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.expertise-domain{font-weight:700;font-size:.9rem;color:var(--text-bright)}.expertise-level{font-family:var(--mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px;text-align:center}.level--mid{color:var(--accent);background:#7db8a41a}.level--begin{color:var(--warm);background:#c9a96e1a}.expertise-detail{font-size:.84rem;color:var(--text-dim)}.sect__subtitle{font-size:.9rem;color:var(--text-dim);margin-top:-48px;margin-bottom:32px;max-width:500px}@media(max-width:640px){.expertise-row{grid-template-columns:1fr;gap:4px}.expertise-level{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.lightbox-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;cursor:zoom-out}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-overlay img{max-width:85vw;max-height:85vh;border-radius:var(--radius-lg);box-shadow:0 24px 80px #0009;border:1px solid rgba(200,215,210,.15);object-fit:contain;transform:scale(.92);transition:transform .4s cubic-bezier(.4,0,.2,1)}.lightbox-overlay.active img{transform:scale(1)}.lightbox-close{position:absolute;top:24px;right:28px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(200,215,210,.2);background:#0f1a1899;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-bright);font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.lightbox-close:hover{background:#7db8a426;transform:scale(1.08)}.cert__img-frame img,.project__img-frame img{cursor:zoom-in}.intro-screen{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#080e0d;will-change:transform,opacity;transition:transform .8s cubic-bezier(.77,0,.175,1),opacity .5s ease;transform:translateZ(0)}.intro-screen.slide-up{transform:translate3d(0,-100%,0);opacity:0}.intro-screen.hidden{display:none}.intro-svg{width:clamp(320px,75vw,750px);overflow:visible}.intro-svg text{font-family:Great Vibes,cursive;font-size:clamp(52px,8vw,88px);font-weight:400;letter-spacing:.03em}.intro-svg .cursive-path{fill:#eaf3ef00;stroke:var(--text-bright);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawCursiveText 2.3s cubic-bezier(.4,0,.2,1) forwards}.intro-svg .cursive-glow{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawCursiveText 2.3s cubic-bezier(.4,0,.2,1) forwards;filter:blur(8px);opacity:.6}@keyframes drawCursiveText{0%{stroke-dashoffset:1200;fill:#eaf3ef00}70%{stroke-dashoffset:0;fill:#eaf3ef00}to{stroke-dashoffset:0;fill:#eaf3eff2}}body.intro-active{overflow:hidden}