:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}:root{--bg:#f5f1ea;--panel:#ffffff94;--panel-strong:#fffc;--text:#201a17;--muted:#655b55;--line:#201a171a;--accent:#201a17;--shadow:0 24px 80px #201a1714}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top left, #ffffffe6, transparent 30%), linear-gradient(180deg, #f8f4ee 0%, var(--bg) 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}#root{min-height:100vh}.page-shell{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(1120px,100% - 40px);box-shadow:var(--shadow);border-radius:28px;margin:24px auto;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-weight:600;display:flex}.brand-mark{background:var(--accent);color:#f7f2ec;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,Times New Roman,serif;display:grid}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}nav{gap:28px;display:flex}nav a{color:var(--muted);text-decoration:none}.language-switcher{border:1px solid var(--line);background:var(--panel-strong);border-radius:999px;align-items:center;gap:8px;padding:6px;display:inline-flex}.language-pill{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;transition:background .2s,color .2s}.language-pill.active{background:var(--accent);color:#f7f2ec}main{padding:32px}.hero{gap:22px;padding:56px 0 32px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.8rem}h1,h2,h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.05}h1{max-width:11ch;font-size:clamp(3.2rem,7vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.6rem}.hero-copy,.project-card p,.about-grid p,.contact-card p,.stats-grid p,.service-list li{color:var(--muted);font-size:1.02rem;line-height:1.75}.hero-copy{max-width:42rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#f7f2ec;border-color:var(--accent)}.button.secondary{background:var(--panel-strong)}.stats-grid,.project-grid,.about-grid,.contact-card{margin-top:28px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stats-grid article,.project-card,.contact-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px}.stats-grid article{padding:26px}.stats-grid span{margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:2rem;display:block}.section{padding:56px 0 0}.section-heading{gap:8px;margin-bottom:22px;display:grid}.section-heading.narrow{max-width:38rem}.project-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{gap:14px;padding:26px;display:grid}.project-category{color:var(--muted);font-size:.9rem}.project-card a{font-weight:600;text-decoration:none}.package-list{color:var(--muted);margin:0;padding-left:18px;line-height:1.75}.package-list li+li{margin-top:6px}.about-grid{grid-template-columns:1.2fr .9fr;align-items:start;gap:24px;display:grid}.service-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.service-list li{background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;padding:16px 18px}.contact-card{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:28px;display:flex}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (width<=900px){.page-shell{border-radius:20px;width:min(100%,100% - 20px);margin:10px auto}.topbar,main{padding:22px}.topbar,.contact-card,.about-grid{grid-template-columns:1fr;display:grid}.topbar-right{justify-content:flex-start}nav{flex-wrap:wrap;gap:16px}.language-switcher{flex-wrap:wrap;width:fit-content}.stats-grid,.project-grid{grid-template-columns:1fr}.hero{padding-top:26px}}
