/* Infogiant FM — homepage. */

.hero {
	position: relative;
	background: var(--ink);
	color: var(--white);
	overflow: hidden;
}
.hero::before {
	content: "";
	position: absolute; inset: 0;
	background-image: var(--hero-art, none);
	background-size: cover; background-position: center;
	opacity: .28; filter: grayscale(.2);
}
.hero::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(115deg, rgba(11,11,12,.95) 30%, rgba(225,6,0,.35) 100%);
}
.hero__inner { position: relative; z-index: 1; padding-block: clamp(3rem, 9vw, 6rem); }

.hero__eyebrow { display: flex; align-items: center; gap: .6rem; text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; font-weight: 700; color: rgba(255,255,255,.8); margin: 0 0 1rem; }
.hero__live { position: relative; padding-inline-start: 1rem; }
.hero__live::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 9px; height: 9px; background: var(--red); border-radius: 50%; animation: pulse 1.6s infinite; }

.hero__title { font-size: clamp(2.5rem, 8vw, 5rem); line-height: .98; margin: 0 0 .4rem; }
.hero__presenter { font-size: 1.15rem; color: rgba(255,255,255,.85); margin: 0 0 1.75rem; }
.hero__presenter a { color: var(--white); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 3px; }

.hero__actions { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.btn--play { font-size: 1.05rem; padding: 1rem 1.75rem; }
.hero__next { margin: 0; color: rgba(255,255,255,.8); font-size: .95rem; }
.hero__next strong { color: var(--white); }
.hero__countdown { color: var(--red); font-weight: 700; }

/* Sections */
.home-section { padding-block: 3rem; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; border-bottom: 2px solid var(--ink); padding-bottom: .5rem; }
.section-head__title { font-size: clamp(1.5rem, 4vw, 2.25rem); margin: 0; }
.section-head__more { font-weight: 700; font-size: .9rem; white-space: nowrap; }