:root{--bg: #080a09;--surface: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .26);--text: #f7f5ef;--muted: #b8b8ad;--soft: #7f8378;--mint: #6ef3c5;--sky: #74c7ff;--coral: #ff8a63;--amber: #ffc857;--violet: #bca6ff;--lime: #d2f56f;--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(135deg,#080a09,#10120e 46%,#16110f);background-size:54px 54px,54px 54px,100% 100%;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.portfolio-shell{min-height:100vh;position:relative}.portfolio-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(110,243,197,.09),transparent 32%),linear-gradient(290deg,rgba(255,138,99,.08),transparent 38%);mix-blend-mode:screen;opacity:.75;z-index:-1}.site-nav{align-items:center;display:flex;justify-content:space-between;left:0;padding:22px 7vw;position:fixed;right:0;top:0;transition:background .22s ease,border-color .22s ease,padding .22s ease;z-index:20}.site-nav.is-scrolled{background:#080a09d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding-block:14px}.brand-mark{align-items:center;display:inline-flex;gap:12px;text-decoration:none}.brand-mark span{align-items:center;background:var(--text);border-radius:8px;color:var(--bg);display:inline-flex;font-size:.78rem;font-weight:900;height:38px;justify-content:center;width:38px}.brand-mark strong{font-size:.98rem;letter-spacing:0}.nav-links{align-items:center;display:flex;gap:8px;list-style:none}.nav-links a{border:1px solid transparent;border-radius:999px;color:var(--muted);display:inline-flex;font-size:.94rem;font-weight:700;padding:10px 14px;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease}.nav-links a:hover,.nav-links a.is-active{background:#ffffff14;border-color:var(--line);color:var(--text)}.menu-toggle{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer;display:none;height:42px;justify-content:center;position:relative;width:42px}.menu-toggle span{background:var(--text);border-radius:999px;height:2px;position:absolute;transition:transform .18s ease;width:18px}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle.is-open span:first-child{transform:rotate(45deg)}.menu-toggle.is-open span:last-child{transform:rotate(-45deg)}.hero-section{display:grid;gap:56px;grid-template-columns:minmax(0,1.03fr) minmax(360px,.72fr);margin:0 auto;max-width:1220px;min-height:92svh;padding:132px 28px 58px;width:100%}.hero-copy{align-self:center;grid-column:1;grid-row:1}.eyebrow{color:var(--mint);font-size:.78rem;font-weight:900;letter-spacing:0;margin-bottom:16px;text-transform:uppercase}.hero-copy h1{font-size:5.4rem;letter-spacing:0;line-height:.94;max-width:760px}.hero-lede{color:var(--muted);font-size:1.18rem;line-height:1.75;margin-top:28px;max-width:660px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{align-items:center;border-radius:999px;display:inline-flex;font-weight:900;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.primary-button{background:var(--text);box-shadow:0 14px 34px #6ef3c529;color:var(--bg)}.ghost-button{background:#ffffff0f;border:1px solid var(--line);color:var(--text)}.ghost-button:hover{background:#ffffff1f}.hero-meta{border-top:1px solid var(--line);display:grid;gap:22px;grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;max-width:720px;padding-top:24px}.hero-meta strong{display:block;font-size:1.4rem}.hero-meta span{color:var(--muted);display:block;font-size:.92rem;line-height:1.45;margin-top:6px}.hero-visual,.focus-card,.project-card{--pointer-x: 50%;--pointer-y: 50%;overflow:hidden;position:relative}.hero-visual:before,.focus-card:before,.project-card:before{background:radial-gradient(360px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.16),transparent 42%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .22s ease}.hero-visual:hover:before,.focus-card:hover:before,.project-card:hover:before{opacity:1}.hero-visual{align-self:center;background:linear-gradient(180deg,#ffffff1a,#ffffff09),#ffffff0a;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-height:560px;padding:14px;grid-column:2;grid-row:1 / span 2}.visual-image{aspect-ratio:4 / 5;border-radius:8px;min-height:420px;overflow:hidden}.visual-image img{height:100%;object-fit:cover;width:100%}.build-card{background:#080a09c7;border:1px solid var(--line);border-radius:8px;bottom:88px;left:30px;padding:18px;position:absolute;right:30px}.build-label{color:var(--coral);display:block;font-size:.75rem;font-weight:900;margin-bottom:8px;text-transform:uppercase}.build-card strong{display:block;font-size:1.15rem;margin-bottom:8px}.build-card p{color:var(--muted);font-size:.92rem;line-height:1.55}.signal-list{bottom:22px;display:flex;gap:8px;left:22px;position:absolute;right:22px}.signal-list span{background:#ffffff1a;border:1px solid var(--line);border-radius:999px;color:var(--text);flex:1;font-size:.78rem;font-weight:800;min-width:0;padding:10px;text-align:center}.section-band{margin:0 auto;max-width:1220px;padding:92px 28px;width:100%}.compact-section{padding-top:70px}.section-heading{margin-bottom:34px;max-width:780px}.section-heading h2,.contact-content h2{font-size:3rem;letter-spacing:0;line-height:1.08}.split-heading{align-items:end;display:flex;gap:28px;justify-content:space-between;max-width:none}.focus-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:250px;padding:24px;transition:border-color .18s ease,transform .18s ease,background .18s ease}.focus-card:hover{background:var(--surface-strong);border-color:var(--line-strong);transform:translateY(-5px)}.focus-index{color:var(--soft);display:block;font-size:.82rem;font-weight:900;margin-bottom:44px}.focus-card h3{font-size:1.35rem;margin-bottom:14px}.focus-card p{color:var(--muted);line-height:1.68}.skills-cloud{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.skill-pill{align-items:center;background:#ffffff0f;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;min-height:70px;padding:16px 18px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.skill-pill:hover{background:#ffffff1f;border-color:var(--line-strong);transform:translateY(-3px)}.skill-pill strong{font-size:1rem}.skill-pill small{color:var(--soft);font-weight:900}.filter-tabs{background:#ffffff0f;border:1px solid var(--line);border-radius:999px;display:flex;gap:4px;padding:5px}.filter-tabs button{background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.9rem;font-weight:900;min-height:38px;padding:0 14px;transition:background .18s ease,color .18s ease}.filter-tabs button:hover,.filter-tabs button.is-active{background:var(--text);color:var(--bg)}.projects-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:#ffffff0e;border:1px solid var(--line);border-radius:8px;min-height:100%;transition:border-color .18s ease,transform .18s ease,background .18s ease}.project-card:hover{background:#ffffff17;border-color:var(--line-strong);transform:translateY(-6px)}.project-preview{align-items:end;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--accent),transparent 58%),linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),#151713;background-size:100% 100%,32px 32px,32px 32px,100% 100%;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:18px;position:relative}.project-preview span{background:#00000057;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.78rem;font-weight:900;padding:8px 10px}.project-preview div{border:1px solid rgba(255,255,255,.22);border-radius:8px;height:58%;position:relative;width:46%}.project-preview div:before,.project-preview div:after{background:#ffffff47;content:"";height:1px;left:14px;position:absolute;right:14px}.project-preview div:before{top:17px}.project-preview div:after{top:32px}.accent-mint{--accent: rgba(110, 243, 197, .58)}.accent-sky{--accent: rgba(116, 199, 255, .58)}.accent-coral{--accent: rgba(255, 138, 99, .62)}.accent-amber{--accent: rgba(255, 200, 87, .62)}.accent-violet{--accent: rgba(188, 166, 255, .6)}.accent-lime{--accent: rgba(210, 245, 111, .6)}.project-content{padding:22px}.project-title-row{align-items:start;display:flex;gap:16px;justify-content:space-between}.project-title-row h3{font-size:1.22rem;line-height:1.22}.project-title-row>span{color:var(--soft);font-size:.78rem;font-weight:900}.project-content p{color:var(--muted);line-height:1.65;margin-top:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag-row span{background:#ffffff12;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800;padding:7px 10px}.project-content a{align-items:center;color:var(--text);display:inline-flex;font-weight:900;gap:10px;margin-top:24px;text-decoration:none}.project-content a span{align-items:center;background:var(--text);border-radius:999px;color:var(--bg);display:inline-flex;font-size:1rem;height:24px;justify-content:center;transition:transform .18s ease;width:24px}.project-content a:hover span{transform:rotate(90deg)}.contact-section{margin:0 auto;max-width:1220px;padding:92px 28px 70px;width:100%}.contact-content{background:linear-gradient(135deg,rgba(110,243,197,.12),transparent 42%),linear-gradient(290deg,rgba(255,138,99,.1),transparent 46%),#ffffff0f;border:1px solid var(--line);border-radius:8px;padding:42px}.contact-content p:not(.eyebrow){color:var(--muted);font-size:1.06rem;line-height:1.7;margin-top:16px;max-width:710px}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--soft);display:flex;font-size:.9rem;gap:16px;justify-content:space-between;margin:0 auto;max-width:1220px;padding:24px 28px 34px}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1040px){.hero-section{grid-template-columns:1fr;min-height:auto}.hero-copy,.hero-meta,.hero-visual{grid-column:1;grid-row:auto}.hero-visual{max-width:620px}.focus-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-cloud{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.site-nav{padding:16px 20px}.menu-toggle{display:inline-flex}.nav-links{align-items:stretch;background:#080a09f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:6px;opacity:0;padding:10px;pointer-events:none;position:absolute;right:20px;top:70px;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;width:min(280px,calc(100vw - 40px))}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{justify-content:center;padding:12px;width:100%}.hero-section{gap:34px;padding:104px 20px 38px}.hero-copy h1{font-size:3.4rem;line-height:1}.hero-lede{font-size:1.05rem}.hero-meta{grid-template-columns:1fr;margin-top:0}.hero-visual{min-height:480px}.visual-image{min-height:350px}.build-card{bottom:82px;left:22px;right:22px}.signal-list{display:grid;grid-template-columns:1fr}.section-band,.contact-section{padding:64px 20px}.section-heading h2,.contact-content h2{font-size:2.2rem}.split-heading{align-items:start;flex-direction:column}.filter-tabs{border-radius:8px;flex-wrap:wrap;width:100%}.filter-tabs button{flex:1}.focus-grid,.projects-grid,.skills-cloud{grid-template-columns:1fr}.contact-content{padding:28px}.site-footer{align-items:start;flex-direction:column;padding-inline:20px}}@media(max-width:420px){.brand-mark strong{display:none}.hero-copy h1{font-size:2.8rem}.hero-actions,.hero-actions .button{width:100%}}