/* Sparkly 2026 editorial additions */
.jd-care-edit {
  position: relative;
  overflow: hidden;
  color: #3f3d39;
  background:
    linear-gradient(rgba(250, 248, 244, .78), rgba(250, 248, 244, .78)),
    url("../photos/sparkly-silk-background.png") center / cover;
}

.jd-care-edit::before {
  content: "";
  position: absolute;
  inset: 8% auto 8% 50%;
  width: 1px;
  background: rgba(181, 157, 112, .28);
}

.jd-care-edit__layout {
  display: grid;
  grid-template-columns: minmax(15rem, .72fr) minmax(30rem, 1.45fr) minmax(13rem, .62fr);
  gap: clamp(2.5rem, 5vw, 6.5rem);
  align-items: center;
  padding-block: clamp(6rem, 10vw, 10rem);
}

.jd-care-edit__head { align-self: start; padding-top: clamp(1rem, 5vw, 5rem); }
.jd-care-edit__head .jd-display { max-width: 9ch; margin-bottom: 1.5rem; }
.jd-care-edit__head > p:not(.jd-eyebrow) { max-width: 31rem; color: #68645e; line-height: 1.8; }

.jd-care-edit__visual {
  position: relative;
  min-height: clamp(35rem, 58vw, 49rem);
}

.jd-care-edit__visual figure { position: absolute; margin: 0; }
.jd-care-edit__visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.jd-care-edit__main { inset: 0 23% 5% 0; }
.jd-care-edit__detail {
  right: 0;
  bottom: 0;
  width: 42%;
  height: 48%;
  padding: .45rem;
  background: rgba(250, 248, 244, .96);
  box-shadow: 0 1.2rem 3rem rgba(98, 86, 66, .12);
}

.jd-care-edit__visual figcaption {
  display: flex;
  gap: .75rem;
  padding-top: .8rem;
  color: #5f5b54;
  font-family: var(--jd-font-body);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.jd-care-edit__visual figcaption span { color: #a58d61; }

.jd-care-edit__rail {
  display: grid;
  align-self: stretch;
  align-content: center;
}
.jd-care-edit__rail article { padding: 1.75rem 0; border-bottom: 1px solid rgba(181, 157, 112, .34); }
.jd-care-edit__rail article:first-child { border-top: 1px solid rgba(181, 157, 112, .34); }
.jd-care-edit__rail span {
  display: block;
  margin-bottom: .55rem;
  color: #343434;
  font-family: var(--jd-font-display);
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}
.jd-care-edit__rail p { margin: 0; color: #6f6b64; font-size: .88rem; line-height: 1.7; }

@media (max-width: 1000px) {
  .jd-care-edit::before { display: none; }
  .jd-care-edit__layout { grid-template-columns: 1fr 1.35fr; }
  .jd-care-edit__rail { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
  .jd-care-edit__rail article,
  .jd-care-edit__rail article:first-child { border-top: 1px solid rgba(181, 157, 112, .34); }
}

@media (max-width: 680px) {
  html,
  body.jd-body { max-width: 100%; overflow-x: hidden; }

  body.jd-body .jd-hero__video-shell { overflow: hidden; }
  body.jd-body .jd-hero__center {
    left: 1.25rem;
    right: 1.25rem;
    width: auto;
    max-width: none;
    transform: translateY(-50%);
  }
  body.jd-body .jd-hero__center h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(2.35rem, 11.5vw, 3rem);
    line-height: .88;
  }
  body.jd-body .jd-hero__title-love,
  body.jd-body .jd-hero__title-nails,
  body.jd-body .jd-hero__center h1 em { display: block; max-width: 100%; }
  body.jd-body .jd-hero__title-love,
  body.jd-body .jd-hero__title-nails { white-space: nowrap; }
  body.jd-body .jd-hero__title-nails { font-size: .86em; }
  body.jd-body .jd-hero__center h1 em { font-size: .72em; line-height: 1.05; }
  body.jd-body .jd-hero__lead {
    width: 100%;
    max-width: 100%;
    padding-inline: .35rem;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: .62rem;
    line-height: 1.55;
  }
  body.jd-body .jd-hero__actions { width: min(17rem, 100%); margin-inline: auto; flex-direction: column; align-items: stretch; }
  body.jd-body .jd-hero__actions .jd-btn { width: 100%; min-width: 0; padding-inline: 1.1rem; font-size: .62rem; }

  body.jd-body .jd-about-home__layout,
  body.jd-body .jd-overview-new__head,
  body.jd-body .jd-why-boutique__head { grid-template-columns: minmax(0, 1fr); }
  body.jd-body .jd-about-home__layout > *,
  body.jd-body .jd-about-home__intro,
  body.jd-body .jd-about-home__service { min-width: 0; max-width: 100%; }

  body.jd-body .jd-float {
    right: .65rem;
    left: .65rem;
    width: auto;
    max-width: none;
  }
  body.jd-body .jd-float > * { min-width: 0; }

  .jd-care-edit__layout { display: block; padding-block: 5rem 6rem; }
  .jd-care-edit__head { margin-bottom: 3rem; }
  .jd-care-edit__visual { min-height: 35rem; margin-bottom: 3rem; }
  .jd-care-edit__main { right: 15%; }
  .jd-care-edit__detail { width: 48%; height: 43%; }
  .jd-care-edit__rail { display: block; }
}