/* ====================
HERO SECTION IMAGE AND TEXT BOX
==================== */

.hero-container {
    gap: 7px;
    width: 99%;
}

.hero-media {
    flex: 0 1 440px;
}

.hero-text-stack {
    flex: 0 1 562px;
    gap: 5px;
}

.text-box {
    padding: 5px 5px;
}

.text-box-1 { background: #fdfce0; border-color: #2e6b4f; flex: 1.1; box-shadow: 0 0 4px 2px rgba(255, 245, 150, 0.84); padding: 5px 7px; }
.text-box-1 p { color: #2e6b4f; font-size: 2.5rem; line-height: 1.20; }

.text-box-2 { background: #fbeef5; border-color: #3a3a7c; flex: 2; box-shadow: 0 0 4px 2px rgba(255, 245, 150, 0.84); padding: 10px 10px; }
.text-box-2 p { color: #a85a96; font-size: 2.45rem; line-height: 1.20; }

@media (max-width: 768px) {
    .hero-container { flex-direction: column; }
    .text-box-1 p { font-size: clamp(1.7rem, 5.8vw, 3.4rem); }
    .text-box-2 p { font-size: clamp(1.7rem, 5.6vw, 3.6rem); }
}