/* Thermocass — customizations layered on top of the
   Spline "silver" coming-soon template. Kept separate from the vendor
   styles.css so the original template file is never touched. */

/* The vendor template centers .centered-unit with a fixed
   `margin-top:-220px` that assumes a specific content height. Adding the
   logo made the block taller, so that fixed offset no longer centers it —
   the countdown ended up pushed down under the second screen. Replacing it
   with a transform-based center is height-independent and stays correct
   however tall the content block is. */
.splash .centered-unit {
	margin-top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.brand-logo {
	display: block;
	max-width: 100%;
	width: fit-content;
	margin: 0 auto 20px;
	font-size: clamp(28px, 6vw, 46px);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
}

.splash .lead {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.contact .value a {
	color: inherit;
}

/* The vendor template pins .footer to the bottom of .overlap via
   `position:absolute;bottom:0`, while .overlap is forced to
   `min-height:100%` (at least one full screen tall) — sized for the
   original notify-by-email section. With that section removed, actual
   content is shorter than a full screen, so the absolute-positioned
   footer left a large empty gap above it. Letting the footer sit in
   normal document flow instead means it always sits right after the
   real content, however tall that content is. */
.overlap {
	min-height: 0;
}

.footer {
	position: static;
	margin-top: 20px;
}

@media (max-width: 480px) {
	.brand-logo {
		max-width: 100%;
	}
}

.brand-logo:link, .brand-logo:visited { color: #253d56; }
.brand-logo:hover { color: #0868c7; }