*{box-sizing:border-box;margin:0;padding:0}html,body{color:#202020;background:#f2f0eb;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}header{border-bottom:1px solid #d5d2ca;justify-content:space-between;align-items:center;height:90px;padding:0 7%;display:flex}.logo{letter-spacing:3px;color:#202020;font-size:18px;font-weight:700;text-decoration:none}nav{gap:32px;display:flex}nav a{color:#202020;font-size:14px;text-decoration:none}nav a:hover{opacity:.55}.hero{align-items:center;min-height:calc(100vh - 90px);padding:8%;display:flex}.hero span,.page span{letter-spacing:4px;color:#777;font-size:12px}.hero h1{letter-spacing:-4px;margin:25px 0;font-size:clamp(50px,8vw,110px);font-weight:400;line-height:.95}.hero p{color:#666;font-size:17px}.page{max-width:900px;padding:140px 8%}.page h1{letter-spacing:-3px;margin:25px 0 40px;font-size:clamp(45px,7vw,85px);font-weight:400}.page p{color:#666;max-width:620px;font-size:18px;line-height:1.7}@media (max-width:700px){header{flex-direction:column;align-items:flex-start;gap:25px;height:auto;padding:25px 6%}nav{flex-wrap:wrap;gap:18px}.hero{min-height:75vh;padding:12% 6%}.hero h1{letter-spacing:-2px}.page{padding:100px 6%}}