:root{--bg:#070b16;--panel:#0f172a;--panel2:#111c32;--text:#f8fafc;--muted:#a8b3c7;--line:rgba(255,255,255,.1);--accent:#7c3aed;--accent2:#06b6d4;--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(124,58,237,.16),transparent 32%),var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;position:relative;z-index:10}.brand{font-size:1.45rem;font-weight:900}.brand span,.eyebrow,.project-card span{color:#67e8f9}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--muted)}.nav-links a:hover{color:white}.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}.section-shell{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px;padding-top:50px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;margin:0 0 14px}.hero h1,.page-main h1{font-size:clamp(2.9rem,7vw,6.2rem);line-height:.96;letter-spacing:-.055em;margin:0}.hero .lead,.lead{color:var(--muted);font-size:1.16rem;max-width:690px}.hero-art,.profile-image{border-radius:var(--radius);box-shadow:0 35px 90px rgba(0,0,0,.4)}.actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:800}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.ghost{border:1px solid var(--line)}.stats{display:flex;gap:34px;margin-top:40px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:1.35rem}.stats span{font-size:.84rem;color:var(--muted)}.section-block{padding-top:110px;padding-bottom:110px}.section-block h2,.contact-panel h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 28px}.card-grid{display:grid;gap:20px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid var(--line);padding:30px;border-radius:var(--radius)}.card h3{font-size:1.25rem}.card p,.project-card p,.split p,.contact-panel p{color:var(--muted)}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(124,58,237,.18);font-size:1.35rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading a{color:#67e8f9}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.project-card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.project-card:hover{transform:translateY(-5px);border-color:rgba(103,232,249,.4)}.project-card img{aspect-ratio:16/10;object-fit:cover}.project-card div{padding:22px}.project-card h3{margin:.35rem 0}.project-card p{margin:0}.project-card[hidden]{display:none}.split{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.skill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.skill-list span,.filter{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:8px 12px;border-radius:999px;color:var(--muted)}.contact-panel{margin-top:90px;margin-bottom:90px;padding-top:54px;padding-bottom:54px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(6,182,212,.12));border:1px solid var(--line);border-radius:32px;display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer{max-width:var(--max);margin:auto;padding:30px 24px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.page-main{padding-top:90px;padding-bottom:100px}.narrow{max-width:720px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.filter{cursor:pointer}.filter.active{color:white;border-color:#67e8f9}
@media(max-width:850px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:24px;right:24px;top:70px;flex-direction:column;padding:20px;background:#0b1222;border:1px solid var(--line);border-radius:18px}.nav-links.open{display:flex}.hero,.split{grid-template-columns:1fr}.hero{padding-top:70px}.hero-art{order:-1}.card-grid.three,.project-grid{grid-template-columns:1fr}.section-heading,.contact-panel{align-items:flex-start;flex-direction:column}.stats{gap:18px;flex-wrap:wrap}.site-footer{flex-direction:column;gap:8px}}

.dynamic-section{padding-top:90px;padding-bottom:90px}.section-hero,.section-content{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;min-height:72vh}.section-hero h1,.page-main h1,.project-detail h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.96;letter-spacing:-.055em;margin:0 0 24px}.section-copy h2,.section-projects h2,.section-cta h2,.detail-grid h2,.gallery h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.section-image,.project-cover{width:100%;border-radius:var(--radius);border:1px solid var(--line)}.section-projects{display:block}.section-cta{margin-top:70px;margin-bottom:70px;padding:55px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(6,182,212,.12));border:1px solid var(--line);border-radius:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.rich-text{color:var(--muted);font-size:1.05rem}.empty{padding:24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.project-detail{padding-top:90px;padding-bottom:100px}.project-cover{margin:45px 0}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px}.detail-grid aside{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;height:max-content}.detail-grid dt{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.detail-grid dd{margin:0 0 20px}.gallery{margin-top:70px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:55px}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.stack{display:grid;gap:16px}.stack label{display:grid;gap:7px;color:var(--muted)}.stack input,.stack textarea{width:100%;border:1px solid var(--line);background:#080d19;color:white;border-radius:12px;padding:12px 14px;font:inherit}.notice{padding:14px 16px;border-radius:12px;margin-bottom:16px}.success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35)}.error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35)}
@media(max-width:850px){.section-hero,.section-content,.detail-grid,.contact-page{grid-template-columns:1fr}.section-cta{align-items:flex-start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}}