/* ==========================================================================
   KALP About Page — Rainbow + City Background Variant
   Load AFTER about.css.

   Light sections → rainbow-bg.png with cream overlay
   Dark sections  → city illustration with dark overlay (each unique)

   Images:
     1.jpg = Udaipur (palaces, lake)
     2.jpg = Varanasi (ghats, boats)
     3.jpg = Varanasi (temples, Ganga)
     4.jpg = Kolkata (Victoria Memorial, bridge)
   ========================================================================== */


/* ==========================================================================
   DARK SECTIONS — City illustrations with dark overlay
   ========================================================================== */

/* ── Hero "About KALP": Udaipur ── */
.about-hero {
    background: url('../images/backgrounds/1.jpg') center / cover no-repeat;
}

.about-hero::before {
    /* Lightened 0.75 -> 0.50 to match The Craft + The Road Ahead, so the
       Udaipur city art reads through consistently across all dark sections. */
    background: rgba(26, 10, 3, 0.5);
    z-index: 0;
}

.about-hero > * {
    position: relative;
    z-index: 1;
}


/* ── Why We Exist: Varanasi ghats ── */
.about-why {
    background: url('../images/backgrounds/2.jpg') center / cover no-repeat;
    position: relative;
}

.about-why::before {
    content: '';
    position: absolute;
    inset: 0;
    /* Lightened 0.78 -> 0.50 to match The Craft + The Road Ahead. */
    background: rgba(26, 10, 3, 0.5);
    pointer-events: none;
    z-index: 0;
}

.about-why > * {
    position: relative;
    z-index: 1;
}


/* ── The Craft: Varanasi temples ── */
.about-craft {
    background: url('../images/backgrounds/3.jpg') center / cover no-repeat;
    position: relative;
}

.about-craft::before {
    content: '';
    position: absolute;
    inset: 0;
    /* A/B test (punch-list item A): lighter shade of the SAME dark-brown.
       Was rgba(26,10,3,0.78) — now 0.5 opacity so the Varanasi temple
       background reads through more clearly while keeping the brown wash. */
    background: rgba(26, 10, 3, 0.5);
    pointer-events: none;
    z-index: 0;
}

.about-craft > * {
    position: relative;
    z-index: 1;
}


/* ── The Road Ahead: Kolkata ── */
.about-vision {
    background: url('../images/backgrounds/4.jpg') center / cover no-repeat;
    position: relative;
}

.about-vision::before {
    content: '';
    position: absolute;
    inset: 0;
    /* Match the Craft section: lighter shade of same dark-brown tint
       (was 0.78 -> now 0.5). User picked Option 1 of the A/B test. */
    background: rgba(26, 10, 3, 0.5);
    pointer-events: none;
    z-index: 0;
}

.about-vision > * {
    position: relative;
    z-index: 1;
}


/* ── Experience KALP (CTA): Udaipur alternate angle ── */
.about-cta {
    background: url('../images/backgrounds/1.jpg') center bottom / cover no-repeat;
    position: relative;
}

.about-cta::before {
    /* Lightened 0.75 -> 0.50 to match The Craft + The Road Ahead. */
    background: rgba(26, 10, 3, 0.5);
    z-index: 0;
}

.about-cta > * {
    position: relative;
    z-index: 1;
}


/* ==========================================================================
   LIGHT SECTIONS — Rainbow packaging bg with cream overlay
   ========================================================================== */

/* ── Philosophy ── */
.about-philosophy {
    background: url('../images/backgrounds/rainbow-bg.png') center / cover no-repeat;
    position: relative;
}

.about-philosophy::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 248, 238, 0.6);
    pointer-events: none;
}

.about-philosophy > * {
    position: relative;
    z-index: 1;
}


/* ── Flavours / Stories in Every Bar ── */
.about-flavours {
    background: url('../images/backgrounds/rainbow-bg.png') center / cover no-repeat;
    position: relative;
}

.about-flavours::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 248, 238, 0.6);
    pointer-events: none;
}

.about-flavours > * {
    position: relative;
    z-index: 1;
}


/* ── Pranada / Company Behind KALP ── */
.about-pranada {
    background: url('../images/backgrounds/rainbow-bg.png') center / cover no-repeat;
    position: relative;
}

.about-pranada::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 248, 238, 0.6);
    pointer-events: none;
}

.about-pranada > * {
    position: relative;
    z-index: 1;
}


/* ── As Seen In / Press ── */
.about-press {
    background: url('../images/backgrounds/rainbow-bg.png') center / cover no-repeat;
    position: relative;
}

.about-press::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 248, 238, 0.6);
    pointer-events: none;
}

.about-press > * {
    position: relative;
    z-index: 1;
}