@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink-1: #162036;--ink-2: #425065;--bg-main: #f2ecdf;--bg-secondary: #f7f4ec;--panel: rgba(255, 255, 255, .74);--panel-strong: rgba(255, 255, 255, .93);--border-soft: rgba(22, 32, 54, .14);--border-strong: rgba(22, 32, 54, .24);--accent: #f05a28;--accent-2: #1c8fff;--shadow-soft: 0 18px 44px rgba(22, 32, 54, .13);--shadow-strong: 0 24px 60px rgba(22, 32, 54, .2)}[data-theme=dark]{--ink-1: #eef4ff;--ink-2: #b7c7e8;--bg-main: #0e1524;--bg-secondary: #18233b;--panel: rgba(22, 35, 58, .76);--panel-strong: rgba(26, 40, 66, .96);--border-soft: rgba(238, 244, 255, .14);--border-strong: rgba(238, 244, 255, .24);--accent: #ff8b57;--accent-2: #52bbff;--shadow-soft: 0 18px 44px rgba(0, 0, 0, .35);--shadow-strong: 0 24px 60px rgba(0, 0, 0, .52)}*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{position:relative;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink-1);background:radial-gradient(circle at 10% 5%,rgba(240,90,40,.14),transparent 38%),radial-gradient(circle at 84% 6%,rgba(28,143,255,.18),transparent 36%),linear-gradient(170deg,var(--bg-main),var(--bg-secondary));transition:background-color .26s ease,color .26s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(28,143,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,143,255,.06) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.55),transparent 88%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.55),transparent 88%);z-index:-1}#root{width:100%;min-height:100vh;font-size:18px}h1,h2,h3,h4{font-family:Sora,Avenir Next,Segoe UI,sans-serif;margin:0;letter-spacing:-.02em}p{margin:0;line-height:1.6;color:var(--ink-2)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.reveal{opacity:0;transform:translateY(24px);animation:reveal-up .74s cubic-bezier(.22,1,.36,1) forwards}.reveal.delay-1{animation-delay:.11s}.reveal.delay-2{animation-delay:.22s}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#home-div{width:100%;padding:1rem 1rem 3rem}#home-inner-div{display:grid;grid-template-columns:1fr;gap:1.2rem;width:100%;max-width:1120px;margin:0 auto}#home-intro-div{display:flex;flex-direction:column;gap:1rem;width:100%;padding:clamp(1.4rem,4vw,2.8rem);border:1px solid var(--border-soft);border-radius:28px;background:var(--panel);box-shadow:var(--shadow-soft)}.hero-kicker{display:inline-flex;align-self:flex-start;padding:.35rem .75rem;border-radius:999px;color:var(--ink-1);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#f05a282e,#1c8fff33)}#home-intro-div h1{font-size:clamp(2.1rem,8vw,4.1rem);line-height:1.03;max-width:16ch}.hero-summary{max-width:62ch}#hero-cta-group{display:flex;flex-wrap:wrap;gap:.7rem}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.62rem 1rem;border-radius:12px;font-size:.92rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.primary-cta{color:#fff;background:linear-gradient(120deg,var(--accent),#fa7f54);box-shadow:0 12px 30px #f05a284d}.secondary-cta{color:var(--ink-1);background:var(--panel-strong);border-color:var(--border-soft)}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}#home-content-div{display:grid;gap:.95rem;width:100%;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--border-soft);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-soft)}#featured-project-header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}#featured-project-header p{color:var(--ink-1);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}#featured-project-header span{color:var(--ink-2);font-weight:600;font-size:.9rem}#featured-project-div{width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);transition:transform .28s ease,box-shadow .28s ease}#featured-project-div:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong)}#featured-project-img{width:100%;height:auto;display:block;object-fit:cover}#see-more-link{display:flex;justify-content:flex-end}#see-more-link a{display:inline-flex;align-items:center;gap:.3rem;color:var(--ink-1);font-size:.9rem;font-weight:700}#highlights-div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.highlight-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.highlight-card h2{font-size:1.02rem}@media (max-width: 860px){#highlights-div{grid-template-columns:1fr}}@media (max-width: 620px){#home-div{padding:.6rem .75rem 2.2rem}#featured-project-header{flex-direction:column;align-items:flex-start;gap:.35rem}}#not-found-div{width:min(92%,760px);margin:3.5rem auto;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--border-soft);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.not-found-kicker{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-link{margin-top:.4rem;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem .95rem;color:#fff;font-size:.9rem;font-weight:700;border-radius:10px;background:linear-gradient(120deg,var(--accent),#fa7f54)}.toggle-theme-wrapper{display:inline-flex;align-items:center;gap:.35rem}.theme-label{color:var(--ink-2);font-size:.72rem;font-weight:700}.toggle-theme{position:relative;display:inline-flex;height:30px;width:52px}.toggle-theme input{position:absolute;opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#8091ad7a;border:1px solid var(--border-soft);cursor:pointer;transition:background-color .22s ease}.slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 6px 14px #00000047;transition:transform .22s ease}input:checked+.slider{background:linear-gradient(120deg,var(--accent),var(--accent-2))}input:checked+.slider:before{transform:translate(22px)}#checkbox:focus-visible+.slider{outline:2px solid var(--accent-2);outline-offset:2px}#navbar-div{position:sticky;top:0;z-index:20;width:100%;padding:1rem 1rem 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#navbar-inner-div{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:1120px;margin:0 auto;padding:.8rem 1rem;border:1px solid var(--border-soft);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}#brand{display:flex;align-items:center;gap:.8rem;min-width:0}#brand-copy{display:flex;flex-direction:column;line-height:1.2}#brand-name{color:var(--ink-1);font-family:Sora,Avenir Next,Segoe UI,sans-serif;font-size:.92rem;font-weight:700}#brand-role{color:var(--ink-2);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}#headshot-img{width:48px;height:48px;border-radius:14px;border:2px solid var(--accent-2);object-fit:cover;box-shadow:0 0 0 4px #1c8fff29}#navbar-links{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap}#navbar-links a{position:relative;padding:.35rem .2rem;color:var(--ink-1);font-size:.92rem;font-weight:600;letter-spacing:.02em}#navbar-links a:after{content:"";position:absolute;left:0;bottom:-.14rem;width:100%;height:2px;border-radius:99px;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;background:linear-gradient(90deg,var(--accent),var(--accent-2))}#navbar-links a:hover:after,#navbar-links a:focus-visible:after{transform:scaleX(1)}.nav-external-link{display:inline-flex;align-items:center;gap:.2rem;padding:.35rem .55rem!important;border-radius:999px;border:1px solid var(--border-soft);background:var(--panel-strong)}.nav-external-link:after{display:none}@media (max-width: 860px){#brand-role{display:none}}@media (max-width: 680px){#navbar-div{padding:.8rem .75rem 0}#navbar-inner-div{align-items:flex-start;flex-direction:column}#navbar-links{width:100%;justify-content:flex-start}}@media (max-width: 460px){#brand-name{font-size:.8rem}#headshot-img{width:44px;height:44px}}#footer-div{width:100%;padding:0 1rem 1.5rem}#footer-inner-div{width:100%;max-width:1120px;margin:0 auto;padding:1rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}#footer-links-div{display:flex;align-items:center;gap:.55rem}.footer-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--border-soft);background:var(--panel-strong);transition:transform .22s ease,border-color .22s ease}.footer-link:hover{transform:translateY(-2px);border-color:var(--accent-2)}.contact-icon{font-size:1rem}.footer-text{color:var(--ink-1);font-size:.9rem;font-weight:600}.footer-meta{font-size:.85rem}@media (max-width: 620px){#footer-div{padding:0 .75rem 1rem}#footer-inner-div{justify-content:center;text-align:center}}#layout-div{display:flex;flex-direction:column;width:100%;min-height:100vh;justify-content:space-between;gap:1.5rem}.project-div{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--border-soft);border-radius:22px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow-soft);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.project-div:hover{transform:translateY(-8px);border-color:var(--accent-2);box-shadow:var(--shadow-strong)}.project-image-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--border-soft);background:linear-gradient(135deg,#1c8fff26,#f05a2824)}.project-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.project-div:hover .project-img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem;flex:1}.project-title{font-size:1.1rem}.project-description{font-size:.95rem}.project-cta{margin-top:auto;display:inline-flex;align-items:center;gap:.2rem;color:var(--accent);font-size:.9rem;font-weight:700}#projects-page{width:100%;padding:1rem 1rem 3rem}#projects-header{width:100%;max-width:1120px;margin:0 auto 1rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--border-soft);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-soft)}.projects-kicker{margin-bottom:.25rem;color:var(--ink-1);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}#projects-header h1{margin-bottom:.5rem;font-size:clamp(1.8rem,4vw,2.8rem)}#projects-div{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem}@media (max-width: 620px){#projects-page{padding:.6rem .75rem 2.2rem}}#about-div{width:min(92%,980px);margin:0 auto 3rem;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--border-soft);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.7rem}.about-kicker{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}