html, body { height: auto !important; min-height: 100vh !important; overflow-x: hidden !important; }
#dc-root, #dc-root > .sc-host { height: auto !important; min-height: 100vh; overflow: visible !important; }
.ms-map-wrap { height: 380px !important; }

/* Building image — show bottom where Mindspace logo is */
#ms-building-img-0,
[id^="ms-building-img-"] img { object-position: center bottom !important; }

/* Responsive: small phones */
@media (max-width: 480px) {
  .ms-header { padding: 12px 16px !important; }
  .ms-nav-cta { font-size: 11px !important; padding: 8px 14px !important; }
  .ms-hero-content { padding: 0 20px 56px !important; }
  .ms-hero-content h1 { font-size: 36px !important; }
  .ms-hero-content p { font-size: 15px !important; }
  .ms-section-pad { padding: 56px 20px !important; }
  .ms-building-content > div:first-child { height: 300px !important; }
  .ms-building-copy { padding: 32px 20px !important; }
  .ms-building-copy h2 { font-size: 26px !important; }
  .ms-row-flex { padding: 0 20px !important; }
  .ms-quote { padding: 48px 20px !important; }
  .ms-founding-section { padding: 60px 20px !important; }
  .ms-founding-row { flex-direction: column !important; gap: 40px !important; }
  #hs-form-wrap { max-width: 100% !important; }
  .ms-gallery-row > div { height: 36vh !important; }
  .ms-gallery-tall { height: 36vh !important; }
  .ms-map-wrap { height: 280px !important; margin-left: 20px !important; margin-right: 20px !important; }
  .ms-footer-row { padding: 0 20px !important; }
}

/* HubSpot form */
#hs-form-wrap, #hs-form-wrap * { color: #FBEEC8 !important; }
#hs-form-wrap .hs-form-field label { color: #FBEEC8 !important; opacity: .6 !important; font-family: "ABC Diatype", sans-serif !important; }
#hs-form-wrap input.hs-input,
#hs-form-wrap select.hs-input,
#hs-form-wrap textarea.hs-input,
#hs-form-wrap .hs-input { 
  color: #FBEEC8 !important; 
  background: transparent !important; 
  background-color: transparent !important;
  border: none !important; 
  border-bottom: 1px solid rgba(251,238,200,.35) !important; 
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "ABC Diatype", sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  padding: 10px 2px !important;
  -webkit-appearance: none !important;
}
#hs-form-wrap input.hs-input::placeholder,
#hs-form-wrap .hs-input::placeholder { color: #FBEEC8 !important; opacity: .5 !important; }
#hs-form-wrap input.hs-input:focus,
#hs-form-wrap .hs-input:focus { border-bottom-color: #93C5A9 !important; outline: none !important; }
#hs-form-wrap select.hs-input option { background: #17382A !important; color: #FBEEC8 !important; }
#hs-form-wrap .hs-button,
#hs-form-wrap input[type="submit"] { 
  color: #FBEEC8 !important; 
  background: transparent !important; 
  background-color: transparent !important;
  border: 1px solid #FBEEC8 !important; 
  border-radius: 999px !important;
  padding: 16px 32px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  font-family: "ABC Diatype", sans-serif !important;
}
#hs-form-wrap .hs-richtext, #hs-form-wrap .hs-richtext p,
#hs-form-wrap .legal-consent-container,
#hs-form-wrap .legal-consent-container span, 
#hs-form-wrap .legal-consent-container a,
#hs-form-wrap .legal-consent-container label { color: #FBEEC8 !important; opacity: .7 !important; }
#hs-form-wrap .hs-error-msgs li label { color: #ff8a80 !important; opacity: 1 !important; }
#hs-form-wrap .submitted-message { color: #FBEEC8 !important; font-family: "PP Right Serif", Georgia, serif !important; font-size: 24px !important; }
#hs-form-wrap fieldset { max-width: 100% !important; }
#hs-form-wrap fieldset.form-columns-2 { display: flex !important; gap: 16px !important; }
#hs-form-wrap fieldset.form-columns-2 .hs-form-field { flex: 1 !important; }
#hs-form-wrap .hs-form-field .input { margin-right: 0 !important; }
#hs-form-wrap .hs-form-field { margin-bottom: 20px !important; }