/* Version B only: Floral Muse subscription frame (photo + tiers), after the client's 26 Oct poster */
.rm-sub{ display:grid; grid-template-columns:1fr 1fr; min-height:100vh; min-height:100svh; background:var(--bone-light); }
.rm-sub__pic{ position:relative; overflow:hidden; min-height:560px; }
.rm-sub__body{ display:flex; align-items:center; padding:clamp(72px,8vw,120px) clamp(24px,6vw,96px); color:var(--ink); }
.rm-sub__body > div{ width:100%; max-width:600px; }
.rm-sub__h{ font-family:var(--serif); font-weight:400; font-size:clamp(44px,5vw,76px); line-height:1; letter-spacing:-.015em; color:var(--laterite); margin-top:14px; }
.rm-sub__h em{ font-style:italic; }
.rm-sub__lead{ margin-top:18px; font-size:18px; color:var(--ink-soft); }
.rm-tiers{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:44px; border-top:1px solid rgba(78,28,16,.2); border-bottom:1px solid rgba(78,28,16,.2); }
.rm-tier{ display:block; padding:26px 8px; text-align:center; color:inherit; text-decoration:none; transition:background .2s; }
.rm-tier + .rm-tier{ border-left:1px solid rgba(78,28,16,.2); }
.rm-tier:hover{ background:rgba(78,28,16,.05); }
.rm-tier i{ display:block; font-style:normal; font-size:11px; letter-spacing:.2em; color:var(--ink-soft); }
.rm-tier b{ display:block; font-family:var(--serif); font-weight:400; font-size:clamp(24px,2.2vw,32px); line-height:1.1; margin-top:10px; color:var(--laterite); }
.rm-tier span{ display:block; margin-top:6px; font-size:16px; }
.rm-steps{ list-style:none; padding:0; margin:36px 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.rm-steps li{ font-family:var(--serif); font-size:19px; line-height:1.2; }
.rm-steps li i{ display:block; font-family:var(--sans); font-style:normal; font-size:11px; letter-spacing:.2em; color:var(--ink-soft); margin-bottom:6px; }
.rm-sub__fine{ margin-top:22px; font-size:14px; color:var(--ink-soft); }
.rm-sub .bl-btn{ margin-top:36px; }
@media (max-width:960px){
  .rm-sub{ grid-template-columns:1fr; }
  .rm-sub__pic{ min-height:72svh; }
}
@media (max-width:560px){
  .rm-tiers{ grid-template-columns:repeat(2,1fr); }
  .rm-tier:nth-child(3){ border-left:0; }
  .rm-tier:nth-child(n+3){ border-top:1px solid rgba(78,28,16,.2); }
  .rm-steps{ grid-template-columns:repeat(2,1fr); row-gap:22px; }
}
/* shown later on the page: photo on the right so it doesn't mirror the waitlist duo below */
@media (min-width:961px){ .rm-sub--flip .rm-sub__pic{ order:2; } }
.rm-tier small{ font-size:12px; color:var(--ink-soft); white-space:nowrap; }