/* ================= EXPLORE FURTHER ================= */
:root{
  --ink:#fff;
  --ink-dim:#cfc7ba;
  --ease: cubic-bezier(.16,.84,.44,1);
}

section.lm-next-section {
  padding: 80px 0px 80px;
  background: #000;
  z-index: 99;
}

.explore-further__head{
  text-align:center;
  margin-bottom:55px;
}

.explore-further__eyebrow {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink);
  margin-bottom: 14px;
}

.explore-further__title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}

.explore-slider{
  max-width:1560px;
  margin:0 auto;
}

.explore-slide{
  padding:0 12px;
  height: 100%; /* equal height across cards inside slick track */
}

.explore-slide a{
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.explore-slide__img{
  height:400px;
  overflow:hidden;
  flex-shrink: 0;
}

.explore-slide__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s var(--ease);
}

.explore-slide:hover .explore-slide__img img{
  transform:scale(1.05);
}

/* Body: flex column so heading + text start on same baseline across all cards
   and button (if shown) is always pinned to the bottom */
.explore-slide__body{
  border-left:1px solid rgba(245,240,232,.25);
  padding:26px 24px 20px;
  min-height:130px;
  background: #000;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.explore-slide__body h1,
.explore-slide__body h2,
.explore-slide__body h3,
.explore-slide__body h4,
.explore-slide__body h5,
.explore-slide__body h6{
  font-weight:500;
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--ink);
  margin:0 0 12px;
  line-height:1.4;
}

.explore-slide__body p {
  font-size: 15px;
  line-height: 1.55;
  color: #fff;
  font-weight: 100;
  margin: 0;
}

/* Button pinned to bottom, hidden unless the "Show Button" toggle is on */
.explore-slide__btn{
  display: inline-block;
  margin-top: auto;
  padding-top: 18px;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  width: fit-content;
  transition: opacity .3s var(--ease);
}

.explore-slide:hover .explore-slide__btn{
  opacity: .75;
}

/* ---- Slick arrows override (dark theme) ---- */
.explore-slider .slick-prev,
.explore-slider .slick-next{
  width:44px;
  height:44px;
  z-index:5;
}
.explore-slider .slick-prev{ left:-10px; }
.explore-slider .slick-next{ right:-10px; }
.explore-slider .slick-prev:before,
.explore-slider .slick-next:before{
  font-size:28px;
  color:var(--ink);
  opacity:.85;
}
.explore-slider .slick-prev:hover:before,
.explore-slider .slick-next:hover:before{
  opacity:1;
}
.explore-slider .slick-dots{
  bottom:-40px;
}
.explore-slider .slick-dots li button:before{
  color:var(--ink-dim);
  opacity:.5;
}
.explore-slider .slick-dots li.slick-active button:before{
  color:var(--ink);
  opacity:1;
}

@media (max-width:768px){
  .explore-slide__img{ height:280px; }
}

/* ---- Editor-only preview (since slick JS doesn't run inside admin) ---- */
.explorefurther-editor-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.explorefurther-img-placeholder{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 12px;
  background: #1a1a1a;
}