@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f7f3ee;--bg-elevated: #fff9f0;--text: #1f1b16;--muted: #5a4f46;--accent: #1e5b4f;--accent-strong: #1a3f37;--accent-warm: #cc6b2c;--border: #e4d9cb;--card: #fffdf9;--shadow: 0 20px 50px rgba(31, 27, 22, .08);--background-gradient: radial-gradient(circle at top, rgba(204, 108, 44, .202), transparent 60%);--hero-bg: #f5f1e8;--hero-sun: rgba(255, 214, 140, .55);--hero-haze: rgba(120, 190, 160, .22)}html[data-theme=dark]{color-scheme:dark;--bg: #11110f;--bg-elevated: #191816;--text: #f2eee8;--muted: #b3a89e;--accent: #74b28d;--accent-strong: #4e7f62;--accent-warm: #d68b5b;--border: #2e2b28;--card: #1b1a18;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--background-gradient: radial-gradient(circle at top, rgba(214, 138, 91, .317), transparent 60%);--hero-bg: #151510;--hero-sun: rgba(212, 166, 92, .35);--hero-haze: rgba(70, 120, 120, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{display:flex;flex-direction:column;min-height:100vh}.top-anchor{height:0;width:0;overflow:hidden}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent-warm);color:var(--text);padding:.75rem 1rem;border-radius:999px;z-index:999}.skip-link:focus{left:1rem;top:1rem}.hero-background{width:100%;margin-left:0;background:var(--bg)}.content-background{width:100%;background:var(--bg);background-image:var(--background-gradient);background-attachment:fixed}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(247,243,238,.7);border-bottom:1px solid var(--border)}html[data-theme=dark] .site-header{background:rgba(17,17,15,.7)}.header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:600}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.brand-name{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.site-nav{display:flex;gap:1.25rem;font-size:.95rem}.site-nav a{color:var(--muted);transition:color .2s ease}.site-nav a:hover{color:var(--text)}.header-actions{display:inline-flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--muted)}.theme-label{display:inline-flex;align-items:center;justify-content:center;width:2rem;text-align:right}.theme-icon{transition:opacity .18s ease,transform .18s ease}.theme-icon.is-active{opacity:1;transform:translateY(0) scale(1)}.theme-icon.is-inactive{opacity:0;transform:translateY(2px) scale(.96)}.theme-switch{width:46px;height:26px;background:var(--border);border-radius:999px;position:relative;border:none;cursor:pointer}.theme-switch-thumb{display:block;width:20px;height:20px;background:var(--card);border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s ease;box-shadow:0 2px 6px #0003}.theme-switch[data-state=checked] .theme-switch-thumb{transform:translate(20px);background:var(--accent-warm)}.section{padding:4rem 1.5rem 1rem;max-width:1200px;margin:0 auto;scroll-margin-top:1rem}.section-header{display:grid;gap:.75rem;margin-bottom:2.5rem}.section-header h2{font-family:Fraunces,Times New Roman,serif;font-size:clamp(2rem,3vw,2.8rem);margin:0}.section-header p{color:var(--muted);max-width:620px;margin:0}.hero{padding-top:6rem;padding-bottom:6rem;background:var(--hero-bg);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-140px;right:-120px;width:360px;height:360px;background:var(--hero-sun);border-radius:50%;filter:blur(10px);opacity:.9;pointer-events:none;animation:heroFloat 18s ease-in-out infinite;animation-delay:-6s}.hero:after{content:"";position:absolute;bottom:-220px;left:-180px;width:420px;height:420px;background:var(--hero-haze);border-radius:50%;filter:blur(30px);opacity:.8;pointer-events:none;animation:heroFloatReverse 22s ease-in-out infinite;animation-delay:-11s}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.6;animation:heroFloat 24s ease-in-out infinite}.hero-orb.orb-a{width:260px;height:260px;top:10%;left:8%;background:var(--hero-sun);animation-duration:26s;animation-delay:-9s}.hero-orb.orb-b{width:200px;height:200px;bottom:12%;right:18%;background:var(--hero-haze);animation-name:heroFloatReverse;animation-duration:30s;animation-delay:-15s}.hero-orb.orb-c{width:140px;height:140px;top:55%;right:45%;background:var(--hero-sun);opacity:.45;animation-duration:22s;animation-delay:-4s}@keyframes heroFloat{0%{transform:translate(0) scale(.78)}35%{transform:translate(-26px,16px) scale(1.32)}70%{transform:translate(-10px,-6px) scale(1.18)}to{transform:translate(0) scale(.78)}}@keyframes heroFloatReverse{0%{transform:translate(0) scale(1.28)}45%{transform:translate(28px,-18px) scale(.7)}80%{transform:translate(8px,10px) scale(1.38)}to{transform:translate(0) scale(1.28)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:start}.hero-copy h1{font-family:Fraunces,Times New Roman,serif;font-size:clamp(3.2rem,5vw,4.8rem);margin:0 0 1rem;display:flex;flex-direction:column}.hero-name{display:inline-flex;align-items:baseline;gap:.2rem;min-height:1.2em}.typing-cursor{display:inline-block;width:.5rem;height:1.3em;background:var(--accent-warm);border-radius:2px;transform:translateY(.3em);animation:typingBlink 1s steps(1) infinite}.typing-error{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);border-radius:4px;padding:0 .2rem}.hero-copy h1 span{color:var(--muted);font-weight:400}.hero-role{font-size:clamp(1.15rem,1.6vw,1.45rem)}@keyframes typingBlink{0%,49%{opacity:1}50%,to{opacity:0}}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--accent-warm);margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;color:var(--muted);max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{padding:.7rem 1.4rem;border-radius:999px;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.button.ghost{border-color:var(--border);color:var(--text);background:transparent}.button-github{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.button-github:hover{background-image:linear-gradient(135deg,#24292f 0%,#57606a 100%);color:#fff}.button-linkedin{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.button-linkedin:hover{background-image:linear-gradient(135deg,#0a66c2 0%,#33a1ff 100%);color:#fff}.button:hover{transform:translateY(-2px)}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.about-bubble{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.5rem}.spotlight-copy p{margin-top:0;color:var(--muted)}.photo-carousel{display:flex;flex-direction:column;gap:1rem}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:12px;background:var(--bg-elevated);aspect-ratio:1}.carousel-track{position:relative;width:100%;height:100%}.carousel-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem}.carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.carousel-image.slide-in-right{animation:slideInRight .5s ease-in-out forwards;z-index:2}.carousel-image.slide-in-left{animation:slideInLeft .5s ease-in-out forwards;z-index:2}.carousel-image.slide-out-left{animation:slideOutLeft .5s ease-in-out forwards;z-index:1}.carousel-image.slide-out-right{animation:slideOutRight .5s ease-in-out forwards;z-index:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);color:#fff;border:none;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:.6}.carousel-container:hover .carousel-button{opacity:1}.carousel-button:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.carousel-indicators{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.indicator{width:.5rem;height:.5rem;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all .2s}.indicator.active{background:var(--accent);width:1.5rem;border-radius:.25rem}.indicator:hover{background:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.github .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;display:grid;gap:1.2rem;min-height:220px;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px #1f1b161f}html[data-theme=dark] .project-card:hover{box-shadow:0 25px 60px #0006}.project-card h3{margin:0 0 .5rem;font-size:1.2rem}.project-card p{margin:0;color:var(--muted)}.project-meta{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--muted);gap:1rem}.live-button{padding:.4rem .8rem;border:1px solid var(--accent);border-radius:6px;color:var(--accent);text-decoration:none;font-size:.8rem;font-weight:500;cursor:pointer;display:inline-block;transition:background .2s,color .2s}.live-button:hover{background:var(--accent);color:var(--card)}.live-button:focus{outline:2px solid var(--accent);outline-offset:2px}.text-link{color:var(--accent);font-weight:600}.feed-controls{display:flex;gap:.75rem;margin-bottom:1.5rem}.pill{border-radius:999px;padding:.5rem 1.2rem;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.status{color:var(--muted)}.status.error{color:var(--accent-warm)}.site-footer{padding:4rem 1.5rem 5rem;background:var(--bg-elevated);border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;display:grid;gap:2rem;align-items:center;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer-inner h2{font-family:Fraunces,Times New Roman,serif;margin:0 0 .75rem}.footer-links{display:grid;gap:.5rem;justify-items:start}.footer-note{color:var(--muted);font-size:.85rem}.lists-grid{display:grid;gap:2.5rem}.list-section{padding:1.5rem 0;border-bottom:1px solid var(--border)}.list-section:last-child{border-bottom:none}.list-section h3{margin:0 0 .5rem;font-size:1.6rem;font-family:Fraunces,Times New Roman,serif}.list-desc{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.list-section .card-grid{margin-top:1rem}.list-section .project-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:600}@media (max-width: 1200px){.github .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.site-nav{display:none}.hero-panel{justify-content:flex-start}.spotlight-grid,.github .card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto;transition:none!important}.hero:before,.hero:after,.hero-orb{animation:none!important}}