/* Reversible photo treatment: remove data-photo-style="soft" to restore.
   Homepage collage only. Original assets and case artwork remain untouched. */
.life-stories[data-photo-style="soft"] {
  --photo-tone: saturate(.76) contrast(.98) brightness(1.025);
  --photo-shadow: 0 3px 12px rgb(20 20 20 / .06);
  --detail-shadow: 0 2px 8px rgb(20 20 20 / .06);
}

.life-stories[data-photo-style="soft"] :is(
  .dog-photo, .film-backstage, .film-installation, .wool-object,
  .scent-workshop, .musical-stage, .musical-vinyl,
  .wool-field-crop img, .fashion-outfit img
) {
  filter: var(--photo-tone);
}

/* Preserve a little more green and candle warmth; no filter on app screens. */
.life-stories[data-photo-style="soft"] .wool-field-crop img {
  filter: saturate(.84) contrast(.98) brightness(1.025);
}
.life-stories[data-photo-style="soft"] .scent-candle {
  filter: saturate(.9) contrast(.98) brightness(1.04);
}

.life-stories[data-photo-style="soft"] :is(
  .dog-photo, .film-backstage, .wool-field-crop,
  .scent-workshop, .musical-stage, .fashion-outfit
) {
  border-radius: 12px;
  box-shadow: var(--photo-shadow);
}
.life-stories[data-photo-style="soft"] :is(
  .film-installation, .wool-object, .scent-candle,
  .musical-vinyl, .fashion-profile
) {
  border-radius: 8px;
  box-shadow: var(--detail-shadow);
}

/* Secondary photographs recede slightly without shrinking text-heavy UI. */
.life-stories[data-photo-style="soft"] :is(.film-installation, .wool-object) {
  transform: scale(.94);
  transform-origin: bottom right;
}
.life-stories[data-photo-style="soft"] .scent-candle {
  transform: rotate(5deg) scale(.94);
  transform-origin: bottom right;
}
.life-stories[data-photo-style="soft"] .musical-vinyl {
  transform: rotate(-5deg) scale(.94);
  transform-origin: bottom right;
}
.life-stories[data-photo-style="soft"] :is(
  .cocktail-note, .cocktail-current, .invest-plan, .flight-alert
) {
  box-shadow: var(--detail-shadow);
}