:root{
  --bg:#f7f5f0;--surface:#fff;--text:#161616;--muted:#6b6b6b;--line:#dedbd3;
  --accent:#ff4d2e;--accent-2:#ff9a3d;--shadow:0 20px 60px rgba(0,0,0,.10);
}
body.dark{
  --bg:#101010;--surface:#191919;--text:#f4f2ed;--muted:#a8a8a8;--line:#303030;
  --shadow:0 20px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65;transition:.25s}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}
.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:"Space Grotesk";font-weight:700;display:flex;gap:10px;align-items:center}.brand span,.profile-mark{display:grid;place-items:center;background:var(--text);color:var(--bg);width:36px;height:36px;border-radius:10px}
.nav-links{display:flex;gap:25px;align-items:center;font-size:.9rem}.nav-links a:hover{color:var(--accent)}.theme-toggle,.nav-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px}.theme-toggle{width:38px;height:38px}.nav-toggle{display:none;padding:8px 11px}
.hero{padding:100px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 14px}.hero h1{font:700 clamp(2.8rem,6vw,5.5rem)/.98 "Space Grotesk";letter-spacing:-.05em;margin:0}.hero h1 span{color:var(--accent)}.hero-text{max-width:690px;color:var(--muted);font-size:1.08rem;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;border:1px solid var(--line);font-weight:700;cursor:pointer}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface)}.social-row{display:flex;gap:22px;margin-top:26px;color:var(--muted);font-size:.9rem}.social-row a:hover{color:var(--accent)}
.hero-card{min-height:480px;border:1px solid var(--line);border-radius:30px;background:var(--surface);position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:flex-end;padding:35px}.hero-card:before{content:"";position:absolute;width:280px;height:280px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;top:-70px;right:-80px;opacity:.9}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-one{width:330px;height:330px;left:-120px;top:60px}.orbit-two{width:210px;height:210px;left:-60px;top:120px}.profile-mark{position:absolute;top:55px;left:55px;width:110px;height:110px;border-radius:28px;font:700 2.3rem "Space Grotesk";background:var(--text);color:var(--bg)}.hero-card-content{position:relative;z-index:2}.hero-card-content h2{font:700 2.4rem "Space Grotesk";margin:15px 0 8px}.hero-card-content p{color:var(--muted);max-width:360px}.status-dot{display:inline-block;width:9px;height:9px;background:#38b66f;border-radius:50%;margin-right:7px}.floating-tag{position:absolute;background:var(--bg);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:.78rem;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.08)}.tag-one{right:40px;top:160px}.tag-two{right:100px;top:210px}.tag-three{right:35px;top:265px}
.section{padding:100px 0}.section-alt{background:var(--surface)}.two-col,.journey-grid,.case-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-heading h2{font:700 clamp(2.2rem,4vw,3.7rem)/1.05 "Space Grotesk";letter-spacing:-.04em;margin:0 0 22px}.section-heading>p:not(.eyebrow),.about-copy p{color:var(--muted)}.about-copy>p:first-child{font-size:1.25rem;color:var(--text)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:35px;padding-top:25px;gap:18px}.stats strong{font:700 2rem "Space Grotesk";display:block}.stats span{color:var(--muted);font-size:.78rem}
.centered{text-align:center;max-width:700px;margin:0 auto 50px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-card{border:1px solid var(--line);padding:28px;border-radius:18px;background:var(--bg)}.skill-card span{font-size:.75rem;color:var(--accent);font-weight:800}.skill-card h3{font:700 1.35rem "Space Grotesk";margin:18px 0 8px}.skill-card p{color:var(--muted);font-size:.9rem}.skill-bar{height:4px;background:var(--line);margin-top:22px;border-radius:5px}.skill-bar i{display:block;height:100%;background:var(--accent);border-radius:5px}
.project-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.project-heading>p{max-width:370px;color:var(--muted);font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.project-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.15fr .85fr}.project-image{min-height:260px;background:linear-gradient(135deg,#222,#555);position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;opacity:.8}.project-image span{position:absolute;left:20px;top:20px;background:var(--bg);padding:5px 9px;border-radius:8px;font-weight:800;font-size:.75rem}.project-body{padding:30px}.project-type{font-size:.7rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.project-body h3{font:700 1.7rem "Space Grotesk";margin:10px 0}.project-body p{color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.chips b{font-size:.7rem;border:1px solid var(--line);padding:5px 9px;border-radius:7px}
.timeline{border-left:1px solid var(--line);padding-left:30px}.timeline-item{display:grid;grid-template-columns:40px 1fr;gap:18px;margin-bottom:36px;position:relative}.timeline-item:before{content:"";position:absolute;left:-35px;top:8px;width:9px;height:9px;background:var(--accent);border-radius:50%}.timeline-item span{font-size:.75rem;color:var(--accent);font-weight:800}.timeline-item h3{font:700 1.35rem "Space Grotesk";margin:0 0 7px}.timeline-item p{color:var(--muted);margin:0}
.case-study{background:var(--text);color:var(--bg)}.case-study .eyebrow{color:var(--accent-2)}.case-study p{color:color-mix(in srgb,var(--bg) 68%,transparent)}.case-study strong{color:var(--bg)}.case-number{font:700 clamp(2.8rem,6vw,5rem)/.9 "Space Grotesk";letter-spacing:-.06em}.case-number strong{color:var(--accent)}
.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:30px}.contact-links a{font-weight:700}.contact-links a:hover{color:var(--accent)}.contact-form{border:1px solid var(--line);background:var(--surface);padding:30px;border-radius:20px}.contact-form label{display:block;font-size:.82rem;font-weight:700;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px;border-radius:9px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.form-note{font-size:.85rem;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:25px 0}.footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.82rem}.footer a{color:var(--text);font-weight:700}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
code{font-family:monospace;color:var(--accent)}
@media(max-width:850px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--surface);padding:20px 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero-grid,.two-col,.journey-grid,.case-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:65px}.hero-card{min-height:390px}.skills-grid{grid-template-columns:1fr 1fr}.project-card.featured{grid-column:span 1;display:block}.project-heading{display:block}.project-heading>p{margin-top:15px}.section{padding:75px 0}}
@media(max-width:560px){.hero h1{font-size:2.8rem}.hero-card{min-height:360px;padding:25px}.profile-mark{left:30px;top:35px}.floating-tag{display:none}.stats,.skills-grid,.projects-grid,.form-row{grid-template-columns:1fr}.footer{flex-direction:column}.social-row{flex-wrap:wrap}.section-heading h2{font-size:2.5rem}}