/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer {
    position: relative;
    text-align: center;
    padding: 34px 24px 40px;
    color: var(--color-body);
    font-size: 0.88rem;
    border-top: 1px solid var(--color-border);
    overflow: hidden;
}
.site-footer p { margin: 4px 0; }
.corner-shard {
    position: absolute;
    bottom: -10px;
    width: 70px; height: 70px;
    background: conic-gradient(var(--color-orange) 0deg 90deg, var(--color-maroon) 90deg 180deg, var(--color-charcoal) 180deg 270deg, var(--color-crimson) 270deg 360deg);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    opacity: 0.9;
}
.corner-shard--left { left: -10px; }
.corner-shard--right { right: -10px; transform: rotate(180deg); }