* {
  :root {
    --botanical-green: #7c8055;
    --herbal-cream: #f6f4ef;
    --muted-clay: #c46a4a;
    --deep-charcoal: #2e2e2c;
    --herbal-amber: #d8a84e;
    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Inter", sans-serif;
    --nav-background: rgba(246, 244, 239, 1);
    --main-: #020f1b;
    --clr-gold-hero: rgba(243, 213, 82, 1);
    --clr-conf-blue: #020f1b;
    --clr-conf_Gold: #f3d552;
    --clr-conf-Gray-bg: rgba(139, 136, 136, 0.05);
    --conf-gray-main: rgba(255, 255, 255, 1);
    --clr-conf-Gold-bg: rgba(243, 213, 82, 0.2);
    --clr-conf-white: #fff;
    --clr-button-gold-bg: rgba(32, 32, 31, 1);
  }
}
.parent {
  background: var(--clr-conf-blue);
  color: var(--herbal-cream);
  display: none;
}
.gire-header {
  font-weight: 600;
  font-style: semi-bold;
  font-size: clamp(1.7rem, 4.5vw, 2.1rem);
  line-height: 100%;
  letter-spacing: 0;
}
.line-divider {
  /* background: var(--clr-button-gold-bg); */
  max-width: 100%;
  border: 1px solid var(--herbal-cream);
  position: relative;
opacity: 1;
border-width: 1px;

}
.story_line_add{
    display: flex;
    justify-content: space-between;
}
.picture-story-divider {
  background: var(--herbal-cream);
  color: var(--clr-conf-blue);
  padding: 15px 25px;
  border: none;
  font-weight: 600;
  font-size: clamp(1rem, 2.5vw, 1.1rem);
  margin-right: 8px;
}
.gallery-display {
    margin: 35px 0px;
    columns: 3;
    column-gap: 15px;
}

.gallery-display > div{
     background: var(--herbal-cream);

     /* border-radius: 5px; */
    box-shadow: 0 0 10px var(--clr-conf-blue);
}
.gallery-display > div  img {
    /* border-radius: 5px; */
    width: 100%;
    display: block;
    margin-bottom: 15px;
    break-inside: avoid;  /* Prevents image from splitting across columns */

}
@media screen and (min-width: 0) and (max-width: 760px) {
    .line-divider{
        display: none;
    }
    .gallery-display{
        columns: 1;
    }
}