[data-site="cast"] {
    --bg: #f4f0e8;
    --paper: #fffdf8;
    --ink: #1c1916;
    --muted: #5e574e;
    --line: #e4dcd0;
    --primary: #2a241e;
    --on: #f7f3ec;
    --accent: #8a5a32;
    --on-accent: #fff8f1;
}

.cast-hero {
    display: grid;
    gap: 28px;
    align-items: center;
}

.ingot {
    height: 280px;
    border-radius: 24px;
    background:
        linear-gradient(120deg, transparent 40%, rgba(255, 236, 210, 0.25) 48%, transparent 56%),
        radial-gradient(circle at 30% 30%, #d7b48a, transparent 36%),
        linear-gradient(160deg, #3a322a, #1a1612);
    box-shadow: var(--shadow);
    position: relative;
}

.ingot::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 28px;
    height: 18px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.35);
    filter: blur(8px);
}

.metric {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.metric div { min-width: 120px; }

.metric strong {
    display: block;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.metric span { color: var(--muted); font-size: 0.92rem; }

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