body { margin: 0; background: #3c241d url("brana.jpg") center/cover fixed; color: #2a2118; font-family: "Palatino Linotype", Palatino, serif; }
.wall { min-height: 100vh; box-sizing: border-box; padding: 6vh 7vw; }
.gate { background: #f6efe2; min-height: 86vh; border-radius: 46% 46% 0 0 / 14% 14% 0 0; box-shadow: 0 0 0 22px #3c241d, 0 0 0 28px #6a3a2c; padding: 2.2rem 7% 2.6rem; }
.mark { display: flex; align-items: center; gap: 0.8rem; }
.mark img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; }
.mark nav { margin-left: auto; display: flex; flex-direction: column; gap: 0.25rem; text-align: right; }
.mark a { color: #3c241d; text-decoration: none; }
.mark a[aria-current="page"] { font-weight: 700; }
.yard { margin-top: 1.2rem; display: grid; grid-template-columns: 1.4fr 0.7fr; gap: 1rem; align-items: start; }
.yard img { width: 100%; height: 280px; object-fit: cover; }
.slab { background: #e7d3b4; padding: 0.9rem 1rem; }
.slab h1, .slab h2 { margin: 0 0 0.4rem; font-size: 1.4rem; }
.slab p { margin: 0.35rem 0; line-height: 1.45; }
@media (max-width: 800px) {
  .yard { grid-template-columns: 1fr; }
  .wall { padding: 3vh 3vw; }
}