:root{--bg:#F3F6EF;--primary:#8FAF86;--secondary:#DDE8D4;--text:#384237;--shadow:0 18px 50px rgba(0,0,0,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,92vw);margin:auto}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:72px}.logo{font-weight:800;letter-spacing:.08em}.navlinks{display:flex;gap:18px;font-size:14px}.menu-btn{display:none;border:0;background:var(--primary);color:var(--bg);border-radius:999px;padding:8px 14px}section{padding:58px 0}.hero{padding:82px 0 50px}.hero-grid,.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}h1{font-size:clamp(42px,8vw,82px);line-height:1.05;margin:18px 0;letter-spacing:-.05em}h2{font-size:clamp(28px,4vw,46px);line-height:1.18;margin:0 0 18px}h3{font-size:22px;margin:0 0 10px}.lead{font-size:18px;opacity:.86}.eyebrow,.tag{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:13px;background:var(--secondary);color:var(--text)}.btn{display:inline-flex;margin:6px 8px 6px 0;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--bg);font-weight:700}.btn.ghost{background:transparent;color:var(--text);border:1px solid color-mix(in srgb,var(--text) 20%,transparent)}.card{background:color-mix(in srgb,var(--bg) 70%,white 22%);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.work-card img,.rounded-img{border-radius:28px;box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;margin-bottom:18px}.masonry{columns:3 260px;column-gap:18px}.masonry img{break-inside:avoid;border-radius:28px;margin:0 0 18px;box-shadow:var(--shadow)}.story{display:grid;grid-template-columns:90px 1fr;gap:16px}.avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));display:grid;place-items:center;color:var(--bg);font-weight:800}.timeline{border-left:2px solid var(--secondary);padding-left:24px}details{background:color-mix(in srgb,var(--bg) 75%,white 18%);border-radius:18px;padding:15px 18px;margin:10px 0}footer{padding:44px 0;background:color-mix(in srgb,var(--text) 8%,transparent)}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.topbtn{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--primary);color:var(--bg)}@media(max-width:800px){.hero-grid,.grid,.grid.two{grid-template-columns:1fr}.navlinks{display:none;position:absolute;left:4vw;right:4vw;top:72px;background:var(--bg);padding:18px;border-radius:24px;box-shadow:var(--shadow);flex-direction:column}.navlinks.open{display:flex}.menu-btn{display:block}}