*{box-sizing:border-box}body{margin:0;background:#fbf9f4;color:#344c49;font-family:Lato,Arial,sans-serif}header{background:#edf3ef;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header strong{font-size:25px}header small{display:block;font-size:12px;font-weight:400}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:inherit;text-decoration:none}.active{border-bottom:2px solid #71948a}main{max-width:1100px;margin:auto;padding:60px 25px 90px}.intro{text-align:center;max-width:720px;margin:0 auto 52px}.eyebrow{letter-spacing:.19em;text-transform:uppercase;font-size:12px;color:#7e9c92}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,6vw,60px);margin:15px 0}p{line-height:1.7;color:#647773}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:white;border:1px solid #e4e9e3;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #40564a0a}.art{aspect-ratio:4/5;background:linear-gradient(145deg,#e4e9e1,#f4eae0 52%,#dce8e9);display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;color:#8a9e96;font-family:Georgia,serif;font-style:italic}.content{padding:22px}h2{font:normal 23px Georgia,serif;margin:0 0 8px}.tag{font-style:italic;font-size:14px;min-height:44px}.btn{display:inline-block;border:1px solid #97b2a6;border-radius:40px;padding:10px 18px;font-size:13px;color:#496a60;background:#f3f7f3}.note{margin-top:48px;text-align:center;font-size:13px}footer{text-align:center;padding:26px;background:#edf3ef;font-size:13px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.grid{grid-template-columns:1fr}main{padding-top:35px}}