/* ============================================================
   Acquisitions — page-specific components
   Extends Editorial Ivory (style.css). Tokens inherited from
   :root in style.css; load this stylesheet *after* it.
   ============================================================ */

/* ------------------------------------------------------------
   Buttons
   ------------------------------------------------------------ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 0.95rem 2rem;
  border: 1px solid rgba(154, 123, 79, 0.5);
  color: var(--white);
  background: transparent;
  transition: background 0.4s var(--ease), border-color 0.4s var(--ease),
              color 0.4s var(--ease), transform 0.4s var(--ease);
}
.btn:hover,
.btn:focus-visible {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--white);
  transform: translateY(-2px);
  outline: none;
}
.btn--ink { color: var(--ink); }
.btn--ink:hover,
.btn--ink:focus-visible { color: var(--white); }
.btn__arrow {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25em;
  line-height: 0;
}

/* ------------------------------------------------------------
   Hero additions (extends .hero from style.css)
   ------------------------------------------------------------ */
.acq-hero__dream {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 300;
  color: var(--gold-warm);
  font-size: clamp(1.15rem, 2.4vw, 1.6rem);
  line-height: 1.5;
  margin-top: 1.6rem;
}
.acq-hero__cta { margin-top: 2.75rem; }

/* ------------------------------------------------------------
   Independent band — blue-rich
   ------------------------------------------------------------ */
.indep {
  background: var(--blue-rich);
  padding: 7.5rem 2rem;
  text-align: center;
}
.indep__inner { max-width: 760px; margin: 0 auto; }
.indep .label { color: rgba(196, 168, 130, 0.78); }
.indep__statement {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 3.2vw, 2.3rem);
  font-weight: 300;
  line-height: 1.42;
  color: rgba(255, 255, 255, 0.9);
  max-width: 24ch;
  margin: 1.25rem auto 0;
}
.indep__tags {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2.2rem;
}
.indep__tags b { color: var(--gold-warm); font-weight: 500; }

/* ------------------------------------------------------------
   Index — linked pillar rows (ivory)
   ------------------------------------------------------------ */
.index {
  background: var(--ivory);
  padding: 9rem 2rem;
}
.index__inner { max-width: 1040px; margin: 0 auto; }
.index__head { max-width: 60ch; margin-bottom: 3rem; }
.index__head .section-title { margin-bottom: 1rem; }
.index__head p { color: var(--grey); max-width: 52ch; }

.index__list { border-top: 1px solid var(--rule); }
.pillar-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: clamp(1.2rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(1.7rem, 3vw, 2.5rem) 0;
  border-bottom: 1px solid var(--rule);
  transition: padding-left 0.4s var(--ease);
}
.pillar-row:hover { padding-left: 14px; }
.pillar-row__no {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  color: var(--gold);
  align-self: start;
  padding-top: 0.5rem;
}
.pillar-row__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  font-weight: 400;
  color: var(--ink);
}
.pillar-row__desc {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.96rem;
  color: var(--grey);
  margin-top: 0.5rem;
  max-width: 54ch;
  line-height: 1.8;
}
.pillar-row__go {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  transition: gap 0.4s var(--ease), color 0.4s var(--ease);
}
.pillar-row:hover .pillar-row__go { gap: 1.1rem; color: var(--gold-warm); }
.pillar-row__go span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15em;
  line-height: 0;
}
@media (max-width: 680px) {
  .pillar-row { grid-template-columns: auto 1fr; }
  .pillar-row__go { grid-column: 2; margin-top: 0.6rem; }
}

/* ------------------------------------------------------------
   Buyer invitation — white, two column
   ------------------------------------------------------------ */
.invite {
  background: var(--white);
  padding: 9rem 2rem;
}
.invite__inner {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}
.invite__title { margin-bottom: 1.5rem; }
.invite__title em { font-style: italic; color: var(--gold); }
.invite__body p {
  color: var(--grey);
  margin-bottom: 1.25rem;
  max-width: 52ch;
}
.invite__body p:last-child { margin-bottom: 0; }
.invite__aside {
  border-left: 1px solid var(--gold);
  padding-left: clamp(1.5rem, 3vw, 2.25rem);
}
.invite__line {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: clamp(1.3rem, 2.4vw, 1.65rem);
  line-height: 1.45;
  color: var(--ink);
}
.invite__aside .btn { margin-top: 2rem; }
@media (max-width: 820px) {
  .invite__inner { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------
   Contact reveal (extends .contact from style.css)
   ------------------------------------------------------------ */
.contact__reveal {
  margin-top: 2.5rem;
  min-height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact__mail a {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem);
  font-weight: 300;
  color: var(--white);
  display: inline-block;
  position: relative;
  padding-bottom: 0.2rem;
}
.contact__mail a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--gold);
  transition: width 0.55s var(--ease);
}
.contact__mail a:hover::after,
.contact__mail a:focus-visible::after { width: 100%; }
.contact__mail a:focus-visible { outline: none; }

/* Footer — extra legal line specific to acquisitions */
.footer__legal {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.67rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.32);
  line-height: 2.2;
  max-width: 60ch;
  margin: 0 auto 0.5rem;
}
.footer__legal b { color: rgba(196, 168, 130, 0.7); font-weight: 500; }

@media (max-width: 640px) {
  .indep   { padding: 5.5rem 1.25rem; }
  .index,
  .invite  { padding: 5.5rem 1.25rem; }
}