*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;color:#2b2a28;background:#f6f3ee}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6vw}.logo{font-weight:bold;letter-spacing:.08em;text-transform:uppercase;color:#2b2a28;text-decoration:none}nav a{margin-left:22px;color:#6b665f;text-decoration:none}main{padding:0 6vw 60px}.hero{padding:8vh 0 6vh;max-width:640px}.hero h1{font-size:44px;line-height:1.15;margin:0 0 16px}.btn{display:inline-block;margin-top:16px;padding:10px 18px;border:1px solid #2b2a28;color:#2b2a28;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.ph{aspect-ratio:4/5;border-radius:2px}.a{background:linear-gradient(160deg,#c9c2b4,#8f8a80)}.b{background:linear-gradient(200deg,#e2d6c4,#a89a85)}.c{background:linear-gradient(180deg,#b9c3c7,#6f7b80)}figcaption{font-size:13px;color:#6b665f;margin-top:8px}footer{padding:30px 6vw;font-size:13px;color:#8a857d}