@font-face{font-family:"Army Rust";src:url("/disarmour/runtime/fonts/army-rust.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Redemption";src:url("/disarmour/runtime/fonts/redemption.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Redemption";src:url("/disarmour/runtime/fonts/redemption-italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cybrpnuk";src:url("/disarmour/runtime/fonts/cybrpnuk.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("/disarmour/runtime/fonts/Barlow-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("/disarmour/runtime/fonts/Barlow-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("/disarmour/runtime/fonts/Barlow-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("/disarmour/runtime/fonts/Barlow-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{
  --font-ui:"Barlow","Bahnschrift",Arial,sans-serif;
  --font-sans:var(--font-ui);
  --font-army:"Army Rust",var(--font-ui);
  --font-redemption:"Redemption",var(--font-ui);
  --font-cyber:"Cybrpnuk",var(--font-ui);
}

/* Same display and UI font roles as ARMOUR MIRROR/app/typography.css. */
html body,html body #root{font-family:var(--font-ui)}
button,input,select,textarea,.back-artwork,.public-kicker{font-family:var(--font-ui)}
.hero h1,.artist,.artist span{font-family:var(--font-army);font-weight:400;font-synthesis:none;letter-spacing:.025em;line-height:1.08}
.hero h1{font-size:clamp(44px,5.5vw,78px);overflow-wrap:normal}
.artist{font-size:28px}
.section h2,.public-start h1,.visitor-guide h2{font-family:var(--font-redemption);font-weight:400;font-synthesis:none;letter-spacing:.025em;line-height:1.15}
.section h2{font-size:clamp(34px,4vw,48px)}
.section h3{font-family:var(--font-cyber);font-weight:400;font-synthesis:none;font-size:26px;letter-spacing:.025em;line-height:1.25}
.hero-poem,.poetry h2,.poetry blockquote{font-family:var(--font-redemption);font-weight:400;font-synthesis:none}
.hero-poem{font-style:italic;font-size:30px;line-height:1.3}
.poetry h2{font-size:36px}.poetry blockquote{font-size:27px;line-height:1.55}
.eyebrow,.timeline li>span{font-family:var(--font-ui);font-weight:600;font-size:12px;letter-spacing:.1em}
.public-start h1{font-size:clamp(38px,6vw,60px)}
.public-start h1 em{font-style:normal}
@media(max-width:600px){.hero h1{font-size:44px}.artist{font-size:25px}.hero-poem{font-size:27px}.section h2{font-size:34px}.section h3{font-size:24px}.poetry blockquote{font-size:24px}}
