/* The Enigma v3.31 — album spacing and selection-tile consistency.
   Deliberately does not touch any slideshow/gallery JavaScript, image lists,
   imported files, or the grandparent comment service. */

/* Jeff's and Paula's selection cards wear their real album backgrounds.
   Slight dark fade keeps the card labels legible. */
.collections-entrance .tile-jeff::before{
  background-image:
    linear-gradient(180deg,rgba(1,9,28,.15) 0%,rgba(1,10,25,.43) 47%,rgba(1,8,21,.91) 100%),
    url('/assets/img/jeff-lightning-v330.webp');
  background-position:center, center;
  background-size:cover, cover;
  background-repeat:no-repeat;
}
.collections-entrance .tile-jeff .tile-illustration{
  background:linear-gradient(180deg,rgba(1,8,24,.10),rgba(1,8,22,.14));
}
.collections-entrance .tile-jeff .tile-illustration i{
  background:linear-gradient(145deg,rgba(12,43,77,.47),rgba(4,20,37,.55));
  border-color:rgba(127,207,255,.72);
}
.collections-entrance .tile-paula::before{
  background-image:
    linear-gradient(180deg,rgba(14,35,12,.24) 0%,rgba(12,38,14,.36) 48%,rgba(8,27,9,.9) 100%),
    url('/assets/img/paula-striped-lawn-sky-v328.webp');
  background-position:center, center;
  background-size:cover, cover;
  background-repeat:no-repeat;
}
.collections-entrance .tile-paula .tile-illustration{
  background:linear-gradient(180deg,rgba(11,44,20,.06),rgba(13,43,14,.16));
}
.collections-entrance .tile-paula .tile-illustration i{
  background:linear-gradient(140deg,rgba(117,158,83,.7),rgba(33,80,42,.79));
  border-color:#dfebbb;
  box-shadow:0 8px 22px rgba(9,31,11,.48);
}
.collections-entrance .tile-paula{border-color:rgba(216,230,169,.62)}
.collections-entrance .tile-paula .tile-meta{color:#ebf1cd}
.collections-entrance .tile-paula .tile-action{color:#e3f2cf}
/* Full legal names rather than a relationship label; deliberately on two lines. */
.collections-entrance .tile-grandparents strong.named-archive{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  font-size:clamp(1.35rem,2.18vw,2rem);
  line-height:1.14;
  min-height:2.45em;
}
.collections-entrance .tile-grandparents strong.named-archive span{display:block;white-space:nowrap}

/* Match Paula's heading scale and vertical position to Jeff's v3.30 page.
   Keep the italic Georgia and existing sage/olive palette. */
.personal-album.theme-daylight .personal-main{padding-top:7px;padding-bottom:45px}
.personal-album.theme-daylight .personal-title-area{
  padding:12px 4px 13px;
}
.personal-album.theme-daylight .personal-title-area h1{
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(3.3rem,5.6vw,5.15rem);
  line-height:1.09;
  letter-spacing:.007em;
}
.personal-album.theme-daylight .album-decorative-rule{
  margin:4px auto 5px;
  width:min(365px,75vw);
}
.personal-album.theme-daylight .personal-kicker{
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.07rem,1.7vw,1.45rem);
  line-height:1.4;
  margin:2px 0 0;
  letter-spacing:.015em;
}
/* Reduce only the space around the grandparents' established header.
   All text and the animated family/stories/memories carousel stay. */
.family-page .family-arch{
  margin:2px auto 10px;
  padding:3px 8px 1px;
}
.family-page .family-arch p.family-collection-label{
  margin:0 0 2px;
}
.family-page .family-arch h1.family-title-carousel{
  height:clamp(75px,10.15vw,125px);
}
.family-page .family-title-phrase{
  font-size:clamp(2.5rem,7.2vw,6rem);
}
.family-page .album-decorative-rule{
  margin:0 auto 2px;
}
.family-page .family-arch p.family-subtitle{
  margin:0;
}
@media(max-width:850px){
  .collections-entrance .tile-grandparents strong.named-archive{font-size:clamp(1.1rem,2.23vw,1.47rem)}
}
@media(max-width:700px){
  .personal-album.theme-daylight .personal-main{padding-top:12px}
  .personal-album.theme-daylight .personal-title-area h1{font-size:clamp(2.7rem,11vw,4.1rem)}
  .family-page .family-title-phrase{font-size:clamp(2.35rem,9vw,4.1rem)}
  .family-page .family-arch h1.family-title-carousel{height:clamp(68px,16vw,96px)}
}
@media(max-width:620px){
  .collections-entrance .tile-grandparents strong.named-archive{font-size:clamp(1.35rem,5vw,1.85rem)}
}