/* Investor-type pages — shared Tier 2 page CSS for Family Offices, RIAs and Private
   Investors. One stylesheet for all three, because they are one design. Tokens, type scale and buttons come from styles.css; sizing is on @container page
   (a viewport media query does not fire for the page shell in embedded or scaled contexts).

   Same two structural rules as /fund/trust-deed-investments/, which set the pattern:
   1. THE CONTENTS RAIL is a sticky spine in columns 1–2 with the reading column in 3–12,
      released before the close. Its column is reserved for navigation and nothing else.
   2. SECTION GROUNDS are painted by a full-bleed pseudo-element, because the section itself
      only spans the reading column. isolation:isolate is load-bearing, and the inset is a large
      FIXED value, never -50vw. */

.iv{--iv-r:6px}

/* ---- frame ---- */
.iv-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 40px;align-items:start}
.iv-body{grid-column:3 / span 10;min-width:0}
.iv-col{position:relative}
.iv-fw{margin-left:calc(-20% - 8px);width:calc(120% + 8px)}

.iv-rail{grid-column:1 / span 2;position:relative;z-index:2;align-self:start;height:var(--iv-rail-h,auto)}
.iv-rail__in{position:sticky;top:104px;padding:88px 0 40px}
.iv-rail__t{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px;transition:color 150ms cubic-bezier(.2,.6,.2,1)}
.iv-rail__l{list-style:none;margin:0;padding:0;border-left:1px solid var(--line);transition:border-color 150ms cubic-bezier(.2,.6,.2,1)}
.iv-rail__l a{display:block;padding:9px 0 9px 16px;margin-left:-1px;border-left:2px solid transparent;font-family:var(--font-sans);font-size:13px;line-height:1.35;color:var(--text-muted);text-decoration:none;transition:color 150ms cubic-bezier(.2,.6,.2,1),border-color 150ms cubic-bezier(.2,.6,.2,1)}
.iv-rail__l a:hover{color:var(--brand-navy)}
.iv-rail__l a.is-at{color:var(--brand-navy);border-left-color:var(--brand-accent);font-weight:600}
.iv-rail.is-inv .iv-rail__t{color:var(--sky-300)}
.iv-rail.is-inv .iv-rail__l{border-left-color:rgba(145,195,235,.32)}
.iv-rail.is-inv .iv-rail__l a{color:var(--sky-300)}
.iv-rail.is-inv .iv-rail__l a:hover{color:var(--text-inverse)}
.iv-rail.is-inv .iv-rail__l a.is-at{color:var(--text-inverse);border-left-color:var(--brand-accent)}
@media (prefers-reduced-motion:reduce){.iv-rail__t,.iv-rail__l,.iv-rail__l a{transition:none}}

/* ---- section shells and grounds ---- */
.iv .sec{background:none}
.iv-sec{position:relative;isolation:isolate;padding:88px 0}
.iv-sec::before{content:"";position:absolute;top:0;bottom:0;left:-1600px;right:-1600px;z-index:-1}
.iv-sec.fog::before{background:var(--brand-fog)}
.iv-sec.white::before{background:#fff}
.iv-sec.paper::before{background:var(--brand-paper)}
.iv-sec.navy::before{background:var(--brand-navy)}
.iv-sec.navy{padding:96px 0}

/* ---- shared type ---- */
.iv-h1{font-size:50px;line-height:1.05;letter-spacing:-.028em;color:var(--brand-navy);max-width:19ch;margin-top:12px}
.iv-h2{font-size:38px;line-height:1.07;letter-spacing:-.022em;color:var(--brand-navy);max-width:21ch}
.iv-lead{margin-top:22px;font-size:19px;line-height:1.58;color:var(--text-secondary);max-width:46ch}
.iv-sf{font-family:var(--font-sans);font-size:17px;line-height:1.6;color:var(--text-primary);margin:18px 0 0;max-width:60ch}
.iv-head--inv .iv-h2{color:var(--text-inverse)}
.iv-head--inv .eyebrow{margin-bottom:12px}
.iv-head--inv .iv-sf{color:rgba(216,234,248,.92)}
.iv-foot{font-family:var(--font-sans);font-size:14.5px;line-height:1.62;color:var(--text-muted);margin:40px 0 0;max-width:72ch}
.iv-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sky-800);text-decoration:none}
.iv-link:hover{color:var(--sun-700)}
.iv-more{margin-top:40px;display:flex;flex-wrap:wrap;gap:14px 40px}

/* ---- 1 hero ---- */
.iv-hero{position:relative;background:var(--brand-paper);padding:64px 0 76px}
.iv-hero__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 40px;align-items:center}
.iv-hero__copy{grid-column:1 / span 6}
.iv-hero__ph{grid-column:8 / span 5;margin:0;position:relative;isolation:isolate}
/* Interior-hero standard: quiet pale-Sky panel offset down-left behind the photograph. */
.iv-hero__ph::before{content:"";position:absolute;inset:26px 44px -26px -26px;background:rgba(145,195,235,.30);border-radius:var(--iv-r);z-index:-1}
.iv-hero__ph img{display:block;width:100%;aspect-ratio:5 / 4;object-fit:cover;border-radius:var(--iv-r)}
.iv-hero__dev{grid-column:1 / -1;margin-top:24px}
.iv-act{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.iv-tel{font-family:var(--font-sans);font-size:15px;color:var(--sky-800);text-decoration:none;border-bottom:1px solid rgba(46,127,184,.35);padding-bottom:2px}
.iv-tel:hover{color:var(--sun-700)}

/* ---- 2 the paired themes: requirement in the left four, Alliance response in the right seven,
   on one hairline row so a need is never stated without its answer ---- */
.iv-th{margin-top:52px;border-top:2px solid var(--brand-navy)}
.iv-th__r{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:16px 56px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.iv-th__n{font-family:var(--font-display);font-size:14px;color:var(--brand-accent)}
.iv-th__t{font-size:25px;line-height:1.16;letter-spacing:-.016em;color:var(--brand-navy);margin:6px 0 0;max-width:16ch}
.iv-th__need{font-family:var(--font-sans);font-size:15.5px;line-height:1.62;color:var(--text-secondary);margin:12px 0 0;max-width:44ch}
.iv-th__b{padding-left:28px;margin-left:-28px;border-left:1px solid rgba(0,43,84,.18);align-self:stretch}
.iv-th__k{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-800);margin:0}
.iv-th__d{font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1.52;color:var(--text-primary);margin:10px 0 0;max-width:58ch}

/* ---- 4 the two routes: equal weight, divider centred in the gutter ---- */
.iv-cmp__t{margin-top:52px}
.iv-cmp__hd,.iv-cmp__r{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,4.7fr) minmax(0,4.7fr);gap:0 56px}
.iv-cmp__hd{align-items:end}
.iv-cmp__ch{font-family:var(--font-display);font-weight:500;font-size:25px;line-height:1.14;letter-spacing:-.016em;color:var(--brand-navy);padding-bottom:16px;border-bottom:2px solid var(--brand-navy)}
.iv-cmp__r{padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.iv-cmp__k{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0;padding-top:5px}
.iv-cmp__v{font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1.5;color:var(--text-primary);margin:0;max-width:42ch}
.iv-cmp__hd>*:nth-child(2),.iv-cmp__r>*:nth-child(2){padding-right:28px}
.iv-cmp__hd>*:last-child,.iv-cmp__r>*:last-child{padding-left:28px;margin-left:-28px;border-left:1px solid rgba(0,43,84,.18);align-self:stretch}

/* ---- 5 underwriting: Navy, four columns ---- */
.iv-uw__g{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.iv-uw__i{border-top:1px solid rgba(145,195,235,.3);padding-top:20px}
.iv-uw__n{font-family:var(--font-display);font-size:19px;color:var(--brand-accent)}
.iv-uw__t{font-size:22px;line-height:1.16;letter-spacing:-.014em;color:var(--text-inverse);margin:8px 0 0}
.iv-uw__d{font-family:var(--font-sans);font-size:14.5px;line-height:1.6;color:rgba(198,222,243,.86);margin:10px 0 0}

/* ---- 6 diligence and reporting: two columns, Before investing / While invested, one centred
   hairline between them ---- */
.iv-dg__g{margin-top:52px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;align-items:start}
.iv-dg__c{padding-right:28px}
.iv-dg__c+.iv-dg__c{padding:0 0 0 28px;margin-left:-28px;border-left:1px solid rgba(0,43,84,.18)}
.iv-dg__k{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-800);margin:0;padding-bottom:14px;border-bottom:2px solid var(--brand-navy)}
.iv-dg__l{margin:0}
.iv-dg__r{padding:18px 0;border-bottom:1px solid var(--line)}
.iv-dg__r dt{font-family:var(--font-display);font-weight:500;font-size:19px;line-height:1.22;color:var(--brand-navy)}
.iv-dg__r dd{font-family:var(--font-sans);font-size:15px;line-height:1.62;color:var(--text-secondary);margin:8px 0 0;max-width:46ch}

/* ---- optional block: working with advisers (RIA page carries CPAs and trusted advisers here) ---- */
.iv-adv{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 52px}
.iv-adv__c{border-top:2px solid var(--brand-accent);padding-top:20px}
.iv-adv__t{font-size:24px;line-height:1.16;letter-spacing:-.016em;color:var(--brand-navy);margin:0;max-width:16ch}
.iv-adv__d{font-family:var(--font-sans);font-size:15px;line-height:1.62;color:var(--text-secondary);margin:12px 0 0}

/* ---- optional block: eligibility. States the process, never the rule. ---- */
.iv-elig{margin:52px 0 0;border-top:2px solid var(--brand-navy)}
.iv-elig__r{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:10px 56px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.iv-elig__r dt{font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.014em;color:var(--brand-navy)}
.iv-elig__r dd{font-family:var(--font-sans);font-size:15.5px;line-height:1.64;color:var(--text-secondary);margin:0;max-width:58ch}

/* ---- 7 the relationship: four steps ---- */
.iv-steps{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.iv-steps__i{border-top:2px solid var(--brand-navy);padding-top:18px}
.iv-steps__n{font-family:var(--font-display);font-size:17px;color:var(--brand-accent)}
.iv-steps__t{font-size:20px;line-height:1.2;letter-spacing:-.012em;color:var(--brand-navy);margin:8px 0 0}
.iv-steps__d{font-family:var(--font-sans);font-size:14.5px;line-height:1.6;color:var(--text-secondary);margin:10px 0 0}

/* ---- 8 questions: two explicit columns, native details/summary ---- */
.iv-faq{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;align-items:start}
.iv-faq__col{border-top:2px solid var(--brand-navy)}
.iv-faq__i{border-bottom:1px solid var(--line)}
.iv-faq__q{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.25;letter-spacing:-.012em;color:var(--brand-navy)}
.iv-faq__q::-webkit-details-marker{display:none}
.iv-faq__ic{position:relative;flex:0 0 12px;height:12px;margin-top:6px}
.iv-faq__ic::before,.iv-faq__ic::after{content:"";position:absolute;background:var(--sky-800);transition:opacity 160ms cubic-bezier(.2,.6,.2,1)}
.iv-faq__ic::before{left:0;right:0;top:5px;height:2px}
.iv-faq__ic::after{top:0;bottom:0;left:5px;width:2px}
.iv-faq__i[open] .iv-faq__ic::after{opacity:0}
.iv-faq__a{padding:0 40px 22px 0}
.iv-faq__a p{font-family:var(--font-sans);font-size:15.5px;line-height:1.64;color:var(--text-secondary);max-width:52ch}
@media (prefers-reduced-motion:reduce){.iv-faq__ic::before,.iv-faq__ic::after{transition:none}}

/* ---- 9 the close ---- */
.iv-cl{position:relative;isolation:isolate;color:var(--text-inverse)}
.iv-cl::before{content:"";position:absolute;top:0;bottom:0;left:-1600px;right:-1600px;background:var(--brand-navy);z-index:-1}
.iv-cl__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 40px;padding:108px 0 112px;align-items:start}
.iv-cl__copy{grid-column:1 / span 6}
.iv-cl__act{grid-column:8 / span 5;display:grid;gap:14px;justify-items:start}
.iv-cl__h{font-size:44px;line-height:1.05;letter-spacing:-.026em;color:var(--text-inverse);max-width:14ch}
.iv-cl__l{font-family:var(--font-sans);font-size:17px;line-height:1.62;color:rgba(198,222,243,.86);margin:20px 0 0;max-width:48ch}
.iv-cl__act .ds-btn--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-navy)}
.iv-cl__act .ds-btn--primary:hover{background:var(--sun-700);border-color:var(--sun-700);color:var(--brand-navy)}
.iv-cl__sec{display:grid;width:100%;margin-top:6px;border-top:1px solid rgba(145,195,235,.3)}
.iv-cl__sec .iv-link{padding:14px 0;border-bottom:1px solid rgba(145,195,235,.18);width:100%;color:var(--brand-sky)}
.iv-cl__sec .iv-link:hover{color:var(--text-inverse)}

/* ---- entrances: additive only ---- */
html.iv .iv-rv>*{opacity:0;transform:translateY(10px)}
html.iv .iv-rv.is-in>*{opacity:1;transform:none;transition:opacity 300ms cubic-bezier(.2,.6,.2,1),transform 300ms cubic-bezier(.2,.6,.2,1)}
@media (prefers-reduced-motion:reduce){html.iv .iv-rv{opacity:1;transform:none}}

/* ---- responsive ---- */
@container page (max-width:1180px){
  .iv-h1{font-size:42px}
  .iv-uw__g,.iv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iv-adv{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px}
}
@container page (max-width:1000px){
  /* The rail is a desktop reading aid: below this it is dropped, not shrunk. */
  .iv-rail{display:none}
  .iv-body{grid-column:1 / -1}
  .iv-fw{margin-left:0;width:auto}
}
@container page (max-width:900px){
  .iv-h1{font-size:35px}
  .iv-h2{font-size:29px}
  .iv-sec,.iv-sec.navy{padding:64px 0}
  .iv-hero{padding:48px 0 56px}
  .iv-hero__g,.iv-cl__g{grid-template-columns:minmax(0,1fr);gap:32px}
  .iv-hero__copy,.iv-hero__ph,.iv-hero__dev,.iv-cl__copy,.iv-cl__act{grid-column:1 / -1}
  .iv-hero__ph{max-width:460px}
  .iv-hero__ph::before{display:none}
  .iv-faq,.iv-uw__g,.iv-steps,.iv-adv{grid-template-columns:minmax(0,1fr);gap:36px}
  .iv-elig__r{grid-template-columns:minmax(0,1fr);gap:10px}
  .iv-faq__col+.iv-faq__col{border-top:0}
  .iv-th__r{grid-template-columns:minmax(0,1fr);gap:16px}
  .iv-th__b{padding-left:0;margin-left:0;border-left:0;border-top:1px solid rgba(0,43,84,.14);padding-top:16px}
  .iv-dg__g{grid-template-columns:minmax(0,1fr);gap:44px}
  .iv-dg__c,.iv-dg__c+.iv-dg__c{padding:0;margin:0;border-left:0}
  .iv-cmp__hd{display:none}
  .iv-cmp__r{grid-template-columns:minmax(0,1fr);gap:14px}
  .iv-cmp__v{max-width:none}
  .iv-cmp__r>*:nth-child(2){padding-right:0}
  .iv-cmp__r>*:last-child{padding-left:0;margin-left:0;border-left:0}
  .iv-cmp__v:nth-of-type(2)::before{content:"Alliance Mortgage Fund";display:block;font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin-bottom:6px}
  .iv-cmp__v:nth-of-type(3)::before{content:"Individual trust deeds";display:block;font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-800);margin-bottom:6px}
  .iv-cl__g{padding:72px 0}
  .iv-cl__h{font-size:33px}
}
/* Below 620px every grid collapses to one column with no column gap: a 12-column grid with a
   40px column gap has a 440px minimum and would clip inside a 390px viewport. */
@container page (max-width:620px){
  .iv-g,.iv-hero__g,.iv-cl__g,.iv-dg__g,.iv-uw__g,.iv-steps,.iv-faq,.iv-th__r,.iv-cmp__r,.iv-adv,.iv-elig__r{grid-template-columns:minmax(0,1fr);column-gap:0}
  .iv-h1{font-size:31px}
  .iv-h2{font-size:26px}
  .iv-faq__a{padding-right:0}
}