[data-site="rock"] {
    --bg: #fbfaf7;
    --paper: #ffffff;
    --ink: #17191c;
    --muted: #5e6368;
    --line: #e7e4df;
    --primary: #17191c;
    --on: #fbfaf7;
    --accent: #e46d26;
    --on-accent: #fff8f3;
}

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

.slate {
    min-height: 280px;
    border-radius: 24px;
    background:
        linear-gradient(160deg, transparent 40%, rgba(228, 109, 38, 0.35) 40% 42%, transparent 42%),
        linear-gradient(180deg, #2c2824, #171411);
    box-shadow: var(--shadow);
    position: relative;
}

.slate::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 36px;
    height: 10px;
    border-radius: 999px;
    background: #e46d26;
}

@media (min-width: 860px) {
    .rock-hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); }
}