.apiary-page-hero {
text-align: center;
padding: 5rem 1.5rem;
background:
linear-gradient(rgba(51, 41, 31, 0.72), rgba(51, 41, 31, 0.72)),
url("../images/apiary-lineup.jpg");
background-size: cover;
background-position: center;
color: white;
}

.apiary-page-hero h1 {
font-size: clamp(2.5rem, 6vw, 5rem);
line-height: 1.05;
max-width: 900px;
margin: 0 auto 1rem;
}

.apiary-page-hero p {
max-width: 760px;
margin: auto;
font-size: 1.15rem;
}

.apiary-page-hero .eyebrow {
color: var(--soft-gold);
}

/* ===========================
Apiary Statistics
=========================== */

.apiary-stats {
max-width: 1120px;
margin: -2rem auto 3rem;
padding: 0 1.5rem;

display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}

.stat-card {
background: white;
border: 1px solid var(--border);
border-radius: 24px;
padding: 1.75rem 1rem;
text-align: center;

box-shadow: 0 12px 28px rgba(51, 41, 31, 0.08);

transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 34px rgba(51, 41, 31, 0.12);
}

.stat-number {
display: block;
font-size: 2.25rem;
font-weight: bold;
color: var(--deep-honey);
font-family: Arial, sans-serif;
}

.stat-label {
display: block;
margin-top: 0.5rem;
color: var(--earth);
font-family: Arial, sans-serif;
font-size: 0.95rem;
}


.apiary-intro {
text-align: center;
max-width: 920px;
}

.apiary-intro p {
font-size: 1.1rem;
}

.wide-image {
margin: 2rem auto;
background: white;
padding: 0.75rem;
border-radius: 24px;
box-shadow: 0 16px 36px rgba(51, 41, 31, 0.13);
}

.wide-image img {
width: 100%;
display: block;
border-radius: 18px;
}

.colony-section {
max-width: 1120px;
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 2rem;
align-items: center;
}

.colony-section.reverse {
grid-template-columns: 0.95fr 1.05fr;
}

.colony-section.reverse .colony-media {
order: 2;
}

.colony-section.reverse .colony-copy {
order: 1;
}

.colony-media {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.85rem;
}

.colony-media img,
.colony-media video {
width: 100%;
height: 360px;
object-fit: cover;
border-radius: 20px;
box-shadow: 0 12px 28px rgba(51, 41, 31, 0.12);
background: white;
}

.colony-copy {
background: var(--white);
border: 1px solid var(--border);
border-radius: 24px;
padding: 2rem;
box-shadow: 0 12px 28px rgba(51, 41, 31, 0.08);
}

.colony-copy h2 {
color: var(--forest);
}

.colony-label {
display: inline-block;
background: rgba(200, 137, 31, 0.12);
color: var(--deep-honey);
font-family: Arial, sans-serif;
font-weight: bold;
padding: 0.35rem 0.75rem;
border-radius: 999px;
margin-top: 0;
}

.seasonal-story {
text-align: center;
max-width: 900px;
}

@media (max-width: 850px) {

.apiary-page-hero {
padding: 4rem 1.2rem;
}

.apiary-stats {
grid-template-columns: repeat(2, 1fr);
}


.colony-section,
.colony-section.reverse {
grid-template-columns: 1fr;
}

.colony-section.reverse .colony-media,
.colony-section.reverse .colony-copy {
order: initial;
}

.colony-media {
grid-template-columns: 1fr;
}

.colony-media img,
.colony-media video {
height: auto;
max-height: none;
}
}