/* Iron — black, electric lime, condensed italic type, a slashed photo. For gyms, coaches, sport, workshops. */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@500;600;700&display=swap');

:root {
	--bg: #0b0b0c;
	--fg: #fff;
	--muted: #a3a3a3;
	--accent: #c6ff1a;
	--accent-fg: #0b0b0c;
	--accent-glyph: invert(1);
	--font-head: 'Anton', Impact, sans-serif;
	--font-body: 'Barlow Condensed', system-ui, sans-serif;

	--btn-bg: #fff;
	--btn-fg: #0b0b0c;
	--btn-radius: 2px;
	--btn-pad: 17px 22px;

	--chip-bg: #17171a;
	--chip-border: 0 solid transparent;
	--chip-radius: 2px;
	--chip-size: 50px;

	--pop-bg: #121214;
	--pop-border: var(--accent);
	--header-pull: 16px;
}

.bg { filter: drop-shadow(0 7px 0 var(--accent)); max-width: 520px; }
.bg > img { clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%); filter: grayscale(1) contrast(1.12); }
.bg::after { display: none; }

.header { gap: 4px; padding-top: 6px; }
.header .title h1 {
	font-weight: 400;
	font-size: clamp(2.3rem, 11vw, 3.1rem);
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 1;
	transform: skewX(-8deg);
	text-shadow: 3px 3px 0 rgba(0, 0, 0, .55);
}
.header h2 {
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--accent);
}

.social-media { padding-top: 22px; gap: 10px; }
.social-media > a { box-shadow: inset 0 -3px 0 var(--accent); transform: skewX(-8deg); }
.social-media > a > img { transform: skewX(8deg); }
.social-media > a:hover { background: var(--accent); }
.social-media > a:hover > img { filter: var(--accent-glyph); }

.links { padding-top: 28px; gap: 11px; }
.link {
	transform: skewX(-8deg);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.link:hover { transform: skewX(-8deg) translateX(4px); background: var(--accent); }
.links .link:first-child { background: var(--accent); color: var(--accent-fg); }
.links .link:first-child:hover { background: #fff; }
#rating-form h4 { font-family: var(--font-head); font-weight: 400; text-transform: uppercase; letter-spacing: .04em; font-size: 1.3rem; }