@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:wght@400;700;900&display=swap";:root{--color-summit: #1A4A6E;--color-ridge: #2E7BB5;--color-sky: #5BA3D9;--color-horizon: #A8D4F0;--color-alpine: #2D6A4F;--color-meadow: #52B788;--color-moss: #74C69D;--color-lichen: #B7E4C7;--color-sunlit: #F4D03F;--color-golden-hour: #F0A500;--color-warm-glow: #FAE28C;--color-talus: #7B6047;--color-boulder: #A68B5B;--color-scree: #C9A96E;--color-snow: #F0F6FF;--color-fog: #D6E8F5;--color-bg-base: #F0F6FF;--color-bg-surface: #FFFFFF;--color-bg-elevated: #E8F4FD;--color-bg-overlay: rgba(26, 74, 110, .06);--color-text-primary: #0F2D45;--color-text-secondary: #2D6A4F;--color-text-muted: #5B7A8E;--color-text-inverse: #F0F6FF;--color-success: #52B788;--color-warning: #F0A500;--color-error: #C0392B;--color-info: #2E7BB5;--gradient-skyscape: linear-gradient(180deg, #1A4A6E 0%, #2E7BB5 35%, #A8D4F0 65%, #FAE28C 100%);--gradient-mountain-layer-1: linear-gradient(180deg, #5BA3D9 0%, #A8D4F0 100%);--gradient-mountain-layer-2: linear-gradient(180deg, #2D6A4F 0%, #52B788 60%, #74C69D 100%);--gradient-mountain-layer-3: linear-gradient(180deg, #7B6047 0%, #A68B5B 100%);--gradient-hero-overlay: linear-gradient(to bottom, rgba(26,74,110,0) 0%, rgba(15,45,69,.65) 100%);--gradient-card-sheen: linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(168,212,240,.2) 100%);--gradient-accent-stripe: linear-gradient(90deg, #2D6A4F, #2E7BB5, #F4D03F);--font-display: "Playfair Display", serif;--font-heading: "DM Sans", sans-serif;--font-body: "Lora", serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-7xl: 5rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-widest: .15em;--section-padding-y: 6rem;--section-padding-x: clamp(1.5rem, 5vw, 6rem);--container-max-width: 1280px;--card-padding: 2rem;--grid-gap: 1.5rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(26, 74, 110, .1);--shadow-md: 0 4px 20px rgba(26, 74, 110, .14);--shadow-lg: 0 8px 40px rgba(26, 74, 110, .18);--shadow-xl: 0 16px 64px rgba(26, 74, 110, .22);--shadow-inner: inset 0 2px 8px rgba(26, 74, 110, .1);--shadow-glow: 0 0 32px rgba(91, 163, 217, .4);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-very-slow: .8s;--navbar-bg: rgba(0, 0, 0, .04);--navbar-blur: 12px;--navbar-border: 1px solid rgba(91, 163, 217, .2);--navbar-height: 64px}[data-theme=dark]{--color-summit: #5BA3D9;--color-ridge: #7BB8E8;--color-sky: #2E7BB5;--color-horizon: #1A4A6E;--color-alpine: #74C69D;--color-meadow: #52B788;--color-moss: #2D6A4F;--color-lichen: #1B4332;--color-sunlit: #F0A500;--color-golden-hour: #E09500;--color-warm-glow: #C9A96E;--color-talus: #C9A96E;--color-boulder: #A68B5B;--color-scree: #7B6047;--color-snow: #0F2D45;--color-fog: #1A3A52;--color-bg-base: #0A1628;--color-bg-surface: #0F2D45;--color-bg-elevated: #1A3A52;--color-bg-overlay: rgba(91, 163, 217, .08);--color-text-primary: #E8F4FD;--color-text-secondary: #74C69D;--color-text-muted: #A8D4F0;--color-text-inverse: #0A1628;--gradient-skyscape: linear-gradient(180deg, #0A1628 0%, #1A4A6E 35%, #2E7BB5 65%, #1A3A52 100%);--gradient-hero-overlay: linear-gradient(to bottom, rgba(10,22,40,0) 0%, rgba(10,22,40,.85) 100%);--gradient-card-sheen: linear-gradient(135deg, rgba(91,163,217,.12) 0%, rgba(45,106,79,.08) 100%);--gradient-accent-stripe: linear-gradient(90deg, #74C69D, #5BA3D9, #F0A500);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .55);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .3);--shadow-glow: 0 0 32px rgba(91, 163, 217, .25);--navbar-bg: rgba(15, 45, 69, .9);--navbar-border: 1px solid rgba(91, 163, 217, .25)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s var(--ease-default),color .3s var(--ease-default)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-5xl);font-family:var(--font-display);font-weight:700}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}a{color:var(--color-ridge);text-decoration:none;transition:color var(--duration-normal) var(--ease-default)}a:hover{color:var(--color-alpine)}code{font-family:var(--font-mono);font-size:var(--text-sm)}button{font-family:var(--font-heading);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.app{min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--section-padding-x);background:var(--navbar-bg);backdrop-filter:blur(var(--navbar-blur));-webkit-backdrop-filter:blur(var(--navbar-blur));border-bottom:var(--navbar-border);transition:height var(--duration-normal) var(--ease-default)}.navbar__logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-summit);text-decoration:none}.navbar__logo:hover{color:var(--color-alpine)}.navbar__logo svg{width:28px;height:28px}.navbar__right{display:flex;align-items:center;gap:1.5rem}.navbar__links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.navbar__links a{font-family:var(--font-heading);font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);letter-spacing:var(--tracking-wide)}.navbar__links a:hover{color:var(--color-alpine)}.navbar__links a.active{background:var(--gradient-accent-stripe);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:var(--radius-md);background:var(--color-bg-overlay);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-spring)}.theme-toggle:hover{background:var(--color-bg-elevated);color:var(--color-summit);transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid var(--color-ridge);outline-offset:2px}.theme-toggle svg{flex-shrink:0}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--section-padding-y) var(--section-padding-x);background:var(--gradient-skyscape);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:var(--gradient-hero-overlay);pointer-events:none}.hero__content{position:relative;z-index:1;text-align:center;max-width:36rem}.hero__icon{width:80px;height:80px;margin-bottom:1.5rem;filter:drop-shadow(var(--shadow-md));animation:icon-float 4s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__title{font-family:var(--font-display);font-size:clamp(var(--text-4xl),6vw,var(--text-7xl));font-weight:700;color:var(--color-text-inverse);margin:0 0 .5rem;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.hero__subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-horizon);margin:0 0 2rem;line-height:var(--leading-relaxed)}.hero__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-golden-hour);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:background var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-spring)}.hero__cta:hover{background:var(--color-sunlit);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section{padding:var(--section-padding-y) var(--section-padding-x);max-width:var(--container-max-width);margin:0 auto}.work-page{padding-top:calc(var(--navbar-height) + 2rem);min-height:calc(100vh - var(--navbar-height))}.work-page .cards--responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap);align-items:start}@media(max-width:640px){.work-page .cards--responsive,.projects-page .cards--responsive{grid-template-columns:1fr}}.projects-page .cards--responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap);align-items:start}.section__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 2rem;text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap)}.cards--three{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.cards--three{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards--three{grid-template-columns:1fr}}.card{background:var(--color-bg-surface);border:1px solid rgba(91,163,217,.2);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-md);transition:all .3s var(--ease-default);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-card-sheen);opacity:0;transition:opacity .3s var(--ease-default);pointer-events:none}.card:hover{background:var(--color-bg-elevated);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card:hover:before{opacity:1}.card--expandable{cursor:pointer;padding-bottom:2.75rem}.card--expandable:before{display:none}.card--expandable:hover{transform:none;background:var(--color-bg-surface);box-shadow:var(--shadow-md)}.card--expandable .card__details{margin-top:1rem}.card--expandable .card__expand-trigger{position:absolute;bottom:0;left:0;right:0;padding:.75rem var(--card-padding);display:flex;align-items:center;justify-content:center;gap:.35rem;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-ridge);border-top:1px solid rgba(91,163,217,.2);background:var(--color-bg-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:0;transition:opacity var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default)}.card--expandable:hover .card__expand-trigger,.card--expandable[data-expanded=true] .card__expand-trigger{opacity:1}.card--expandable .card__expand-trigger:hover,.card--expandable[data-expanded=true] .card__expand-trigger{background:var(--color-bg-elevated);color:var(--color-summit)}.card--expandable .card__arrow{font-size:.9em;transition:transform var(--duration-normal) var(--ease-default)}.card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.card__text{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.card__meta{display:block;font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.card__list{margin:1rem 0 0;padding-left:1.25rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.card__list li{margin-bottom:.5rem}.card__list li:last-child{margin-bottom:0}.card__badge{display:inline-block;margin-top:1rem;padding:.25rem .75rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-alpine);background:#52b7881f;border:1px solid rgba(82,183,136,.3);border-radius:var(--radius-pill)}.btn{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.btn--primary{background:var(--color-summit);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-ridge)}.btn--secondary{background:transparent;border:2px solid var(--color-summit);color:var(--color-summit)}.btn--secondary:hover{background:var(--color-bg-overlay)}.btn--accent{background:var(--color-golden-hour);color:var(--color-text-primary)}.btn--accent:hover{background:var(--color-sunlit)}.resume-download{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-summit);color:var(--color-text-inverse);box-shadow:0 4px 12px #1a4a6e59;transition:background var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.resume-download:hover{background:var(--color-alpine);transform:scale(1.08);box-shadow:0 6px 16px #2d6a4f66}.resume-download:focus-visible{outline:2px solid var(--color-ridge);outline-offset:2px}.about-page{padding-top:calc(var(--navbar-height) + 2rem);padding-bottom:var(--section-padding-y);min-height:calc(100vh - var(--navbar-height));max-width:var(--container-max-width);margin:0 auto;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.about__header{text-align:center;margin-bottom:3rem}.about__photo-wrap{width:180px;height:180px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;background:var(--color-bg-elevated);border:3px solid rgba(91,163,217,.25);box-shadow:var(--shadow-md)}.about__photo{width:100%;height:100%;object-fit:cover;display:block}.about__name{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;letter-spacing:var(--tracking-tight)}.about__tagline{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.about__content{max-width:36rem;margin:0 auto}.about__block{margin-bottom:2.5rem}.about__block-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--color-ridge);margin:0 0 .75rem;text-transform:uppercase}.about__degree{display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed);margin:0}.about__degree-name{font-weight:600;color:var(--color-text-primary)}.about__degree-school,.about__degree-year{color:var(--color-text-muted);font-size:var(--text-sm)}.about__info{margin:0;display:flex;flex-direction:column;gap:.75rem}.about__info-row{display:grid;grid-template-columns:6rem 1fr;gap:.5rem 1rem;align-items:baseline}.about__info-row dt{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin:0}.about__info-row dd{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);margin:0}.about__info-row a{color:var(--color-ridge)}.about__info-row a:hover{color:var(--color-alpine)}.about__cta-wrap{margin-top:2.5rem;text-align:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero__cta--secondary{background:transparent;border:2px solid var(--color-golden-hour);color:var(--color-text-primary)}.hero__cta--secondary:hover{background:#f0a5001f}.projects-page{padding-top:calc(var(--navbar-height) + 2rem);min-height:calc(100vh - var(--navbar-height))}.projects-page .card__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.projects-page .card__link{display:inline-block;margin-top:1rem;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-ridge)}.projects-page .card__link:hover{color:var(--color-alpine)}.contact-page{padding-top:calc(var(--navbar-height) + 2rem);padding-bottom:var(--section-padding-y);min-height:calc(100vh - var(--navbar-height));max-width:var(--container-max-width);margin:0 auto;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.contact__content{max-width:36rem;margin:0 auto}.contact__info{margin:0;display:flex;flex-direction:column;gap:1rem}.contact__info-row{display:grid;grid-template-columns:7rem 1fr;gap:.5rem 1.5rem;align-items:baseline}.contact__info-row dt{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin:0}.contact__info-row dd{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);margin:0}.contact__info-row a{color:var(--color-ridge)}.contact__info-row a:hover{color:var(--color-alpine)}