/* ============================================================================
   invest.css — additions to investing-with-us.html

   The page's own copy and its inline <style> block are untouched. This file
   only styles the structure added around them:

     1. a hero that gives a reason to keep reading before the questions start
     2. an evidence section (GP-vs-LP structure, and the operator standard)
     3. the expand-in-place behaviour for the "specific situation" row

   (3) is the important one. Adam's note: "If I click 'I may sell a property,
   1031', it's already taking me to that 1031 page. It's already pulling me out
   of this so fast, it's going to make them confused." So the first click now
   previews the destination in place and the second click is the one that
   navigates.
   ========================================================================== */

/* The page's own <h1> became an <h2> when the hero above it took the h1 slot.
   Not a copy change: same words, same id, correct heading order for one h1 per
   page. The inline stylesheet only styles `.decision-head h1`, so the original
   rule is restated here for the h2 and the section looks identical. */
.decision-head h2{
  font-size:clamp(26px,4vw,42px);line-height:1.04;letter-spacing:-.045em;
  margin:5px 0 0;color:var(--ink);
}
@media (max-width:760px){ .decision-head h2{font-size:29px} }

/* ------------------------------------------------------------------ hero -- */
/* Solid navy rather than a photograph: nothing is set over an image, so this
   band needs no scrim and cannot fail one. */
.iw-hero{
  background:var(--panel);color:#fff;border-radius:var(--r-xl);
  margin:18px 0 0;padding:38px 40px 34px;
}
.iw-hero__eyebrow{
  display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-soft);font-weight:700;margin:0 0 14px;
}
.iw-hero__grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:40px;align-items:start;
}
.iw-hero h1{
  font-size:clamp(32px,4.2vw,52px);line-height:1.04;letter-spacing:-.035em;
  font-weight:800;color:#fff;margin:0;
}
.iw-hero h1 .g{color:var(--gold-bright)}
.iw-hero__lede{
  font-size:15.5px;line-height:1.65;color:var(--on-dark);margin:16px 0 0;max-width:520px;
}
.iw-hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}

/* WHAT YOU WILL BE ABLE TO SEE — the client's replacement for the three
   GP-specific statements that used to sit here. Five plain items, ruled rather
   than bulleted, because they are a list of disclosures and not a list of
   benefits: no icon should imply a tick against a promise. */
.iw-see{margin:0}
.iw-see__tag{
  display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-soft);font-weight:700;
  padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.22);
}
.iw-see ul{margin:0;padding:0;list-style:none;display:grid}
.iw-see li{
  display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;align-items:baseline;
  padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);
  font-size:15px;line-height:1.4;font-weight:600;color:#fff;
}
.iw-see li::before{
  content:"";width:12px;height:1px;background:var(--gold-bright);transform:translateY(-4px);
}
/* The last rule sat ~30px above the proof-rail rule and read as a double
   hairline on the right half of the card. Measured, not read off the source. */
.iw-see li:last-child{border-bottom:0}

/* credibility rail — the client's four proof points. These are words, not
   figures, so they take label weight rather than the 26px stat weight the
   deleted "79" and "30 days" carried. */
.iw-rail{
  display:grid;grid-template-columns:repeat(4,1fr);gap:26px;
  margin:30px 0 0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.16);
}
.iw-rail div b{
  display:block;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--gold-bright);
  line-height:1.15;margin:0 0 8px;
}
.iw-rail div span{display:block;font-size:12.5px;line-height:1.5;color:var(--on-dark-mut)}

/* ------------------------------------------------- situation expand-in-place */
.situation-row .sit-btn{
  appearance:none;-webkit-appearance:none;cursor:pointer;font-family:inherit;
  text-align:left;width:100%;
  min-height:78px;border:1px solid var(--line);border-radius:10px;background:#fff;
  padding:12px;display:flex;flex-direction:column;color:var(--ink);
  transition:.16s ease;
}
.situation-row .sit-btn:hover,
.situation-row .sit-btn:focus-visible{border-color:var(--gold);background:var(--card-2)}
.situation-row .sit-btn b{font-size:13px;line-height:1.25}
.situation-row .sit-btn small{font-size:11px;line-height:1.35;color:var(--muted);margin-top:5px}
.situation-row .sit-btn[aria-expanded="true"]{
  border-color:var(--gold);background:#fff;
  box-shadow:inset 0 0 0 1px var(--gold), var(--shadow-card);
}
.sit-btn__more{
  margin-top:auto;padding-top:8px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:#7f5000;font-weight:700;
}
.sit-btn[aria-expanded="true"] .sit-btn__more::after{content:" ▴"}
.sit-btn[aria-expanded="false"] .sit-btn__more::after{content:" ▾"}

/* The panel opens under the whole row, not inside one narrow column. */
.sit-panels{margin-top:10px}
.sit-panel[hidden]{display:none}
.sit-panel{
  background:#fff;border:1px solid var(--gold);border-radius:12px;
  box-shadow:var(--shadow-card);
  padding:20px 22px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) auto;
  gap:24px;align-items:start;
}
.sit-panel__lead{margin:0}
.sit-panel__lead b{
  display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:#7f5000;font-weight:700;margin:0 0 8px;
}
.sit-panel__lead span{display:block;font-size:13.5px;line-height:1.6;color:var(--ink)}
.sit-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sit-panel li{
  position:relative;padding-left:18px;font-size:13px;line-height:1.55;color:var(--muted);
}
.sit-panel li::before{
  content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;
  background:var(--gold);
}
.sit-panel__go{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sit-panel__note{font-size:11px;line-height:1.5;color:var(--muted);max-width:200px}

/* ------------------------------------------------------------- evidence --- */
.iw-ev{margin-top:22px}
.iw-ev__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--line);padding:0 0 8px;flex-wrap:wrap;
}
.iw-ev__head h2{font-size:17px;letter-spacing:-.02em;margin:0}
.iw-ev__head p{font-size:11px;color:var(--muted);margin:0}

/* The .iw-compare / .iw-col GP-vs-LP block that lived here is deleted with its
   markup: it guaranteed no acquisition fee, no waterfall, and a GP position in
   every deal, which is the claim the client struck. Only the tag rule survives,
   because the operator block below still uses it. */
.iw-col__tag{
  display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 6px;
}

/* ------------------------------------------------------- structures ------- */
/* His section 10 block, moved off the homepage, joined to his section 14
   instruction that GP / LP / debt becomes the next dedicated section here.
   Two rows of three, because the framework he praised is two questions: the
   position you hold, and the money you fund it with. */
.iw-struct{margin-top:26px}
.iw-struct__hd{max-width:760px}
.iw-struct__hd h2{
  font-size:clamp(22px,2.6vw,30px);line-height:1.12;letter-spacing:-.03em;
  margin:6px 0 10px;color:var(--ink);
}
.iw-struct__hd p{font-size:14.5px;line-height:1.62;color:var(--muted);margin:0}
.iw-struct__sub{
  display:flex;align-items:baseline;gap:11px;
  margin:26px 0 12px;padding:0 0 9px;border-bottom:1px solid var(--line);
  font-size:15px;letter-spacing:-.01em;color:var(--ink);
}
.iw-struct__sub span{
  font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;
  color:#7f5000;flex:none;
}
.iw-struct__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.iw-card{
  display:flex;flex-direction:column;
  border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;
  color:var(--ink);
}
.iw-card .ic{
  width:34px;height:34px;border:1px solid var(--gold);border-radius:var(--r-md);
  display:grid;place-items:center;color:#7f5000;margin:0 0 12px;flex:none;
}
.iw-card h4{font-size:16px;letter-spacing:-.02em;margin:0 0 8px;font-weight:800}
.iw-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
/* margin-top:auto, not a fixed gap. The three position cards carry copy of
   different lengths, so a fixed gap put three "What to look for" rules at three
   different heights across one row. Pinned to the bottom, they line up. */
.iw-card__ask{
  margin-top:auto !important;padding-top:11px;border-top:1px solid var(--line);
  font-size:12.5px !important;
}
.iw-card p:not(.iw-card__ask){margin-bottom:12px}
.iw-card__ask b{
  display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:#7f5000;font-weight:700;margin:0 0 5px;
}
.iw-card--link{transition:.16s ease}
.iw-card--link:hover,.iw-card--link:focus-visible{
  border-color:var(--gold);box-shadow:var(--shadow-card);transform:translateY(-2px);
}
.iw-card--link em{
  display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:auto;padding-top:8px;
  font-style:normal;font-size:12.5px;font-weight:800;color:#7f5000;
}
.iw-card--link em span{transition:transform .15s}
.iw-card--link:hover em span{display:inline-block;transform:translateX(3px)}

/* The two constraints he was most explicit about, given the weight of a stated
   position rather than a footnote: no site-wide minimum, and transfer rights
   are not liquidity. */
.iw-struct__notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.iw-note{
  border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;
  background:var(--card-2);padding:16px 18px;
}
.iw-note h4{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:#7f5000;font-weight:700;margin:0 0 8px;
}
.iw-note p{font-size:12.5px;line-height:1.62;color:var(--ink);margin:0}

/* operator standard */
.iw-op{
  margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;
}
.iw-op h3{font-size:16px;letter-spacing:-.02em;margin:6px 0 8px}
.iw-op p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.iw-op__links{display:flex;gap:14px;flex-wrap:wrap}
.iw-op__links a{
  font-size:12.5px;font-weight:700;color:#7f5000;
  text-decoration:underline;text-underline-offset:3px;
  display:inline-flex;align-items:center;min-height:40px;
}
.iw-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none}
.iw-pillars li{border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--card-2)}
.iw-pillars b{
  display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:#7f5000;margin:0 0 6px;
}
.iw-pillars span{display:block;font-size:12.5px;line-height:1.45;color:var(--ink)}
.iw-op__seq{
  grid-column:1/-1;margin:2px 0 0;padding-top:12px;border-top:1px solid var(--line);
  font-size:12px;line-height:1.55;color:var(--muted);
}

/* ----------------------------------------------------------------- close -- */
/* The page used to end on the FAQ accordion, which is a dead end on the one
   page that holds the Investors nav slot. */
.iw-close{
  margin:20px 0 0;padding:22px 26px;border-radius:var(--r-xl);
  background:var(--panel);color:#fff;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;
}
.iw-close h2{font-size:24px;letter-spacing:-.03em;margin:6px 0 6px;color:#fff}
.iw-close p{margin:0;font-size:13.5px;line-height:1.6;color:var(--on-dark);max-width:560px}
.iw-close .decision-eyebrow{color:var(--gold-soft)}
.iw-close__acts{display:flex;gap:10px;flex-wrap:wrap}
.iw-close__acts .ck-btn{height:46px;padding:0 20px;font-size:14px}
.ck-btn.iw-btn-line{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.28)}
.ck-btn.iw-btn-line:hover{background:rgba(255,255,255,.07);border-color:var(--gold)}

/* ---------------------------------------------------------- responsive ---- */
@media (max-width:1000px){
  .sit-panel{grid-template-columns:1fr 1fr;gap:18px}
  .sit-panel__go{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}
  .sit-panel__note{max-width:none}
  .iw-op{grid-template-columns:1fr;gap:16px}
}

@media (max-width:1000px){
  .iw-struct__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:860px){
  .iw-hero__grid{grid-template-columns:1fr;gap:24px}
  .iw-rail{grid-template-columns:repeat(2,1fr);gap:18px}
}

@media (max-width:760px){
  .iw-close{grid-template-columns:1fr;padding:20px 18px;gap:16px}
  .iw-close__acts{display:grid}
  .iw-close__acts .ck-btn{width:100%}
  .iw-hero{padding:26px 20px 24px;margin-top:12px;border-radius:12px}
  /* One column, and the two buttons go full width so neither can end up a
     narrow tap target beside the other. */
  .iw-hero__cta{display:grid;gap:8px;margin-top:22px}
  .iw-hero__cta .ck-btn{width:100%}
  .iw-struct{margin-top:18px}
  .iw-struct__grid{grid-template-columns:1fr}
  .iw-struct__notes{grid-template-columns:1fr}
  .iw-struct__sub{margin-top:20px}
  .sit-panel{grid-template-columns:1fr;gap:14px;padding:16px 16px 18px}
  .sit-panel__go{flex-direction:column;align-items:stretch}
  .sit-panel__go .ck-btn{width:100%}
  .iw-pillars{grid-template-columns:1fr}
  .iw-ev__head{display:block}
  .iw-ev__head p{margin-top:4px}
}

@media (max-width:400px){
  .iw-hero{padding:22px 16px 20px}
  .iw-rail{gap:14px}
  .iw-rail div b{font-size:23px}
}

@media (prefers-reduced-motion:reduce){
  .situation-row .sit-btn,.sit-panel{transition:none !important}
}

/* --------------------------------------------------- pre-existing corrections
   Measured at 390px, not read off the source. These were already on the page
   and break the bar we hold: nothing under 11px, controls at least 40px.
   Corrected by override so the page's own inline <style> block stays untouched.
   The copy is unchanged in every case. */
.decision-eyebrow{font-size:11px}
.path-progress{font-size:11px}
.path-controls button{min-height:40px}
body.cockpit .ck-ft .x-fine{font-size:11.5px;line-height:1.6}
body.cockpit .ck-ft .x-fine a{text-decoration:underline;text-underline-offset:2px}

/* 2026-09-10. "When we're at GP Equity, nothing there." The position cards now
   lead somewhere real: GP equity to the one GP equity opportunity on record,
   debt to the page that explains debt. LP equity has no opportunity to point
   at and gets no link rather than one to nothing. */
.iw-card__go{
  display:inline-flex;align-items:baseline;gap:8px;margin-top:14px;
  font-weight:600;font-size:.9375rem;color:var(--hd-gold-deep,#7E5A1D);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:2px;
}
.iw-card__go span{
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 7px;border-radius:999px;color:#14603a;background:#E6F1EB;border:0;
}
.iw-card__go:hover{color:#553B0E}
/* The card is a flex column, so the link stretched to full width and carried
   its underline edge to edge; and the pill wrapped to two lines at 390. */
.iw-card__go{align-self:flex-start;flex-wrap:wrap;row-gap:6px}
.iw-card__go span{white-space:nowrap}