.safari-info {
    background-color: #ffffff;
    padding: 60px 20px;
    color: #333;
}

.info-container {
    max-width: 800px; /* Narrower container for better readability */
    margin: 0 auto;
}

.info-block {
    margin-bottom: 40px;
}

/* Brand Header Style */
.info-block h3 {
    font-family: 'Architects Daughter', 'Comic Sans MS', cursive; /* Handwritten look */
    color: #4a6741; /* Sage Green */
    font-size: 1.2rem;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.info-block p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 15px;
}

/* Image Styling */
.info-image {
    margin: 40px 0;
    width: 100%;
}

.info-image img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Link Styling */
.inline-link {
    color: #333;
    text-decoration: underline;
    font-weight: 600;
}

.inline-link:hover {
    color: #4a6741;
}



/* EXPERT SECTION (Sand Background) */
.expert-experience {
    background-color: #ece4d9; /* Brand Sand */
    padding: 60px 10%;
    text-align: center;
}

.content-narrow {
    max-width: 1000px;
    margin: 0 auto;
}

.content-narrow p {
    font-size: 0.95rem;
    line-height: 1.8;
    margin-bottom: 25px;
    color: #333;
}

.expert-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 40px;
}

.grid-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* ULTIMATE SECTION (Green Background) */
.ultimate-experience {
    background-color: #4a6741; /* Brand Green */
    color: white;
    padding: 80px 10%;
}

.ultimate-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.ultimate-text h2 {
    font-size: 1.5rem;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.ultimate-text p {
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 20px;
    opacity: 0.9;
}

.brand-logo-small img {
    width: 200px;
    margin-top: 20px;
}

/* The Torn Circle for the Serengeti Image */
.torn-circle-ultimate {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1 / 1;
    position: relative;
    /* Reusing the irregular clip-path for consistency */
    clip-path: polygon(
        50% 1%, 68% 4%, 82% 12%, 94% 28%, 99% 48%, 
        96% 68%, 86% 86%, 72% 96%, 52% 99%, 32% 96%, 
        14% 86%, 4% 68%, 1% 48%, 6% 28%, 16% 12%, 32% 4%
    );
}

.torn-circle-ultimate img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.accommodation {
    background-color: #ece4d9; /* The exact sand/beige color from your image */
    padding: 80px 10%;
    text-align: center;
}

.accommodation-container {
    max-width: 1100px;
    margin: 0 auto;
}

.section-heading {
    color: #4a6741; /* Brand Sage Green */
    font-size: 1.1rem;
    letter-spacing: 2px;
    margin-bottom: 25px;
    font-weight: 700;
}

.section-text {
    max-width: 800px;
    margin: 0 auto 50px;
}

.section-text p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #333;
    /* Optional: Use "text-align: justify" if you want the block look from the screenshot */
    text-align: center; 
}

/* Image Grid Styling */
.accommodation-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.accommodation-grid .grid-item img {
    width: 100%;
    height: 400px; /* Fixed height for symmetry as seen in image */
    object-fit: cover;
    display: block;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Responsive adjustment */
@media (max-width: 768px) {
    .accommodation-grid {
        grid-template-columns: 1fr;
    }
}
