/* Brutalist — thick borders, hard shadows, square corners, loud type. */
:root { --t-font-display: "Archivo Black", Impact, sans-serif; --t-font-body: "Archivo", system-ui, sans-serif; --t-font-mono: "Space Mono", monospace; --t-max: 1080px; --t-radius: 0; --t-radius-sm: 0; --t-radius-pill: 0; --t-shadow: 6px 6px 0 var(--t-text); --t-border: 3px solid var(--t-text); }
body { font-size: 1rem; }

/* hero: a boxed block with the name shouting */
.t-hero--block .t-hero__inner { border: var(--t-border); box-shadow: var(--t-shadow); background: var(--t-surface); padding: clamp(20px, 4vw, 40px); margin-block-start: clamp(20px, 4vw, 40px); gap: 24px; }
.t-hero--block .t-photo { width: clamp(120px, 18vw, 180px); border-radius: 0; border: var(--t-border); box-shadow: 6px 6px 0 var(--t-accent); }
.t-hero--block .t-eyebrow { font-family: var(--t-font-mono); letter-spacing: 0; text-transform: none; background: var(--t-text); color: var(--t-bg); display: inline-block; padding: 2px 8px; }
.t-hero--block .t-name { font-family: var(--t-font-display); font-weight: 400; text-transform: uppercase; font-size: clamp(2.6rem, 8vw, 5.6rem); line-height: .95; letter-spacing: -0.02em; }
.t-hero--block .t-headline { font-weight: 700; font-size: clamp(1.1rem, 2.2vw, 1.5rem); text-decoration: underline; text-decoration-thickness: .35em; text-decoration-color: var(--t-accent2); text-underline-offset: -0.1em; text-decoration-skip-ink: none; }
.t-hero--block .t-stats { gap: 16px; }
.t-hero--block .t-stats li { border: var(--t-border); padding: 12px 16px; background: var(--t-bg); box-shadow: 4px 4px 0 var(--t-text); }
.t-hero--block .t-stats strong { font-family: var(--t-font-display); font-weight: 400; }

/* everything boxed */
.btn { --bs-btn-border-radius: 0; --bs-btn-border-width: 3px; --bs-btn-font-weight: 700; box-shadow: 4px 4px 0 var(--t-text); text-transform: uppercase; letter-spacing: .04em; }
.btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--t-text); }
.btn:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--t-text); }
.btn-primary, .btn-outline-primary { --bs-btn-border-color: var(--t-text); --bs-btn-hover-border-color: var(--t-text); --bs-btn-active-border-color: var(--t-text); }
.t-link { border: 3px solid var(--t-text); border-radius: 0; box-shadow: 3px 3px 0 var(--t-text); background: var(--t-surface); font-family: var(--t-font-mono); font-size: var(--t-size-0); }
.t-link:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--t-text); border-color: var(--t-text); }
.t-section__title { font-family: var(--t-font-display); font-weight: 400; text-transform: uppercase; font-size: clamp(1.6rem, 3vw, 2.4rem); background: var(--t-accent); color: var(--t-on-accent); display: inline-block; padding: 4px 14px; border: var(--t-border); box-shadow: 5px 5px 0 var(--t-text); margin-block-end: 24px; }
.t-section--summary .t-section__title { display: none; }
.t-summary { font-size: clamp(1.2rem, 2.2vw, 1.6rem); font-weight: 700; max-width: 48ch; border-inline-start: 10px solid var(--t-accent2); padding-inline-start: 18px; }
.card, .t-quote, .t-facts, .t-timeline__body { border: var(--t-border); box-shadow: var(--t-shadow); background: var(--t-surface); border-radius: 0; }
.t-timeline__body { padding: 14px 16px; }
.t-timeline__when { font-family: var(--t-font-mono); font-weight: 700; color: var(--t-text); }
.t-card .t-item__title { font-family: var(--t-font-display); font-weight: 400; text-transform: uppercase; font-size: 1.1rem; }
.t-card__media { border-block-end: var(--t-border); }
.t-chip { border: 2px solid var(--t-text); background: var(--t-surface2); font-family: var(--t-font-mono); font-weight: 700; box-shadow: 2px 2px 0 var(--t-text); }
.t-chips li:nth-child(3n) { transform: rotate(-2deg); } .t-chips li:nth-child(5n) { transform: rotate(2deg); }
.t-tags .badge { border: 2px solid var(--t-text); border-radius: 0; background: var(--t-accent2); color: var(--t-text); font-family: var(--t-font-mono); }
.t-quote blockquote { font-family: var(--t-font-body); font-weight: 700; font-size: var(--t-size-3); }
.t-quote__mark { color: var(--t-text); }
.t-gallery__item figure { border: var(--t-border); box-shadow: var(--t-shadow); }
.t-list li { border-block-end: 3px solid var(--t-text); }
.form-control { border: 3px solid var(--t-text); border-radius: 0; box-shadow: 4px 4px 0 var(--t-text); }
.form-control:focus { border-color: var(--t-text); box-shadow: 4px 4px 0 var(--t-accent); }
.t-footer { border-block-start: var(--t-border); font-family: var(--t-font-mono); }