/* widget: ss-essence */
.ss-essence__grid {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: center;
}
.ss-essence__text { grid-column: 2 / span 5; display: flex; flex-direction: column; gap: 24px; }
.ss-essence__text p { line-height: 26px; }
.ss-essence__media { grid-column: 8 / span 5; position: relative; }
.ss-essence__media img {
  position: relative; width: 100%; aspect-ratio: 466 / 583; object-fit: cover;
  border-radius: var(--ss-radius); box-shadow: var(--ss-shadow);
}
.ss-essence__glow {
  position: absolute; left: -32px; bottom: -32px; width: 128px; height: 128px;
  background: rgba(255, 221, 180, .3); border-radius: 12px; filter: blur(24px);
}

@media (max-width: 900px) {
  .ss-essence__grid { grid-template-columns: 1fr; row-gap: 56px; }
  .ss-essence__text, .ss-essence__media { grid-column: 1 / -1; }
  .ss-essence__media { max-width: 520px; width: 100%; justify-self: center; }
  .ss-essence__media img { aspect-ratio: 4 / 4.4; }
}

.ss-essence__story { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; }
.ss-essence__story p { line-height: 26px; }