/* Give or lend a boat. Page styles on top of site.css. */
.bt-hero .split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.bt-hero .hero-photo img{max-height:640px}
.bt-hero .bt-who{max-width:52ch;color:var(--on-dark-3)}
.bt-hero .tlink{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-weight:600;font-size:16px;color:var(--chalk)}

.bt-qa{margin-inline:0;margin-bottom:0;max-width:960px;border-bottom:1px solid var(--border)}
.bt-qa>div{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--s2) var(--s12);padding:var(--s6) 0;border-top:1px solid var(--border);align-items:baseline}
.bt-qa dt{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ocean)}
.bt-qa dd{margin:0;font-family:var(--body);font-size:21px;line-height:1.45;color:var(--midnight);max-width:44ch}

.bt-steps{list-style:none;margin-inline:0;margin-bottom:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s12)}
.bt-steps li{display:flex;flex-direction:column;gap:var(--s2)}
.bt-steps .stencil{font-size:48px;line-height:1;color:var(--horizon)}
.bt-steps h3{font-size:22px;line-height:1.3}
.bt-steps p{font-size:17px;color:var(--ocean)}

.bt-lend{background:var(--white);border-block:1px solid var(--border-subtle)}
.bt-lend .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--s6) var(--s16);align-items:center}
.bt-lend h2{font-size:clamp(26px,3vw,36px);line-height:1.15}

.bt-end .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--s6) var(--s16);align-items:center}
.bt-end .stencil{font-size:clamp(36px,4.6vw,60px);line-height:.95;margin:0}

@media (max-width:900px){.bt-hero .split{grid-template-columns:1fr}.bt-steps{grid-template-columns:1fr;gap:var(--s8)}}
@media (max-width:700px){.bt-qa>div{grid-template-columns:1fr;padding:var(--s5,20px) 0}.bt-qa dd{font-size:19px}}