/* /borrowers/ — Tier 1 page CSS. Loaded only by this page. Tokens, type scale and buttons come
   from styles.css; sizing is on @container page.

   Composition: full-bleed hero, Navy proof band, a 3/9 scenario index, three columns over one
   photograph, a Navy 7/5 statement block, the shared story rail, and a Navy close carrying the
   process. No section repeats its neighbour's geometry; none repeats /fund/ or the homepage. */

main{--bw-r:6px}
.bw-h2{font-size:42px;line-height:1.06;letter-spacing:-.022em;max-width:20ch}
.bw-h2.inv{color:var(--text-inverse)}
.bw-lead{margin-top:16px;font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:52ch}
.bw-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--brand-navy);text-decoration:none;padding:11px 0}
.bw-link:hover{color:var(--brand-accent)}
figure{margin:0}

/* ---- 1 hero: one property, full bleed, type set into the image ---- */
.bw-hero{position:relative;background:var(--brand-navy);isolation:isolate;overflow:hidden}
.bw-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2}
.bw-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(0,27,45,.86) 0%,rgba(0,27,45,.72) 34%,rgba(0,27,45,.28) 62%,rgba(0,27,45,.10) 100%)}
.bw-hero__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 40px;min-height:70vh;align-content:center;padding-top:104px;padding-bottom:104px}
.bw-hero__copy{grid-column:1 / span 6}
.bw-hero__h{font-size:72px;line-height:.98;letter-spacing:-.032em;color:var(--white);margin-top:10px;max-width:12ch}
.bw-hero__l{margin-top:22px;font-size:19px;line-height:1.58;color:#DCE6EE;max-width:46ch}
.bw-hero__a{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:32px}
.bw-hero__tel{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--brand-sky);text-decoration:none}
.bw-hero__tel:hover{color:var(--white)}
.bw-hero__dev{padding-bottom:0}
[data-dev="true"] .bw-hero__dev{padding-bottom:18px}

/* ---- 2 proof band ---- */
.bw-pband .ds-pband__fn{margin-top:26px;border-top:0;padding-top:0;font-size:11px;color:rgba(145,195,235,.72)}
.bw-pband .ds-pband__v{font-size:42px}
.bw-pband .ds-pband__i:first-child .ds-pband__v{font-size:32px;letter-spacing:-.02em}
/* Each figure reads as one compact unit; the fixed value row keeps all three supporting lines
   on the same top baseline, and the reclaimed space stays at the foot so the band height holds. */
.bw-pband .ds-pband__i{grid-template-rows:42px auto auto;row-gap:7px;align-items:start}
.bw-pband .ds-pband__set{padding-bottom:26px}

/* ---- 2b when conventional financing does not fit: head left seven, action right four, four
   hairline columns below (the same editorial geometry as the Brokers different-path band) ---- */
.bw-fit__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 40px}
.bw-fit__head{grid-column:1 / span 7}
.bw-fit__head .bw-h2{margin-top:10px}
.bw-fit__act{grid-column:8 / span 5;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:4px}
.bw-fit__act .ds-btn{text-align:left;white-space:normal;line-height:1.35}
.bw-fit__set{grid-column:1 / -1;margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}
.bw-fit__s{border-top:2px solid var(--brand-navy);padding-top:20px}
.bw-fit__t{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.16;letter-spacing:-.016em;color:var(--brand-navy);margin:0;max-width:14ch}
.bw-fit__d{margin:12px 0 0;font-size:15.5px;line-height:1.58;color:var(--text-secondary);max-width:30ch}
.bw-fit__dev{grid-column:1 / -1}

/* ---- 3 the scenario index: the signature section ---- */
.bw-scn__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 40px}
.bw-scn__head{grid-column:1 / span 3;position:sticky;top:120px;align-self:start}
.bw-scn__l{margin-top:16px;font-size:15px;line-height:1.6;color:var(--text-secondary)}
.bw-scn__head .ds-btn{margin-top:22px}
.bw-scn__list{grid-column:5 / span 8;border-top:1px solid rgba(0,43,84,.18)}
.bw-scn__r{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:40px;align-items:baseline;padding:22px 0 24px;border-bottom:1px solid rgba(0,43,84,.14)}
.bw-scn__t{font-family:var(--font-display);font-weight:500;font-size:25px;line-height:1.16;letter-spacing:-.018em;color:var(--brand-navy);margin:0}
.bw-scn__d{margin:0;font-size:15.5px;line-height:1.55;color:var(--text-secondary);max-width:46ch}
.bw-scn__dev{grid-column:1 / -1}

/* ---- 4 why private lending: three columns over one photograph ---- */
.bw-why__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 40px}
.bw-why__head{grid-column:1 / span 6}
.bw-why__cols{grid-column:1 / -1;margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.bw-why__cols>div{padding-top:20px;border-top:2px solid var(--brand-navy)}
.bw-why__t{font-size:28px;line-height:1.12;letter-spacing:-.018em;margin:0}
.bw-why__p{margin-top:12px;font-size:16.5px;line-height:1.62;color:var(--text-secondary)}
.bw-why__ph{grid-column:1 / -1;margin-top:48px}
.bw-why__ph img{width:100%;aspect-ratio:21 / 9;object-fit:cover;object-position:50% 58%;display:block;border-radius:var(--bw-r)}
.bw-why__dev{grid-column:1 / -1}

/* ---- 5 why Alliance: Navy, copy left, portrait right (the mirror of /fund/) ---- */
.bw-alli{background:var(--brand-navy);color:var(--text-inverse)}
.bw-alli__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 40px;padding-top:92px;padding-bottom:96px}
.bw-alli__copy{grid-column:1 / span 6;align-self:center}
.bw-alli__ph{grid-column:8 / span 5;align-self:center;overflow:hidden;border-radius:var(--bw-r)}
.bw-alli__ph img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:34% 50%;display:block}
.bw-alli__pts{margin:30px 0 0}
.bw-alli__pts>div{padding:22px 0;border-top:1px solid rgba(145,195,235,.26)}
.bw-alli__pts>div:last-child{border-bottom:1px solid rgba(145,195,235,.26)}
.bw-alli__pts dt{font-family:var(--font-display);font-weight:500;font-size:25px;line-height:1.16;letter-spacing:-.016em;color:var(--text-inverse)}
.bw-alli__pts dd{margin:9px 0 0;font-size:16.5px;line-height:1.62;color:var(--sky-300);max-width:50ch}
.bw-alli__deep{display:flex;flex-wrap:wrap;gap:0 36px;margin-top:22px}
.bw-alli__deep a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--brand-sky);text-decoration:none}
.bw-alli__deep a:hover{color:var(--text-inverse)}
.bw-alli__dev{grid-column:1 / -1}

/* ---- 6 proof rail: the established story cards, borrower-facing ---- */
.bw-prf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.bw-prf__nav{display:flex;align-items:center;gap:10px}
.bw-rail{margin-top:44px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.bw-rail::-webkit-scrollbar{display:none}
.bw-rail.is-drag{scroll-snap-type:none;cursor:grabbing}
.bw-rail__track{display:flex;gap:16px;align-items:stretch}
.bw-rail__c{flex:0 0 var(--bw-w,404px);scroll-snap-align:start;display:flex;flex-direction:column;padding-top:0;text-decoration:none;color:inherit}
.bw-rail__c .story__photo{margin:0;position:relative;border-radius:var(--bw-r) var(--bw-r) 0 0;overflow:hidden;aspect-ratio:16 / 10}
.bw-rail__c .story__photo img{width:100%;height:100%;object-fit:cover;display:block}
.bw-rail__c .story__photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,rgba(0,43,84,0) 0%,rgba(0,43,84,.08) 27%,rgba(0,43,84,.28) 55%,rgba(0,43,84,.66) 80%,#002B54 100%);pointer-events:none}
.bw-rail__c .ssb{background:var(--brand-navy);padding:15px 18px 14px;border-radius:0 0 var(--bw-r) var(--bw-r);overflow:hidden}
.bw-rail__c .ssb p,.bw-rail__c .ssb ul{margin:0}
.bw-rail__c .ssb__roi{font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1;letter-spacing:-.015em;color:var(--brand-paper);font-variant-numeric:tabular-nums}
.bw-rail__c .ssb__ctx{margin-top:6px;font-family:var(--font-sans);font-size:12px;color:var(--brand-sky)}
.bw-rail__c .ssb__row{display:flex;flex-wrap:wrap;row-gap:11px;margin-top:13px;padding:0;list-style:none}
.bw-rail__c .ssb__row li{flex:0 0 auto;display:flex;flex-direction:column;gap:3px}
.bw-rail__c .ssb__row li+li{border-left:1px solid rgba(145,195,235,.28);margin-left:10px;padding-left:11px}
.bw-rail__c .ssb__row strong{font-family:var(--font-sans);font-weight:600;font-size:13px;line-height:1.2;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.bw-rail__c .ssb__row span{font-family:var(--font-sans);font-size:11px;color:var(--brand-sky);white-space:nowrap}
.bw-rail__c .story__meta{margin-top:14px}
.story__topic{color:var(--sky-800)}
.story__topic::before{content:"\00b7";margin:0 6px;color:var(--text-muted)}
.bw-rail__c .story__h{margin-top:7px}
.bw-rail__c .story__t{margin-top:9px}
.bw-rail__c .story__a{margin-top:16px;padding-top:0}
.bw-rail__btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--brand-navy);cursor:pointer;font:inherit;font-size:15px;line-height:1}
.bw-rail__btn:hover{background:var(--navy-050,#EDF2F7);border-color:var(--brand-navy)}
.bw-rail__btn:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}
.bw-rail__btn[disabled]{opacity:.35;cursor:default;background:#fff;border-color:var(--line)}

/* ---- 7 close: the process rides above the action, inside the same band ---- */
.bw-cl{background:var(--brand-navy);color:var(--text-inverse)}
.bw-cl__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 40px;padding-top:76px;padding-bottom:92px;align-items:end}
.bw-cl__steps{grid-column:1 / -1;list-style:none;margin:0 0 52px;padding:0 0 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(145,195,235,.28)}
.bw-cl__steps li{display:flex;align-items:baseline;gap:13px;padding-left:22px;border-left:1px solid rgba(145,195,235,.28);font-family:var(--font-sans);font-size:16px;font-weight:600;line-height:1.35;letter-spacing:.004em;color:var(--white)}
.bw-cl__steps li:first-child{padding-left:0;border-left:0}
.bw-cl__steps li span{font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--brand-accent);font-variant-numeric:tabular-nums}
.bw-cl__copy{grid-column:1 / span 7}
.bw-cl__h{font-size:48px;line-height:1.04;letter-spacing:-.028em;color:var(--text-inverse);max-width:18ch;margin-top:4px}
.bw-cl__l{margin-top:18px;font-size:17.5px;line-height:1.6;color:var(--sky-300);max-width:46ch}
.bw-cl__act{grid-column:9 / span 4}
.bw-cl__act .ds-btn--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-navy)}
.bw-cl__act .ds-btn--primary:hover{background:var(--sun-700);border-color:var(--sun-700);color:var(--brand-navy)}
.bw-cl__sec{display:flex;flex-direction:column;margin-top:14px;border-top:1px solid rgba(145,195,235,.3)}
.bw-cl__sec .bw-link{color:var(--brand-sky);border-bottom:1px solid rgba(145,195,235,.18)}
.bw-cl__sec .bw-link:hover{color:var(--text-inverse)}
.bw-cl__dev{grid-column:1 / -1}

/* ---- motion: html.bw is added by borrowers-motion.js only. TIER 2/3 rule: the section
   container (background/layout) is NEVER hidden — only the inner .container content reveals,
   subtle fade + 10px settle ~300ms. The hero and the first section (proof band) carry no
   reveal at all (rendered complete on first paint). ---- */
.bw .bw-rv>*{opacity:0;transform:translateY(10px)}
.bw .bw-rv.is-in>*{opacity:1;transform:none;transition:opacity 300ms cubic-bezier(.2,.6,.2,1),transform 300ms cubic-bezier(.2,.6,.2,1)}
.bw .bw-why__cols>div,.bw .bw-alli__pts>div,.bw .bw-scn__r{opacity:0;transform:translateY(10px)}
.bw .bw-why.is-in .bw-why__cols>div,.bw .bw-alli.is-in .bw-alli__pts>div,.bw .bw-scn.is-in .bw-scn__r{opacity:1;transform:none;transition:opacity 300ms cubic-bezier(.2,.6,.2,1),transform 300ms cubic-bezier(.2,.6,.2,1)}
.bw .bw-why.is-in .bw-why__cols>div:nth-child(2),.bw .bw-alli.is-in .bw-alli__pts>div:nth-child(2){transition-delay:90ms}
.bw .bw-why.is-in .bw-why__cols>div:nth-child(3),.bw .bw-alli.is-in .bw-alli__pts>div:nth-child(3){transition-delay:180ms}
.bw .bw-scn.is-in .bw-scn__r:nth-child(2){transition-delay:60ms}
.bw .bw-scn.is-in .bw-scn__r:nth-child(3){transition-delay:120ms}
.bw .bw-scn.is-in .bw-scn__r:nth-child(4){transition-delay:180ms}
.bw .bw-scn.is-in .bw-scn__r:nth-child(n+5){transition-delay:220ms}
/* Hero renders complete on first paint: no copy reveal, no image assembly (TIER 1). */

/* ---- responsive ---- */
@container page (max-width:1240px){
  .bw-fit__head,.bw-fit__act{grid-column:1 / -1}
  .bw-fit__act{align-self:start;padding-bottom:0}
  .bw-hero__h{font-size:58px}
  .bw-hero__copy{grid-column:1 / span 7}
  .bw-h2{font-size:36px}
  .bw-cl__h{font-size:40px}
  .bw-scn__head{grid-column:1 / span 4}
  .bw-scn__list{grid-column:5 / span 8}
  .bw-alli__copy{grid-column:1 / span 6}
  .bw-alli__ph{grid-column:8 / span 5}
  .bw-rail__c{--bw-w:360px}
}
@container page (max-width:900px){
  .bw-fit__head,.bw-fit__act{grid-column:1 / -1}
  .bw-fit__act{align-self:start;padding-bottom:0}
  .bw-fit__set{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
  .bw-hero__g{min-height:0;padding-top:88px;padding-bottom:72px}
  .bw-hero__copy{grid-column:1 / -1}
  .bw-hero__h{font-size:42px;max-width:16ch}
  .bw-hero__l{font-size:17px}
  .bw-scn__head,.bw-scn__list{grid-column:1 / -1}
  .bw-scn__head{position:static}
  .bw-scn__list{margin-top:26px}
  .bw-scn__r{grid-template-columns:1fr;row-gap:8px}
  .bw-why__head,.bw-why__cols{grid-column:1 / -1}
  .bw-why__cols{grid-template-columns:1fr;gap:28px;margin-top:22px}
  .bw-why__ph{margin-top:34px}
  .bw-why__ph img{aspect-ratio:16 / 9}
  .bw-alli__g{padding-top:62px;padding-bottom:66px}
  .bw-alli__copy,.bw-alli__ph{grid-column:1 / -1}
  .bw-alli__ph{margin-top:32px}
  .bw-alli__ph img{aspect-ratio:16 / 9}
  .bw-cl__g{padding-top:56px;padding-bottom:68px}
  .bw-cl__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;margin-bottom:40px}
  .bw-cl__steps li:nth-child(3){padding-left:0;border-left:0}
  .bw-cl__copy,.bw-cl__act{grid-column:1 / -1}
  .bw-cl__act{margin-top:28px}
  .bw-rail__c{--bw-w:300px}
}
@container page (max-width:620px){
  .bw-fit__g{grid-template-columns:minmax(0,1fr);column-gap:0}
  .bw-fit__set{grid-template-columns:1fr}
  .bw-fit__t{font-size:21px}
  .bw-hero__h{font-size:34px}
  .bw-h2{font-size:27px}
  .bw-scn__t{font-size:22px}
  .bw-why__t{font-size:24px}
  .bw-alli__pts dt{font-size:22px}
  .bw-cl__h{font-size:30px}
  .bw-cl__steps{grid-template-columns:1fr;row-gap:12px}
  .bw-cl__steps li,.bw-cl__steps li:nth-child(3){padding-left:0;border-left:0}
  .bw-rail__c{--bw-w:270px}
}