/* v1.7 — final-content insertion only. No structural changes outside Latest Release. */
html body .spotlight .latest-panel .latest-copy h3{
  letter-spacing:.005em !important;
}
html body .spotlight .latest-panel .latest-copy .meta{
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}
html body .spotlight .latest-panel .latest-copy p{
  max-width:100% !important;
}
@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .latest-panel .latest-copy h3{
    font-size:19px !important;
  }
  html body .spotlight .latest-panel .latest-copy .meta{
    font-size:8.4px !important;
  }
  html body .spotlight .latest-panel .latest-copy p{
    font-size:9.4px !important;
    line-height:1.34 !important;
  }
}

/* v1.8 — align the two spotlight CTAs without changing any other section. */
@media (min-width:821px){
  html body .spotlight .featured-copy,
  html body .spotlight .latest-panel .latest-copy{
    justify-content:flex-start !important;
  }
  html body .spotlight .latest-panel .latest-copy{
    height:100% !important;
    align-self:stretch !important;
  }
  html body .spotlight .featured-copy .gold-button,
  html body .spotlight .latest-panel .latest-copy .gold-button{
    margin-top:auto !important;
  }
}
@media (min-width:1101px){
  html body .spotlight .featured-copy{
    padding-bottom:18px !important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .featured-copy{
    padding-bottom:14px !important;
  }
}


/* v2.1 — Featured Collection image from The Black Concord bible: reduce scale and frame it cleanly. */
@media (min-width:821px){
  html body .spotlight .featured-body{
    grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
    align-items:stretch !important;
  }
  html body .spotlight .featured-copy{
    padding-right:18px !important;
  }
  html body .spotlight .featured-visual{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:16px 18px 16px 0 !important;
    overflow:hidden !important;
  }
  html body .spotlight .featured-visual-frame{
    box-sizing:border-box !important;
    width:100% !important;
    height:252px !important;
    border:1px solid rgba(201,154,61,.58) !important;
    background:#000 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  html body .spotlight .featured-visual-frame .featured-art{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .featured-visual{
    padding:14px 14px 14px 0 !important;
  }
  html body .spotlight .featured-visual-frame{
    height:220px !important;
  }
}
@media (max-width:820px){
  html body .spotlight .featured-visual{
    padding:0 !important;
  }
  html body .spotlight .featured-visual-frame{
    width:100% !important;
    height:300px !important;
    border:1px solid rgba(201,154,61,.58) !important;
    background:#000 !important;
    overflow:hidden !important;
  }
  html body .spotlight .featured-visual-frame .featured-art{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}
@media (max-width:440px){
  html body .spotlight .featured-visual-frame{
    height:230px !important;
  }
}