@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@400;600;700&display=swap";:root{--bg: #fff8ef;--text: #1a1713;--muted: #5e5347;--card: rgba(255, 255, 255, .78);--line: rgba(26, 23, 19, .12);--accent: #ee6f2d;--accent-2: #0f8f80}:root[data-theme=dark]{--bg: #0a1018;--text: #f2f6fb;--muted: #b7c0cf;--card: rgba(15, 22, 34, .72);--line: rgba(242, 246, 251, .12);--accent: #ff8552;--accent-2: #36c7b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.bg-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;--dynamic-grid: transparent;--dynamic-glow: transparent;--pointer-x: 50%;--pointer-y: 50%}.orb{position:absolute;filter:blur(46px);opacity:.3;border-radius:999px;animation:float 14s ease-in-out infinite}.orb-1{width:36vw;height:36vw;background:linear-gradient(120deg,var(--accent),transparent 70%);top:-10vw;left:-8vw}.orb-2{width:30vw;height:30vw;background:linear-gradient(120deg,var(--accent-2),transparent 70%);top:16vw;right:-9vw;animation-delay:-3s}.orb-3{width:28vw;height:28vw;background:linear-gradient(40deg,#ffcc70,transparent 75%);bottom:-8vw;left:36%;animation-delay:-6s}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in oklab,var(--line),var(--dynamic-grid) 18%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--line),var(--dynamic-grid) 18%) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 24%,transparent 95%);mask-image:radial-gradient(circle at center,black 24%,transparent 95%);opacity:.24;transition:opacity .22s ease}.grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),color-mix(in oklab,var(--dynamic-glow),transparent 72%),transparent 45%);opacity:0;transition:opacity .18s ease}.bg-wrap.bg-active .grid-overlay{opacity:.52}.bg-wrap.bg-active .grid-glow{opacity:.72}.page-shell{max-width:1120px;margin:0 auto;padding:1.2rem}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card);border:1px solid var(--line);border-radius:18px}.header{position:sticky;top:12px;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.8rem 1rem;z-index:20}.brand{font-family:Sora,sans-serif;font-weight:700;letter-spacing:1px}.nav-list{display:flex;gap:1rem;flex-wrap:wrap}.nav-item{font-size:.95rem;color:var(--muted)}.nav-item:hover,.social-row a:hover,.contact-grid a:hover{color:var(--accent)}.theme-btn{border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;cursor:pointer;background:transparent;color:var(--text)}main{padding:2rem 0 4rem;display:grid;gap:4.5rem}.hero{min-height:68vh;display:grid;align-content:center;gap:.8rem}.eyebrow,.section-title p{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:600;font-size:.75rem}.hero h1{font-family:Sora,sans-serif;margin:0;font-size:clamp(2.2rem,7vw,4.6rem)}.hero h3{margin:0;font-size:clamp(1.2rem,2.6vw,1.8rem);color:var(--accent-2)}.hero-text{max-width:780px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.6rem}.btn{border-radius:999px;padding:.7rem 1.1rem;border:1px solid transparent;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{border-color:var(--line)}.social-row{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);margin-top:.75rem}.section{display:grid;gap:1.3rem}.section-title h2{margin:.15rem 0 0;font-family:Sora,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem)}.feature-grid,.portfolio-grid,.blog-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.card,.project-card,.skills-box,.timeline-block{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem}.feature-grid .card,.testimonial-grid .card{grid-column:span 6}.card h3,.project-content h3{margin:0 0 .5rem}.card p,.project-content p,.timeline-item p{margin:0;color:var(--muted);line-height:1.55}.project-card{grid-column:span 4;overflow:hidden;padding:0;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.project-card:focus-visible,.project-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent),var(--line) 45%);box-shadow:0 14px 40px color-mix(in oklab,var(--accent),transparent 82%);outline:none}.project-card img{width:100%;height:210px;object-fit:cover;display:block}.project-content{padding:1rem;display:grid;gap:.5rem}.project-content span{font-size:.85rem;color:var(--accent-2)}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.skills-box{display:grid;gap:.9rem;align-content:start}.skill-row{display:grid;gap:.35rem}.skill-row div{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.bar-track{width:100%;height:8px;border-radius:999px;background:color-mix(in oklab,var(--line),transparent 20%)}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.tag-group h4{margin:.7rem 0 .5rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tags span{border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.83rem}.timeline-grid{display:grid;gap:1rem}.timeline-block h3{margin-top:0}.timeline-item{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem}.time{color:var(--accent-2)!important;font-weight:600}.person-row{display:flex;gap:.7rem;align-items:center;margin-bottom:.7rem}.person-row img{width:52px;height:52px;border-radius:50%;object-fit:cover}.contact-box{gap:1.4rem}.contact-box h2{margin:0;font-family:Sora,sans-serif}.contact-layout{display:grid;grid-template-columns:4fr 8fr;gap:1rem}.contact-profile,.contact-form{padding:1.1rem;border-radius:20px}.contact-image-wrap{border-radius:14px;overflow:hidden;height:220px}.contact-image{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.contact-profile:hover .contact-image{transform:scale(1.06)}.contact-profile-body{padding-top:.9rem;display:grid;gap:.8rem}.contact-profile-body h3{margin:0;font-family:Sora,sans-serif;font-size:1.35rem}.contact-role{margin:0;color:var(--accent-2);font-weight:600}.contact-profile-body p{margin:0;color:var(--muted);line-height:1.6}.contact-highlights{display:flex;flex-wrap:wrap;gap:.45rem}.contact-highlights span{border:1px solid var(--line);border-radius:999px;padding:.3rem .62rem;font-size:.77rem;color:color-mix(in oklab,var(--text),var(--muted) 44%)}.contact-links{display:grid;gap:.55rem}.contact-links a,.social-pill{border:1px solid var(--line);border-radius:12px;padding:.62rem .75rem;font-size:.92rem;transition:border-color .2s ease,transform .2s ease,color .2s ease}.contact-links a{display:grid;gap:.22rem}.contact-links a strong{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.contact-links a small{font-size:.9rem;color:var(--text)}.contact-links a:hover,.social-pill:hover{border-color:color-mix(in oklab,var(--accent),var(--line) 50%);color:var(--accent);transform:translateY(-2px)}.find-me{margin:.3rem 0 0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.contact-socials{display:flex;flex-wrap:wrap;gap:.5rem}.social-pill{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:12px;background:color-mix(in oklab,var(--card),transparent 10%)}.social-pill svg{width:16px;height:16px;fill:currentColor}.contact-form-header{margin-bottom:.85rem;padding:.85rem;border-radius:14px;border:1px solid color-mix(in oklab,var(--line),var(--accent) 22%);background:linear-gradient(120deg,color-mix(in oklab,var(--accent),transparent 88%),color-mix(in oklab,var(--accent-2),transparent 90%))}.contact-form-header h3{margin:0;font-family:Sora,sans-serif}.contact-form-header p{margin:.35rem 0 0;color:var(--muted)}.field-row{display:grid;gap:.75rem;margin-bottom:.9rem}.field-row.two-col{grid-template-columns:1fr 1fr;gap:.75rem}.contact-form label{display:grid;gap:.38rem}.contact-form span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.7rem .78rem;background:color-mix(in oklab,var(--card),transparent 12%);color:var(--text);font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:color-mix(in oklab,var(--accent),var(--line) 36%);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 84%)}.contact-submit{width:100%;border:0;border-radius:12px;padding:.84rem 1rem;font:inherit;font-weight:700;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent-2),white 10%));color:#fff;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in oklab,var(--accent),transparent 75%)}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,18px,0)}}@media (max-width: 980px){.nav-list{display:none}.resume-grid{grid-template-columns:1fr}.project-card{grid-column:span 6}.contact-layout{grid-template-columns:1fr}}@media (max-width: 720px){.feature-grid .card,.project-card,.testimonial-grid .card{grid-column:span 12}.header{top:0;border-radius:0}.page-shell{padding:.7rem}main{gap:3rem}.field-row.two-col{grid-template-columns:1fr}}