*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f2e8;color:#243d32;font-family:Georgia,"Times New Roman",serif}header{background:#183e30;color:#fff9ed;text-align:center;padding:35px 16px 30px;border-bottom:5px solid #b49a60}h1{font-size:clamp(28px,4vw,44px);font-weight:normal;letter-spacing:.02em;margin:0 0 8px}header p{margin:0;color:#e5dac1;letter-spacing:.08em;font-size:14px}main{max-width:1280px;margin:0 auto;padding:30px 24px 60px}.intro{text-align:center;color:#5b6458;margin:0 0 28px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card{margin:0;min-width:0}.card a{display:block;background:#eee6d8;box-shadow:0 3px 14px #182b211b;border:1px solid #ded5c3;border-radius:5px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card a:hover,.card a:focus-visible{transform:translateY(-3px);box-shadow:0 9px 22px #182b2133;outline:2px solid #b49a60;outline-offset:2px}.card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f3eee4}footer{text-align:center;background:#183e30;color:#e5dac1;padding:22px;font-size:13px}@media(max-width:640px){main{padding:18px 14px 38px}.grid{grid-template-columns:1fr;gap:18px}header{padding:25px 12px}.intro{font-size:14px}}