/* Ivory gallery with a compact photo hero and restrained brand accents. */
.transactions-page{--transactions-navy:#12344f}
.transactions-page main{background:var(--paper)}
.transactions-page .transactions-hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0!important;background:var(--transactions-navy)}
.transactions-page .transactions-hero-image{grid-area:1/1;align-self:start;position:relative;z-index:0}
.transactions-page .transactions-hero-photo{display:block;width:100%;height:clamp(280px,calc(21vw + 40px),340px);object-fit:cover;object-position:50% calc(35% - 14px)}
.transactions-page .transactions-hero::after{display:none}
.transactions-page .transactions-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,27,47,.76),rgba(9,27,47,.3) 24%,transparent 48%),linear-gradient(90deg,rgba(9,27,47,.65),rgba(9,27,47,.3) 30%,transparent 62%);pointer-events:none}
.transactions-page .transactions-hero-content{grid-area:1/1;align-self:stretch;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;column-gap:32px;margin:20px 32px 18px}
.transactions-page .transactions-hero h1{grid-area:1/1;font:700 clamp(32px,3vw,40px)/1.05 var(--serif);letter-spacing:-.025em;margin:0;color:#fff}
.transactions-page .transactions-hero .transactions-hero-deck{grid-area:3/1/4/3;font:400 clamp(18px,1.6vw,21px)/1.25 var(--serif);max-width:none;margin:0;color:#fff}
.transactions-page .transactions-hero .cta{grid-area:1/2;align-self:start;font-size:10px;line-height:1.4;padding:10px 16px;text-align:center}

.transactions-page .selected-financings{padding:24px 0 32px;background:var(--paper);color:var(--ink)}
.transactions-page .selected-financings h2{font:400 clamp(22px,2vw,26px)/1.15 var(--serif);letter-spacing:-.02em;color:var(--navy);text-align:center;margin:0 0 14px;scroll-margin-top:130px}
.transactions-page .transactions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}
.transactions-page .tx-card{display:flex;flex-direction:column;min-width:0;background:transparent;border:0}
.transactions-page .tx-photo{aspect-ratio:3/2;overflow:hidden;background:#e5ddd2}
.transactions-page .tx-photo img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--photo-position,50% 50%);transform:scale(var(--photo-zoom,1));transform-origin:var(--photo-position,50% 50%);filter:none}
.transactions-page .tx-body{padding:8px 0 0}
.transactions-page .tx-body h3,.transactions-page .tx-amount,.transactions-page .tx-purpose,.transactions-page .tx-program{font:400 14px/1.3 var(--sans);letter-spacing:normal;min-height:0;margin:0}
.transactions-page .tx-body h3{color:var(--navy)}
.transactions-page .tx-amount{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;white-space:nowrap;color:var(--navy)}
.transactions-page .tx-purpose{color:#4c5970}
.transactions-page .tx-program{font-variant-numeric:lining-nums;color:#87603e}
.transactions-page .banner{background:var(--paper);border:0;padding:24px 0 36px;color:var(--navy)}
.transactions-page .banner .container{flex-direction:column;align-items:center;text-align:center;gap:16px}
.transactions-page .banner .eyebrow{color:var(--navy);font-size:11px;margin:0 0 8px}
.transactions-page .banner h2{font-size:26px;line-height:1.15;margin:0 0 8px}
.transactions-page .banner p{font-size:16px;line-height:1.4;color:#4c5970;margin:0 auto;max-width:680px}
.transactions-page .banner .cta{font-size:10px;padding:13px 22px}
@media(max-width:1024px){
  .transactions-page .transactions-hero-photo{object-position:50% 50%}
  .transactions-page .transactions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
}
@media(max-width:600px){
  .transactions-page .transactions-hero-content{gap:10px 12px;margin:14px}
  .transactions-page .transactions-hero-photo{height:220px}
  .transactions-page .transactions-hero-image::after{background:linear-gradient(0deg,rgba(9,27,47,.82),rgba(9,27,47,.38) 60%,rgba(9,27,47,.4))}
  .transactions-page .transactions-hero h1{grid-area:1/1;font-size:clamp(24px,7.2vw,28px);line-height:1.05;margin:0;align-self:center}
  .transactions-page .transactions-hero .transactions-hero-deck{font-size:18px;line-height:1.2;margin:0}
  .transactions-page .transactions-hero .cta{grid-area:1/2;max-width:128px;padding:9px 10px;font-size:9px;letter-spacing:.04em}
  .transactions-page .selected-financings{padding:20px 0 28px}
  .transactions-page .transactions-grid{grid-template-columns:minmax(0,1fr);gap:18px}
}