[data-site="yard"] {
    --bg: #f4f7f2;
    --paper: #ffffff;
    --ink: #1c2918;
    --muted: #4e5e48;
    --line: #d5e2d0;
    --soft: #e7f0e4;
    --primary: #234028;
    --on: #f4faf3;
    --accent: #234028;
    --on-accent: #f4faf3;
}

.yard-hero { display: grid; gap: 24px; align-items: center; }

.bed {
    min-height: 280px;
    border-radius: 24px;
    border: 1px solid var(--line);
    background:
        linear-gradient(#c4b49a, #c4b49a) 12% 62% / 76% 18px no-repeat,
        radial-gradient(circle at 22% 38%, #3d6b45 0 28px, transparent 30px),
        radial-gradient(circle at 48% 30%, #2f5a38 0 40px, transparent 42px),
        radial-gradient(circle at 74% 40%, #4e7a52 0 24px, transparent 26px),
        linear-gradient(180deg, #e7f0e4 0 58%, #d7c4a4 58% 100%);
    box-shadow: var(--shadow);
}

.logo-tile.wide {
    width: 88px;
    height: 64px;
}

.mp-mark {
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 1.35rem;
    color: var(--ink);
}

@media (min-width: 860px) {
    .yard-hero { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
}