*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ee;color:#171717;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.nav{max-width:1180px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center}.brand{width:44px;height:44px;border-radius:50%;background:#171717;color:white;display:grid;place-items:center;font-weight:700}.nav nav{display:flex;gap:26px;font-size:14px}.contact,.hero,.projectHero,.section{max-width:1180px;margin:auto;padding:90px 24px}.hero{padding-top:110px;padding-bottom:130px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#6a675f}.hero h1,.projectHero h1{font-size:clamp(54px,8vw,108px);line-height:.94;max-width:980px;margin:22px 0 28px;letter-spacing:-.06em}.lead{font-size:21px;line-height:1.6;max-width:720px;color:#57534b}.actions{display:flex;gap:22px;align-items:center;margin-top:38px}.btn{display:inline-block;background:#171717;color:white;border:0;border-radius:999px;padding:15px 22px}.btn,.textLink{font-weight:700}.contact h2,.projectCopy h2,.sectionHead h2,.two h2{font-size:46px;letter-spacing:-.04em;margin:10px 0 34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.card{background:white;border-radius:26px;overflow:hidden;border:1px solid #e6e0d6}.art{height:260px;display:grid;place-items:center;font-size:48px;font-weight:800}.art1{background:#e7d8ff}.art2{background:#d4efe4}.art3{background:#ffd9c8}.cardBody{padding:24px}.cardBody h3{font-size:30px;margin:5px 0 10px}.cardBody p{line-height:1.6;color:#5f5a51}.meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px}.two>div:last-child{font-size:19px;line-height:1.7}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.skills span{border:1px solid #cfc8bc;border-radius:999px;padding:9px 13px;font-size:14px}.contact{background:#1d1d1b;color:white;border-radius:34px;margin-bottom:70px}.contact .eyebrow{color:#aaa59c}.contact form{display:grid;grid-gap:12px;gap:12px;max-width:700px;margin-top:30px}.contact input,.contact textarea{width:100%;padding:16px;border-radius:14px;border:1px solid #444;background:#262624;color:white;font:inherit}.contact textarea{min-height:150px;resize:vertical}.contact .btn{background:white;color:#171717;justify-self:start}footer{max-width:1180px;margin:auto;padding:0 24px 40px;color:#777}.projectVisual{height:460px;border-radius:30px;background:linear-gradient(135deg,#d8c8ff,#cdeee2);display:grid;place-items:center;font-size:70px;font-weight:800;margin:55px 0}.projectCopy{max-width:760px}.projectCopy p{font-size:18px;line-height:1.8;color:#57534b}.projectCopy h2{margin-top:50px}@media(max-width:800px){.grid,.two{grid-template-columns:1fr}.two{gap:20px}.nav nav{gap:14px}.contact,.hero,.projectHero,.section{padding-left:18px;padding-right:18px}.contact{margin-left:14px;margin-right:14px}.hero h1,.projectHero h1{font-size:55px}.projectVisual{height:300px}.contact h2,.projectCopy h2,.sectionHead h2,.two h2{font-size:36px}}