/**
 * Footer label strip + content offset (header has no SVG).
 */

:root {
	--tntech-label-brown: #782e01;
	--tntech-site-header-offset: 5.5rem;
	--tntech-site-footer-wave-h: 2rem;
	--tntech-content-gap: 0.75rem;
}

.tntech-label-strip {
	width: 100%;
	line-height: 0;
	font-size: 0;
	pointer-events: none;
	flex-shrink: 0;
	background: transparent;
	box-shadow: none;
	filter: none;
}

.tntech-label-strip img {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	box-shadow: none;
	filter: none;
	border: 0;
	vertical-align: bottom;
}

.tntech-label-strip--footer {
	transform: rotate(180deg) translateZ(0);
	transform-origin: center center;
	margin: 0;
	padding: 0;
	background: transparent;
	backface-visibility: hidden;
	margin-bottom: -2px;
}

.tntech-site-footer-wrap {
	background-color: var(--tntech-label-brown, #782e01);
}

html {
	scroll-padding-top: calc(var(--tntech-site-header-offset) + var(--tntech-content-gap));
}

body.tntech-has-label-strip #page > main {
	padding-top: calc(var(--tntech-site-header-offset) + var(--tntech-content-gap)) !important;
	padding-bottom: calc(var(--tntech-site-footer-wave-h) + var(--tntech-content-gap) + 1rem) !important;
}

body.tntech-has-label-strip .sticky.top-24,
body.tntech-has-label-strip .sticky.md\:top-28 {
	top: calc(var(--tntech-site-header-offset) + var(--tntech-content-gap)) !important;
}