/* Vanityform v0.61 — editorial contact conversion for the former Hair edit block. */
html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] {
  background:#eee4dc !important;
  grid-template-columns:minmax(0,1.12fr) minmax(470px,.88fr) !important;
  overflow:hidden !important;
}

html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__media {
  min-height:clamp(590px,58vw,790px) !important;
}

html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:52% 42%;
  transform:scale(1.015);
}

html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__copy {
  padding:clamp(42px,5.3vw,84px) clamp(40px,5vw,78px) !important;
  align-self:stretch !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.beauty-contact__intro {
  max-width:590px;
  margin:0 0 28px;
}

.beauty-contact__eyebrow {
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 22px;
  font-family:var(--beauty-font-body, "Avenir Next", "Segoe UI", Arial, sans-serif);
  font-size:.72rem;
  line-height:1.2;
  letter-spacing:.24em;
  font-weight:700;
  color:#8b4658;
  text-transform:uppercase;
}
.beauty-contact__eyebrow::after {
  content:"";
  width:48px;
  height:1px;
  background:currentColor;
  opacity:.55;
}

html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] h2 {
  max-width:570px;
  margin:0;
  font-family:var(--beauty-font-display, Georgia, "Times New Roman", serif);
  font-size:clamp(3.15rem,4.8vw,5.6rem) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  color:#241f1d;
}

.beauty-contact__lede {
  max-width:540px !important;
  margin:21px 0 0 !important;
  font-size:clamp(.98rem,1.1vw,1.08rem) !important;
  line-height:1.7 !important;
  color:#716761 !important;
}

.beauty-contact__form {
  width:100%;
  max-width:610px;
  margin-top:10px;
}

.beauty-contact__row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.beauty-contact__field {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 20px;
}

.beauty-contact__field label {
  font-family:var(--beauty-font-body, "Avenir Next", "Segoe UI", Arial, sans-serif);
  font-size:.67rem;
  line-height:1;
  font-weight:700;
  letter-spacing:.18em;
  color:#4b413d;
  text-transform:uppercase;
}

.beauty-contact__field input,
.beauty-contact__field select,
.beauty-contact__field textarea {
  width:100%;
  box-sizing:border-box;
  border:0;
  border-bottom:1px solid rgba(63,51,46,.35);
  border-radius:0;
  outline:none;
  background:transparent;
  color:#241f1d;
  padding:10px 0 12px;
  font:500 1rem/1.35 var(--beauty-font-body, "Avenir Next", "Segoe UI", Arial, sans-serif);
  transition:border-color .18s ease, box-shadow .18s ease;
}

.beauty-contact__field select {
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#6f5d56 50%),linear-gradient(135deg,#6f5d56 50%,transparent 50%);
  background-position:calc(100% - 7px) 50%,calc(100% - 2px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:24px;
}

.beauty-contact__field textarea {
  min-height:94px;
  max-height:180px;
  resize:vertical;
}

.beauty-contact__field input::placeholder,
.beauty-contact__field textarea::placeholder { color:#9a8d87; opacity:1; }

.beauty-contact__field input:focus,
.beauty-contact__field select:focus,
.beauty-contact__field textarea:focus {
  border-bottom-color:#8b4658;
  box-shadow:0 1px 0 #8b4658;
}

.beauty-contact__actions {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:6px;
}

.beauty-contact__submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:48px;
  padding:0 26px;
  border:1px solid #292321;
  border-radius:0;
  background:#292321;
  color:#fffdf9;
  font-family:var(--beauty-font-body, "Avenir Next", "Segoe UI", Arial, sans-serif);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.beauty-contact__submit:hover { background:#8b4658; border-color:#8b4658; transform:translateY(-1px); }
.beauty-contact__submit span:last-child { font-size:1rem; transform:translateY(-1px); }

.beauty-contact__status {
  min-height:1.4em;
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.45 !important;
  color:#716761 !important;
}

@media (max-width: 980px) {
  html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] {
    grid-template-columns:1fr !important;
  }
  html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__media {
    min-height:520px !important;
  }
  html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__copy {
    padding:48px 34px 56px !important;
  }
}

@media (max-width: 640px) {
  html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__media {
    min-height:420px !important;
  }
  html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] .store-home-editorial__copy {
    padding:38px 22px 44px !important;
  }
  html[data-beauty-contact-section="v0.61"] .store-home-editorial[data-contact-section="v0.61"] h2 {
    font-size:clamp(2.7rem,13vw,4.25rem) !important;
  }
  .beauty-contact__row { grid-template-columns:1fr; gap:0; }
  .beauty-contact__actions { align-items:flex-start; flex-direction:column; }
  .beauty-contact__submit { width:100%; }
}