/*
 * HANKIN Site Core — Global CSS
 * Keep shared design tokens and reusable base utilities here.
 */

:root {
    --hk-container: 1280px;
    --hk-space-page: clamp(20px, 4vw, 48px);
    --hk-radius-sm: 8px;
    --hk-radius-md: 14px;
    --hk-text: #171717;
    --hk-muted: #666666;
    --hk-surface: #ffffff;
    --hk-border: #e7e7e7;
}

.hk-container {
    width: min(100% - (var(--hk-space-page) * 2), var(--hk-container));
    margin-inline: auto;
}

.hk-status {
    padding: 72px 0;
    background: var(--hk-surface);
    color: var(--hk-text);
}

.hk-status__label {
    margin: 0 0 8px;
    color: var(--hk-muted);
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hk-status__title {
    margin: 0 0 12px;
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.05;
}

.hk-status__text {
    margin: 0;
    color: var(--hk-muted);
}