.vessel-kits { scroll-margin-top: 72px; }
.vessel-kits h2 { margin: .45rem 0 1rem; }
.vessel-kit-grid,
.vessel-kit-unboxing,
.vessel-kit-intake { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.vessel-kit-card { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(24px, 4vw, 44px); border: 1px solid #d5cec5; border-top: 3px solid #a86532; background: #fbf9f5; }
.vessel-kit-card h3 { margin: 0; font-size: clamp(26px, 3vw, 38px); }
.vessel-kit-card ul { margin: 0 0 24px; padding-left: 1.25rem; line-height: 1.6; }
.vessel-kit-card .button { margin-top: auto; }
.vessel-kit-unboxing { align-items: center; gap: clamp(24px, 5vw, 64px); margin: clamp(48px, 8vw, 90px) 0; }
.vessel-kit-image { min-height: clamp(240px, 32vw, 400px); background: #493b32 url('/assets/vessel-kit.webp') center / cover; }
.vessel-kit-intake { align-items: start; gap: clamp(24px, 5vw, 64px); border-top: 1px solid #d5cec5; padding-top: clamp(30px, 5vw, 60px); scroll-margin-top: 88px; }
#vessel-kit-form { display: grid; gap: 14px; padding: clamp(20px, 4vw, 32px); background: #fbf9f5; border: 1px solid #d5cec5; }
#vessel-kit-form label { display: block; font-size: 14px; font-weight: 600; }
#vessel-kit-form label span { font-weight: 400; }
#vessel-kit-form input:not([type=checkbox]), #vessel-kit-form select, #vessel-kit-form textarea { display: block; width: 100%; margin-top: 5px; padding: 10px; border: 1px solid #8a8177; border-radius: 3px; background: white; color: #252629; font: inherit; }
#vessel-kit-form fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid #d5cec5; }
#vessel-kit-form fieldset label + label { margin-top: 10px; }
#vessel-kit-form [hidden] { display: none; }
#vessel-kit-form .vessel-kit-consent .button { display: inline; padding: 0; color: #71431d; text-decoration: underline; }
#kit-switch-turnkey { background: none; border: 0; padding: 0; color: #71431d; text-decoration: underline; cursor: pointer; }
#vessel-kit-form button:disabled { opacity: .55; cursor: not-allowed; }
#kit-status { margin: 0; }
#kit-status:empty { display: none; }
@media (max-width: 740px) {
  .vessel-kit-grid, .vessel-kit-unboxing, .vessel-kit-intake { grid-template-columns: 1fr; }
}

.hero .vessel-hero-services {
  margin: 2rem 0 0;
  font-size: .875rem;
}
.vessel-hero-services a {
  text-decoration: underline;
  text-underline-offset: .2em;
}
.vessel-kit-intake-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  margin-top: 24px;
}