:root{color:#19211d;background:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent 34rem),#f6f1e8}a{color:inherit;text-decoration:none}main{overflow:hidden}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;padding:22px 24px;position:relative;z-index:2}.brand,.nav-links,.button,.project-card,footer span:last-child{align-items:center;display:inline-flex}.brand{font-weight:800;gap:10px}.brand span{background:#16231d;border-radius:8px;color:#f8f2e8;display:grid;height:34px;place-items:center;width:34px}.nav-links{gap:24px;color:#5c635d;font-size:.94rem;font-weight:650}.nav-links a:hover{color:#19211d}.hero{align-items:center;display:grid;gap:44px;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 88px);padding:28px 24px 72px}.hero-copy{max-width:700px}.eyebrow,.section-kicker{color:#856136;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(3rem,8vw,6.8rem);letter-spacing:0;line-height:.9;margin-bottom:26px}h2{font-size:clamp(2rem,5vw,4.2rem);letter-spacing:0;line-height:.95;margin-bottom:0}.lead{color:#4d5650;font-size:clamp(1.05rem,2.2vw,1.32rem);line-height:1.65;max-width:640px}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{border-radius:8px;font-weight:800;gap:9px;min-height:48px;padding:0 18px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.primary{background:#16231d;color:#fff9ee}.secondary{background:#ffffff9e;border:1px solid rgba(25,33,29,.14)}.hero-visual{aspect-ratio:1 / 1.08;border:1px solid rgba(25,33,29,.12);border-radius:8px;box-shadow:0 30px 90px #1f282024;overflow:hidden}.hero-visual img{display:block;height:100%;object-fit:cover;width:100%}.section,.contact,footer{margin:0 auto;max-width:1180px;padding-left:24px;padding-right:24px}.intro,.stack{align-items:start;border-top:1px solid rgba(25,33,29,.13);display:grid;gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);padding-bottom:86px;padding-top:86px}.intro p:last-child,.stack p:last-child{color:#4d5650;font-size:1.12rem;line-height:1.75;margin:0}.projects{padding-bottom:94px}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:28px}.project-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:#ffffffa3;border:1px solid rgba(25,33,29,.13);border-radius:8px;gap:16px;min-height:190px;padding:22px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{border-color:#19211d52;box-shadow:0 18px 45px #1f28201a;transform:translateY(-4px)}.icon-wrap{background:#e7f0e8;border-radius:8px;color:#244d34;display:grid;flex:0 0 auto;height:48px;place-items:center;width:48px}.project-card strong,.project-card small{display:block}.project-card strong{font-size:1.22rem;margin-bottom:10px}.project-card small{color:#59625c;font-size:.94rem;line-height:1.5}.card-arrow{color:#7c6a51;position:absolute;right:20px;top:20px}.stack-list{display:flex;flex-wrap:wrap;gap:10px}.stack-list span{background:#fffaf0;border:1px solid rgba(25,33,29,.13);border-radius:8px;color:#3f4942;font-weight:750;padding:12px 14px}.contact{align-items:center;background:#20332a;color:#fff8ed;display:flex;justify-content:space-between;max-width:none;padding-bottom:58px;padding-top:58px}.contact>div{margin-left:auto;margin-right:auto;max-width:560px;width:calc(50% - 24px)}.contact .section-kicker{color:#d8bc8d}.contact .secondary{background:#ffffff1a;border-color:#ffffff38}footer{color:#5f675f;display:flex;font-size:.92rem;justify-content:space-between;padding-bottom:30px;padding-top:30px}footer span:last-child{gap:8px}@media(max-width:860px){.nav{align-items:flex-start;gap:18px}.nav,.nav-links,.contact,footer{flex-direction:column}.nav-links{align-items:flex-start;gap:12px}.hero,.intro,.stack{grid-template-columns:1fr}.hero{min-height:auto;padding-top:24px}.hero-visual{aspect-ratio:16 / 10}.project-grid{grid-template-columns:1fr}.project-card{min-height:150px}.contact{align-items:flex-start;padding-left:24px;padding-right:24px}.contact>div{margin:0;width:100%}}@media(max-width:520px){h1{font-size:3.2rem}.button{justify-content:center;width:100%}}
