/* RV-inspired monochrome sticker: black ink on white paper. */
#wb_footer {
	height: 176px;
	overflow: visible;
}

#wb_footer > .wb_cont_inner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 24px 16px 30px;
}

#wb_footer > .wb_cont_outer,
#wb_footer > .wb_cont_bg {
	pointer-events: none;
}

.froz5-sponsor-sticker {
	--sticker-ink: #050505;
	--sticker-paper: #fff;
	position: relative;
	display: grid;
	grid-template-columns: 84px 1fr;
	grid-template-rows: auto 1fr;
	align-items: center;
	box-sizing: border-box;
	width: min(500px, calc(100vw - 32px));
	min-height: 126px;
	padding: 17px 43px 15px 18px;
	color: var(--sticker-ink);
	background:
		radial-gradient(circle at 9% 16%, rgba(5, 5, 5, .18) 0 1px, transparent 1.6px),
		radial-gradient(circle at 86% 78%, rgba(5, 5, 5, .13) 0 1px, transparent 1.8px),
		linear-gradient(135deg, rgba(0,0,0,.035), transparent 40%),
		var(--sticker-paper);
	background-size: 17px 19px, 23px 21px, auto, auto;
	border: 2px solid var(--sticker-ink);
	box-shadow: 9px 11px 0 rgba(0, 0, 0, .22);
	clip-path: polygon(0 4%, 7% 1%, 15% 3%, 26% 1%, 39% 3%, 53% 0, 67% 3%, 79% 1%, 91% 4%, 100% 1%, 98% 16%, 100% 30%, 98% 47%, 100% 63%, 97% 81%, 100% 96%, 87% 98%, 73% 96%, 58% 99%, 43% 97%, 29% 100%, 15% 97%, 3% 99%, 1% 84%, 3% 69%, 0 52%, 2% 34%);
	transform: rotate(-1.8deg);
	text-decoration: none;
	cursor: pointer;
	isolation: isolate;
	transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}

.froz5-sponsor-sticker::before {
	content: "";
	position: absolute;
	inset: 9px;
	z-index: -1;
	border: 1px solid rgba(5, 5, 5, .72);
	clip-path: polygon(0 4%, 17% 0, 31% 3%, 48% 0, 66% 2%, 83% 0, 100% 5%, 97% 100%, 81% 97%, 63% 100%, 46% 97%, 28% 100%, 12% 97%, 0 100%);
	pointer-events: none;
}

.froz5-sponsor-sticker:hover,
.froz5-sponsor-sticker:focus-visible {
	transform: translateY(-5px) rotate(-.8deg) scale(1.015);
	filter: drop-shadow(4px 8px 4px rgba(0, 0, 0, .3));
	box-shadow: 12px 16px 0 rgba(0, 0, 0, .26);
}

.froz5-sponsor-sticker:focus-visible {
	outline: 3px solid var(--sticker-ink);
	outline-offset: 7px;
}

.froz5-sponsor-sticker__logo {
	grid-row: 1 / span 2;
	grid-column: 1;
	display: block;
	width: 76px;
	height: 76px;
	object-fit: contain;
	transform: rotate(-3deg);
}

.froz5-sponsor-sticker__copy {
	grid-column: 2;
	grid-row: 1 / span 2;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 9px;
}

.froz5-sponsor-sticker__label,
.froz5-sponsor-sticker__tag,
.froz5-sponsor-sticker__brand {
	position: relative;
	z-index: 1;
}

.froz5-sponsor-sticker__label {
	padding: 3px 7px 2px;
	background: var(--sticker-ink);
	color: var(--sticker-paper);
	font: 700 10px/1.1 Arial, sans-serif;
	letter-spacing: .16em;
	transform: rotate(-1deg) skew(-8deg);
}

.froz5-sponsor-sticker__brand {
	margin-top: 4px;
	font: 900 clamp(22px, 4.2vw, 33px)/.96 Arial Black, Impact, sans-serif;
	letter-spacing: -.055em;
	white-space: nowrap;
	max-width: 100%;
	transform: scaleX(.96);
	transform-origin: left center;
}

.froz5-sponsor-sticker__brand span {
	font-size: .78em;
	letter-spacing: -.04em;
}

.froz5-sponsor-sticker__tag {
	margin-top: 8px;
	font: 700 9px/1 "Courier New", monospace;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.froz5-sponsor-sticker__arrow {
	position: absolute;
	right: 23px;
	top: 45px;
	color: var(--sticker-ink);
	font: 700 34px/1 Arial, sans-serif;
	transform: rotate(-14deg);
	transition: transform 180ms ease;
}

.froz5-sponsor-sticker:hover .froz5-sponsor-sticker__arrow,
.froz5-sponsor-sticker:focus-visible .froz5-sponsor-sticker__arrow {
	transform: translate(3px, -3px) rotate(-14deg) scale(1.12);
}

.froz5-sponsor-sticker__fold {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 31px;
	height: 31px;
	background: linear-gradient(135deg, transparent 0 49%, rgba(5,5,5,.75) 50% 53%, #d9d9d9 54% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	transform-origin: top right;
	transition: transform 180ms ease;
}

.froz5-sponsor-sticker:hover .froz5-sponsor-sticker__fold,
.froz5-sponsor-sticker:focus-visible .froz5-sponsor-sticker__fold {
	transform: rotate(8deg) translate(1px, -1px);
}

.froz5-sponsor-sticker__scuff {
	position: absolute;
	width: 48px;
	height: 4px;
	background: var(--sticker-ink);
	top: 19px;
	opacity: .75;
	transform: rotate(18deg);
}

.froz5-sponsor-sticker__scuff--one { right: 52px; }
.froz5-sponsor-sticker__scuff--two { right: 44px; top: 27px; width: 30px; opacity: .4; }

@media (max-width: 767px) {
	#wb_footer { height: 164px; }
	#wb_footer > .wb_cont_inner { padding: 21px 16px 28px; }
	.froz5-sponsor-sticker {
		grid-template-columns: 65px 1fr;
		min-height: 112px;
		padding: 16px 37px 14px 13px;
	}
	.froz5-sponsor-sticker__logo { width: 59px; height: 59px; }
	.froz5-sponsor-sticker__copy { padding-left: 7px; }
	.froz5-sponsor-sticker__brand { font-size: clamp(18px, 5.8vw, 26px); }
	.froz5-sponsor-sticker__label { font-size: 9px; letter-spacing: .12em; }
	.froz5-sponsor-sticker__tag { margin-top: 6px; font-size: 7px; letter-spacing: .08em; }
	.froz5-sponsor-sticker__arrow { right: 17px; top: 40px; font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
	.froz5-sponsor-sticker,
	.froz5-sponsor-sticker__arrow,
	.froz5-sponsor-sticker__fold { transition: none; }
	.froz5-sponsor-sticker:hover,
	.froz5-sponsor-sticker:focus-visible { transform: rotate(-1.8deg); }
}

@media (prefers-contrast: more) {
	.froz5-sponsor-sticker { border-width: 3px; box-shadow: 8px 10px 0 #000; }
	.froz5-sponsor-sticker__label { outline: 1px solid var(--sticker-paper); }
}
