/* kancly.online — anima sazba dvorní stránky.
   Tokeny a objekty podle Design_review/kit (brygada build); jen ta
   podmnožina, kterou stránka skutečně používá.
   Pořadí: fonts/fonts.css → anima.css */
:root {
	--font-display: 'Brygada 1918', Georgia, serif;
	--font-body: 'Hanken Grotesk', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', monospace;
	--w-display: 620;
	--a-paper: #faf7f0;
	--a-paper-2: #f2edde;
	--a-ink: #2a241a;
	--a-muted: #7b7263;
	--a-faint: #b3aa98;
	--a-hair: #e2dbc9;
	--a-green: #5f7434;
	--a-gold: #c28f2c;
	--a-red: #a44b35;
	--a-r-sm: 9px;
	--a-r-md: 14px;
	--a-r-lg: 22px;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body {
	background: var(--a-paper);
	color: var(--a-ink);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}
a { color: var(--a-green); }
a:hover { opacity: .8; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 7vw; }
.band { padding: 64px 0; border-top: 1px solid var(--a-hair); }
h1, h2, h3 { font-family: var(--font-display); font-weight: var(--w-display); letter-spacing: -.02em; }
.door { font-family: var(--font-display); font-weight: var(--w-display); letter-spacing: -.02em; color: var(--a-ink); white-space: nowrap; }
.door .dot { font-family: var(--font-mono); color: var(--a-gold); font-weight: 700; }
.door .tld { font-family: var(--font-mono); font-size: .55em; color: var(--a-green); }
.card { background: #fff; border: 1px solid var(--a-hair); border-radius: var(--a-r-md); padding: 20px 22px; }
.meta { font-family: var(--font-mono); font-size: 10.5px; color: var(--a-faint); }
.row { display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center; }
.g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.doors a.card { text-decoration: none; color: inherit; display: block; }
.doors a.card:hover { opacity: 1; border-color: var(--a-faint); }
.sub { color: var(--a-muted); }
footer.dvur {
	padding: 32px 7vw;
	border-top: 1px solid var(--a-hair);
	display: flex;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
}
@media (max-width: 700px) { .g3 { grid-template-columns: 1fr; } }