*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#252824;font-family:Arial,sans-serif;line-height:1.6}main{max-width:1160px;margin:auto;padding:40px 28px 80px}header{margin-bottom:44px}.eyebrow{color:#967c5b;font-size:11px;letter-spacing:3px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:48px;line-height:1.15;margin:16px 0}header p{color:#71736a}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .2s ease;display:flex;flex-direction:column;background:white;border:1px solid #dedbd3;border-radius:5px;overflow:hidden}.card:hover{box-shadow:0 8px 24px rgba(37,40,36,.16)}.preview{height:210px;background:#ede8de;display:flex;align-items:center;justify-content:center;color:#a08b6d;font-family:Georgia,serif;font-size:50px}.preview img{width:100%;height:100%;object-fit:cover}.copy{padding:14px 25px;display:flex;flex-direction:column;flex:1}h2{margin:0 0 12px;font-size:27px}.copy p{font-size:14px;color:#71736a;margin:0}.back{color:#806645;text-decoration:none}a:hover{color:#292b27}a:focus-visible{outline:2px solid #967c5b;outline-offset:5px}.coming-soon{max-width:740px}.back{display:inline-block;margin-top:25px}@media(max-width:760px){main{padding:24px 24px 45px}.examples{grid-template-columns:1fr}h1{font-size:38px}.preview{height:230px}}