/* === CAMINA Hero Section === */
#camina-hero {
position: relative;
padding: 120px 20px;
text-align: center;
background-color: #f6f2ef;
opacity: 0;
transform: translateY(40px);
transition: opacity 2s ease-out, transform 2s ease-out;
overflow: hidden;
}
/* === Scroll Trigger Activation === */
#camina-hero.in-view {
opacity: 1;
transform: translateY(0);
}
/* === Background Glow Layer === */
.hero-glow-bg::before {
content: "";
position: absolute;
top: -20%;
left: -20%;
width: 150%;
height: 150%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
animation: glow-move 24s linear infinite;
z-index: 0;
}
/* === Content Wrapper === */
.hero-content {
position: relative;
z-index: 2;
max-width: 700px;
margin: 0 auto;
}
/* === Headline with Shimmer === */
.hero-heading {
font-size: 2.4rem;
line-height: 1.4;
font-weight: 600;
background: linear-gradient(90deg, #bbb, #fff, #bbb);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: shimmer 3s ease forwards;
margin-bottom: 24px;
}
/* === Subheading Paragraph === */
.hero-subhead {
font-size: 1.1rem;
line-height: 1.8;
color: #3d3d3d;
margin-bottom: 32px;
}
/* === Caption (small text) === */
.hero-caption {
font-size: 0.9rem;
color: #666;
margin-top: 12px;
}
/* === Button === */
.hero-button {
display: inline-block;
margin-top: 12px;
padding: 14px 32px;
