.vm-register { padding: 2rem 1.25rem 3rem; }
.vm-register-layout { max-width: 1000px; margin: 0 auto; display: grid; gap: 2rem; }
.vm-register-home { display: inline-block; }
.vm-register-home .vm-mark { width: 280px; max-width: 100%; margin: 0 0 1.5rem; }
.vm-register-intro h1 { color: var(--color-text-dark); font: 400 clamp(2.5rem, 5vw, 3.8rem)/1.1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; margin: 0 0 1rem; }
.vm-register-note { color: var(--color-text-light-1); font-size: 1rem; line-height: 1.7; max-width: 25rem; margin-top: 1.5rem; }
.vm-register-art { display: none; }
.vm-register-form { min-width: 0; }
.vm-register-form > .ui.container { width: 100% !important; margin: 0 0 1rem !important; }
.vm-register-form .ui.top.attached.header { font-weight: 400; font-size: 1.15rem; text-align: left; padding: 1.15rem 1.5rem; background: var(--steel-700); border-color: var(--steel-550); }
.vm-register-form .ui.attached.segment { padding: 1.5rem; border-color: var(--steel-550); }
.vm-register-form .ui.form .field { margin-bottom: 1.25rem; }
.vm-register-form .ui.form .inline.field:last-child { margin-bottom: 0; }
.vm-register-form .ui.form input { font-size: 1rem; }
.vm-register-hint { color: var(--color-text-light-3); font-size: .9rem; line-height: 1.6; margin: 1rem 0 0; }
@media (min-width: 800px) {
  .vm-register { padding: 4rem 2.5rem; }
  .vm-register-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 5rem; align-items: start; }
  .vm-register-art { display: block; width: 100%; height: 170px; object-fit: cover; object-position: 50% 38%; filter: grayscale(1) brightness(.8); margin-top: 2rem; border: 1px solid var(--steel-550); }
}