/* paths.css — the two Trinathen Lending segments.
   Layered on top of styles.css. Uses the site's own tokens only. */

:root{
  --honey:#c08d52;
  --clay:#a8714f;
  --warm:#f5efe3;
  --warmer:#ece3d2;
  --dusk:#111c18;
}

/* ---------------------------------------------------------- hero */

.path-hero{
  position:relative;
  min-height:clamp(560px,82vh,860px);
  display:flex;align-items:flex-end;
  padding:12vh 7vw 8vh;
  color:#fff;overflow:hidden;
  background:var(--dusk);
}
.path-hero-img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.02);
}
.path-hero-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(14,22,18,.58) 0%,rgba(14,22,18,.2) 30%,rgba(12,20,16,.66) 66%,rgba(10,17,14,.93) 100%),
    linear-gradient(90deg,rgba(12,20,16,.62) 0%,rgba(12,20,16,.2) 48%,transparent 74%);
}
.path-hero-inner{position:relative;max-width:1000px}
.path-hero .eyebrow{
  color:#f3ead9;margin:0;
  text-shadow:0 1px 16px rgba(0,0,0,.82),0 0 3px rgba(0,0,0,.55);
}
.path-hero h1{
  font:400 clamp(50px,7.8vw,124px)/.9 'Newsreader',serif;
  letter-spacing:-.04em;margin:24px 0 28px;
  text-shadow:0 2px 40px rgba(0,0,0,.36);
}
.path-hero h1 em{font-style:italic;color:#eed6b4;display:inline-block}
.path-hero .lead{
  font:400 clamp(19px,2.05vw,27px)/1.52 'Newsreader',serif;
  max-width:44ch;color:#f2ece1;margin:0 0 38px;
  text-shadow:0 1px 22px rgba(0,0,0,.5);
}
.path-cta{display:flex;flex-wrap:wrap;gap:13px}
.path-hero .button{
  background:#fff;color:var(--ink);border:1px solid #fff;
  padding:16px 26px;text-decoration:none;
  font:500 11px/1 'DM Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.13em;
  display:inline-block;transition:transform .18s ease,background .18s ease;
}
.path-hero .button:hover{transform:translateY(-2px)}
.path-hero .button.quiet{
  background:rgba(255,255,255,.07);color:#fff;
  border-color:rgba(255,255,255,.62);
  backdrop-filter:blur(3px);
}
.path-hero .button.quiet:hover{background:rgba(255,255,255,.17)}

/* ---------------------------------------------------------- statement */

.statement{padding:9vw 7vw;background:var(--paper)}
.statement>*{max-width:1180px;margin-left:0;margin-right:auto}
.statement h2{
  font:400 clamp(38px,5.2vw,82px)/1.02 'Newsreader',serif;
  letter-spacing:-.035em;margin:20px 0 34px;max-width:26ch;
}
.statement p{
  font:400 clamp(18px,1.55vw,22px)/1.68 'Newsreader',serif;
  color:#4d5851;max-width:66ch;margin:0 0 20px;
}

/* ---------------------------------------------------------- section heads */

.section-head{max-width:1180px;margin:0 0 58px}
.section-head h2{
  font:400 clamp(34px,4.6vw,72px)/1.03 'Newsreader',serif;
  letter-spacing:-.033em;margin:18px 0 0;max-width:24ch;
}

/* ---------------------------------------------------------- steps */

.path-steps{padding:10vw 7vw;background:var(--warm)}
.step-list{
  list-style:none;margin:0;padding:0;max-width:1180px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
}
.step-list li{background:var(--paper);padding:38px 32px 42px}
.step-list .n{
  display:block;font:400 15px/1 'Newsreader',serif;
  color:var(--bronze);letter-spacing:.08em;margin-bottom:22px;
}
.step-list h3{
  font:400 clamp(24px,2.1vw,31px)/1.13 'Newsreader',serif;
  letter-spacing:-.02em;margin:0 0 13px;
}
.step-list p{font:400 16px/1.62 'DM Sans',sans-serif;color:#5b665e;margin:0}

/* ---------------------------------------------------------- tiles */

.path-tiles{padding:10vw 7vw;background:var(--warmer)}
.path-tiles.dark{background:var(--dusk);color:#fff}
.path-tiles.dark .section-head h2{color:#fff}
.path-tiles.dark .eyebrow{color:#c9b795}
.tile-grid{
  max-width:1180px;margin:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:22px;
}
.tile{background:var(--paper);padding:34px 30px 38px;border-top:2px solid var(--bronze)}
.path-tiles.dark .tile{background:rgba(255,255,255,.055);border-top-color:var(--honey)}
.tile h3{
  font:400 clamp(23px,2vw,30px)/1.14 'Newsreader',serif;
  letter-spacing:-.02em;margin:0 0 13px;
}
.path-tiles.dark .tile h3{color:#fff}
.tile p{font:400 16px/1.62 'DM Sans',sans-serif;color:#5b665e;margin:0}
.path-tiles.dark .tile p{color:#cfd6cf}

/* ---------------------------------------------------------- split */

.path-split{
  display:grid;grid-template-columns:1fr 1fr;
  align-items:center;background:var(--paper);
}
.path-split.flip .path-split-copy{order:2}
.path-split-copy{padding:9vw 6vw}
.path-split-copy h2{
  font:400 clamp(32px,4.1vw,64px)/1.04 'Newsreader',serif;
  letter-spacing:-.032em;margin:18px 0 26px;
}
.path-split-copy p{
  font:400 clamp(17px,1.4vw,20px)/1.66 'Newsreader',serif;
  color:#4d5851;margin:0 0 18px;max-width:52ch;
}
.path-split-copy .button{
  display:inline-block;margin-top:14px;background:var(--ink);color:#fff;
  border:1px solid var(--ink);padding:15px 25px;text-decoration:none;
  font:500 11px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em;
}
.path-split-img{align-self:stretch;min-height:440px;overflow:hidden}
.path-split-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------------------------------------------------------- pull quote */

.path-pull{
  padding:11vw 7vw;background:var(--dusk);color:#fff;text-align:center;
}
.path-pull blockquote{
  font:400 clamp(28px,3.9vw,60px)/1.18 'Newsreader',serif;
  font-style:italic;letter-spacing:-.03em;
  max-width:24ch;margin:0 auto 30px;color:#f6eee1;
}
.path-pull .attrib{
  font:500 10px/1 'DM Sans',sans-serif;text-transform:uppercase;
  letter-spacing:.2em;color:#c3cdc2;margin:0;
}

/* ---------------------------------------------------------- faq */

.path-faq{padding:10vw 7vw;background:var(--paper)}
.path-faq .faq-list{max-width:900px;margin:0;border-top:1px solid var(--line)}
.path-faq details{border-bottom:1px solid var(--line)}
.path-faq summary{
  cursor:pointer;list-style:none;padding:28px 44px 28px 0;position:relative;
  font:400 clamp(20px,1.85vw,27px)/1.3 'Newsreader',serif;letter-spacing:-.02em;
}
.path-faq summary::-webkit-details-marker{display:none}
.path-faq summary::after{
  content:'+';position:absolute;right:6px;top:26px;
  font:400 26px/1 'Newsreader',serif;color:var(--bronze);
}
.path-faq details[open] summary::after{content:'\2013'}
.path-faq details>div{padding:0 44px 30px 0}
.path-faq details p,.path-faq details>div{
  font:400 17px/1.68 'DM Sans',sans-serif;color:#5b665e;max-width:68ch;
}

/* ---------------------------------------------------------- invite + form */

.path-invite{
  padding:11vw 7vw;background:var(--warm);text-align:center;
}
.path-invite h2{
  font:400 clamp(38px,5.4vw,86px)/1 'Newsreader',serif;
  letter-spacing:-.038em;margin:0 0 24px;
}
.path-invite>p{
  font:400 clamp(18px,1.55vw,23px)/1.6 'Newsreader',serif;
  color:#4d5851;max-width:56ch;margin:0 auto 36px;
}
.path-invite .path-cta{justify-content:center}
.path-invite .button{
  background:var(--ink);color:#fff;border:1px solid var(--ink);
  padding:16px 26px;text-decoration:none;
  font:500 11px/1 'DM Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.13em;display:inline-block;
}
.path-invite .button.quiet{background:transparent;color:var(--ink)}
.path-invite .fine{
  margin:34px auto 0;max-width:62ch;
  font:400 13px/1.6 'DM Sans',sans-serif;color:#6d786f;
}

.path-form{
  max-width:780px;margin:0 auto;text-align:left;
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
  background:var(--paper);padding:44px;border:1px solid var(--line);
}
.path-form label{
  display:block;font:500 9px/1.4 'DM Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.13em;color:#5b665e;
}
.path-form label.wide,.path-form button,.path-form .form-status{grid-column:1/-1}
.path-form input,.path-form select,.path-form textarea{
  width:100%;margin-top:8px;padding:13px;
  border:1px solid var(--line);background:#fff;
  font:400 16px/1.4 'DM Sans',sans-serif;color:var(--ink);
  border-radius:0;
}
.path-form textarea{resize:vertical}
.path-form input:focus-visible,.path-form select:focus-visible,.path-form textarea:focus-visible{
  outline:2px solid var(--bronze);outline-offset:1px;
}
.path-form button{justify-self:start;cursor:pointer}
.path-form .form-status{
  font:400 16px/1.5 'Newsreader',serif;color:var(--bronze);margin:0;
}

/* ---------------------------------------------------------- fine print */

.path-fine{padding:7vw 7vw 8vw;background:var(--cream)}
.path-fine p{
  max-width:88ch;margin:0 0 16px;
  font:400 13px/1.72 'DM Sans',sans-serif;color:#6d786f;
}
.path-fine a{color:var(--bronze)}

/* ---------------------------------------------------------- sibling nav */

.path-siblings{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--line);border-top:1px solid var(--line);
}
.path-siblings a{
  background:var(--dusk);color:#fff;padding:52px 6vw;
  text-decoration:none;transition:background .2s ease;
}
.path-siblings a:hover{background:#1b2a23}
.path-siblings span{
  display:block;font:500 9px/1 'DM Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.2em;color:var(--honey);margin-bottom:14px;
}
.path-siblings strong{
  font:400 clamp(21px,2.1vw,30px)/1.2 'Newsreader',serif;
  font-weight:400;letter-spacing:-.022em;
}

/* ---------------------------------------------------------- two-segment gateway */

.gateway-two{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:rgba(255,255,255,.22);margin-top:44px;
}
.gateway-two a{
  background:rgba(10,17,14,.68);color:#fff;text-decoration:none;
  padding:46px 40px 50px;backdrop-filter:blur(4px);
  transition:background .22s ease,transform .22s ease;
  display:block;border:0;
}
.gateway-two a:hover{background:rgba(10,17,14,.84);transform:translateY(-3px)}
.gateway-two .step{
  display:block;font:500 9px/1 'DM Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.2em;color:var(--honey);margin-bottom:18px;
}
.gateway-two h2{
  font:400 clamp(28px,3.2vw,46px)/1.06 'Newsreader',serif;
  letter-spacing:-.03em;margin:0 0 14px;color:#fff;
}
.gateway-two p{
  font:400 16px/1.6 'DM Sans',sans-serif;color:#d7dcd6;margin:0;max-width:34ch;
}

/* ---------------------------------------------------------- responsive */

@media (max-width:900px){
  .path-split,.path-split.flip{grid-template-columns:1fr}
  .path-split.flip .path-split-copy{order:0}
  .path-split-img{min-height:320px}
  .path-siblings,.gateway-two{grid-template-columns:1fr}
  .path-form{grid-template-columns:1fr;padding:30px}
  .path-hero{padding:14vh 7vw 9vh;min-height:0}
  .path-cta{flex-direction:column;align-items:stretch}
  .path-cta .button{text-align:center}
}

@media (prefers-reduced-motion:reduce){
  .path-hero .button,.path-siblings a,.gateway-two a{transition:none}
  .path-hero .button:hover,.gateway-two a:hover{transform:none}
}

.gateway-fine{margin:22px 0 0}
.gateway-fine a{color:#f0e6d2;text-decoration:none;font:400 15px/1.5 'Newsreader',serif;text-shadow:0 1px 14px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);border-bottom:1px solid rgba(240,230,210,.45);padding-bottom:2px}
.gateway-fine a:hover{border-bottom-color:#f0e6d2}