.op-vendor-intro { max-inline-size:74rem; padding:clamp(3rem,6vw,5rem) 1.5rem 2.5rem; margin-inline:auto;
 h1 { font-weight:400; font-size:clamp(2.5rem,5vw,4.25rem); line-height:1.15; margin:0 0 1.5rem; }
 p { font-size:1.2rem; line-height:1.6; max-inline-size:43rem; }
}
.op-vendor-registration { max-inline-size:74rem; margin:0 auto; padding:0 1.5rem 5rem; display:grid; align-items:start; gap:2rem;
 .op-vendor-aside { background:#e9e2d1; padding:clamp(1.5rem,3vw,2.5rem);
  .op-kicker { font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:var(--op-clay); }
  h2 { font-size:1.7rem; font-weight:400; text-transform:none; letter-spacing:normal; margin:1rem 0; }
  p { line-height:1.65; }
  >div { margin-block-start:2rem; padding-block-start:1.5rem; border-block-start:1px solid #c6bdab; }
  h3 { font-size:1rem; font-weight:400; } a { color:var(--op-clay); }
 }
 .op-vendor-form-panel { min-inline-size:0; background:white; padding:clamp(1.25rem,3vw,2.5rem); border:1px solid #e0dcd4;
  >h2 { font-size:1.8rem; font-weight:400; text-transform:none; letter-spacing:normal; margin:0 0 1rem; }
  .op-form-note,.op-required-note { font-size:.8rem; color:#626262; line-height:1.6; }
  .op-form-note { padding-inline-start:1rem; border-inline-start:2px solid #bcb5a9; margin-block:1.5rem; }
  .op-form-result { padding:1rem; border:1px solid var(--op-clay); margin-block:1.5rem; line-height:1.6; }
 }
 fieldset { border:0; padding:0; margin:2rem 0; min-inline-size:0; }
 legend { display:block; inline-size:100%; font-size:1.05rem; padding:0 0 .75rem; border-block-end:1px solid #ddd7cc; margin-block-end:1.25rem; color:var(--op-clay); }
 .op-vendor-field-grid { display:grid; gap:1.25rem; }
 label { font-size:.9rem; line-height:1.5; display:block; }
 .op-optional { color:#727272; font-size:.8rem; }
 input:not([type=checkbox]):not([type=hidden]),textarea { font:inherit; inline-size:100%; min-inline-size:0; background:#faf9f6; border:1px solid #aaa69d; padding:.7rem .8rem; margin-block-start:.4rem; border-radius:.15rem; color:#222; }
 textarea { resize:vertical; }
 .op-vendor-consent { p { font-size:.8rem; line-height:1.65; color:#626262; } label { display:flex; gap:.75rem; align-items:start; margin-block:1.25rem; } input { flex-shrink:0; inline-size:1.15em; block-size:1.15em; margin:.25em 0 0; accent-color:var(--op-clay); } a { color:var(--op-clay); } }
 button { white-space:normal; }
 .op-honeypot { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
}
@media (min-width:640px) { .op-vendor-registration { .op-vendor-field-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .op-vendor-wide { grid-column:1/-1; } } }
@media (min-width:1000px) { .op-vendor-registration { grid-template-columns:minmax(0,2fr) minmax(0,4fr); gap:3rem; .op-vendor-aside { order:-1; } } }