/* resar.one - Brutalist Anti-Design */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
    --black: #000000;
    --white: #FFFFFF;
    --red: #FF0000;
    --blue: #0000FF;
    --purple: #800080;
}
body {
    background: var(--white);
    color: var(--black);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

/* Blocks */
.block {
    width: 100%;
}
.no-pad { padding: 0; }
.pad-sm { padding: 16px; }
.pad-lg { padding: 80px 16px; }
.bordered { border: 4px solid var(--black); }

/* Typography */
.mega-title {
    font-family: 'Anton', sans-serif;
    font-size: clamp(4rem, 15vw, 12rem);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 0.9;
    color: var(--black);
}
.big-title {
    font-family: 'Anton', sans-serif;
    font-size: clamp(2.5rem, 8vw, 6rem);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    color: var(--black);
    margin-bottom: 1rem;
}
.mid-title {
    font-family: 'Anton', sans-serif;
    font-size: clamp(1.5rem, 4vw, 3rem);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--black);
    margin-bottom: 1rem;
}
.sys-text {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    max-width: none;
}
.accent-red { color: var(--red); }

/* Annotations */
.annotation {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    color: var(--purple);
    margin-bottom: 8px;
    opacity: 0.6;
}

/* Default links */
a { color: var(--blue); }
a:visited { color: var(--purple); }

/* Footer */
.footer-text {
    opacity: 0.3;
    font-size: 14px;
}