:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f8fafc;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--text: #0f172a;--muted: #475569;--line: rgba(15, 23, 42, .08);--accent: #163c7a;--accent-soft: rgba(22, 60, 122, .08);--shadow: 0 24px 80px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(22,60,122,.08),transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,a{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}#root{width:100%}.page-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 34px}.brand{font-size:.98rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.95rem}.nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:40px;align-items:center;padding:52px 0 72px}.eyebrow,.mini-label,.project-tag,.project-label{display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow,.mini-label,.project-tag{color:var(--accent)}.hero h1,.section-heading h2,.contact-panel h2{margin:0;letter-spacing:-.04em;line-height:1.05}.hero h1{max-width:11ch;margin-top:18px;font-size:clamp(2.8rem,7vw,5.2rem)}.hero-text,.section-heading p,.card p,.project-content p,.about-copy p,.contact-panel p,.hero-card p{color:var(--muted)}.hero-text{max-width:640px;margin:24px 0 0;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:600}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 18px 40px #163c7a2e}.button-primary:hover{background:#102f60}.button-secondary{border-color:var(--line);background:#ffffffb3}.button-secondary:hover{border-color:#163c7a33;color:var(--accent)}.hero-meta{display:flex;flex-wrap:wrap;gap:14px 22px;padding:0;margin:30px 0 0;list-style:none;color:var(--muted);font-size:.96rem}.hero-meta a:hover{color:var(--accent)}.hero-card{position:relative}.hero-card-inner,.card,.project-card,.contact-panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-card-inner{padding:34px;border-radius:28px}.hero-card h2{margin:16px 0 14px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.03em}.section{padding:52px 0}.section-heading{max-width:720px}.section-heading h2{margin-top:16px;font-size:clamp(2rem,4vw,3.2rem)}.section-heading p{margin:18px 0 0;font-size:1.03rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.card{min-height:240px;padding:28px;border-radius:24px}.card h3,.project-header h3{margin:16px 0 0;font-size:1.35rem;line-height:1.2;letter-spacing:-.02em}.card p{margin:16px 0 0}.project-list{display:grid;gap:20px;margin-top:30px}.project-card{padding:30px;border-radius:28px}.project-header{display:flex;flex-direction:column;gap:10px}.project-actions{margin-top:18px}.project-image-container{display:block;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;margin-top:28px;border:1px solid var(--line);box-shadow:0 4px 20px #0f172a0a}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.project-image-container:hover .project-image,.project-image-container:focus .project-image,.project-image-container:active .project-image{transform:scale(1.04)}.project-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.project-label{color:var(--text)}.project-content p{margin:12px 0 0}.section-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}.about-copy{padding-top:48px}.about-copy p{max-width:640px;margin:0 0 18px;font-size:1.04rem}.contact-section{padding-bottom:20px}.contact-panel{padding:36px;border-radius:30px}.contact-panel h2{max-width:780px;margin-top:16px;font-size:clamp(2rem,4vw,3.4rem)}.contact-panel p{max-width:700px;margin:18px 0 0;font-size:1.05rem}.fade-up,.fade-up-delayed{animation:fadeUp .7s ease both}.fade-up-delayed{animation-delay:.12s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.hero,.section-split,.project-content,.service-grid{grid-template-columns:1fr}.hero h1{max-width:13ch}.about-copy{padding-top:0}}@media (max-width: 720px){.page-shell{width:min(100% - 24px,1120px);padding-top:20px}.topbar{flex-direction:column;align-items:flex-start;padding-bottom:18px}.nav{flex-wrap:wrap;gap:14px 18px}.hero{padding-top:30px;gap:28px}.hero-card-inner,.project-card,.contact-panel,.card{padding:24px}.hero-actions,.button{width:100%}}