﻿/* Place Your Custom Styles Here */

/* Clune.nz landing page customisations */
.clune-hero {
	position: relative;
	z-index: 2;
	padding: 2rem 1rem;
}
.clune-hero h1 {
	font-size: clamp(3.5rem, 9vw, 7rem);
	font-weight: 300;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.clune-kicker {
	font-size: .78rem;
	font-weight: 500;
	letter-spacing: .38em;
	color: rgba(255,255,255,.78);
}
.clune-tagline {
	font-weight: 300;
	letter-spacing: .025em;
	color: rgba(255,255,255,.88);
}
.clune-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .75rem 2rem;
	position: relative;
	z-index: 3;
}
.clune-links a {
	color: rgba(255,255,255,.9);
	font-size: .88rem;
	letter-spacing: .025em;
	padding: .65rem 0;
	border-bottom: 1px solid rgba(255,255,255,.35);
	transition: color .2s ease, border-color .2s ease;
}
.clune-links a:hover,
.clune-links a:focus {
	color: #fff;
	border-color: #c5a875;
	text-decoration: none;
}
.clune-links .fas {
	font-size: .65rem;
	margin-left: .35rem;
	opacity: .75;
}
@media (max-width: 767.98px) {
	.clune-hero h1 { letter-spacing: .08em; }
	.clune-links { flex-direction: column; align-items: center; gap: .3rem; }
}
