/* Shared experience cards: photos and video fill their frames edge to edge. */
.studioMoments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;align-items:stretch}
.studioMoment{min-width:0;overflow:hidden;border-radius:24px;background:#fffaf6;border:1px solid rgba(77,46,100,.09);box-shadow:0 10px 28px rgba(45,26,61,.045)}
.studioMomentMedia{height:350px;overflow:hidden;background:#eee6f5}
.studioMomentMedia img,.studioMomentMedia video{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border:0;border-radius:0;background:transparent}
.studioMomentCopy{padding:26px 26px 30px}
.studioMomentCopy h3{margin:0 0 12px;font-size:22px;line-height:1.25;letter-spacing:-.025em;color:#2f203b}
.studioMomentCopy p{margin:0;font-size:16px;line-height:1.65;color:#63596c}
@media(max-width:900px){.studioMoments{gap:16px}.studioMomentMedia{height:290px}.studioMomentCopy{padding:22px 18px}.studioMomentCopy h3{font-size:20px}}
@media(max-width:700px){.studioMoments{grid-template-columns:1fr;gap:24px;margin-top:28px}.studioMomentMedia{height:auto;aspect-ratio:4/3}.studioMomentCopy{padding:24px}.studioMomentCopy h3{font-size:22px}}

/* Warm experience section separates it from the lavender booking form. */
#page-open #open-details,#page-private #private-details{background:#fff5e9;color:#2f203b}
#open-details .studioMoment,#private-details .studioMoment{background:#fffdf9}