/* Bond Street Mortgage ,  Knowledge is Power section. Scoped to .bsm-knowledge. */
.bsm-knowledge {
  --bsm-knowledge-green: #00634a;
  --bsm-knowledge-deep: #003f30;
  --bsm-knowledge-ink: #102d24;
  --bsm-knowledge-muted: #62746e;
  --bsm-knowledge-line: #dce7e2;
  --bsm-knowledge-mist: #f7faf8;
  box-sizing: border-box;
  padding: clamp(62px, 7vw, 102px) 24px;
  background: var(--bsm-knowledge-mist);
  color: var(--bsm-knowledge-ink);
  font-family: Inter, Arial, sans-serif;
}
.bsm-knowledge *, .bsm-knowledge *::before, .bsm-knowledge *::after { box-sizing: border-box; }
.bsm-knowledge__inner { width: min(100%, 1200px); margin: 0 auto; }
.bsm-knowledge__intro { position: static; z-index: auto; width: auto; max-width: 760px; margin: 0 auto clamp(34px, 4vw, 54px); text-align: center; }
.bsm-knowledge__eyebrow { margin: 0 0 13px; color: var(--bsm-knowledge-green); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bsm-knowledge h2 { margin: 0; font-size: clamp(40px, 4.3vw, 64px); font-weight: 800; letter-spacing: -.058em; line-height: .98; }
.bsm-knowledge__intro > p:last-child { max-width: 650px; margin: 17px auto 0; color: var(--bsm-knowledge-muted); font-size: clamp(15px, 1.4vw, 17px); line-height: 1.58; }
.bsm-knowledge__layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr); gap: clamp(24px, 3vw, 38px); align-items: stretch; }
.bsm-knowledge__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.bsm-knowledge__card { position: relative; display: flex; min-height: 202px; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 20px; border: 1px solid var(--bsm-knowledge-line); border-radius: 13px; background: #fff; color: inherit; box-shadow: 0 10px 25px rgba(16,45,36,.045); text-decoration: none; transition: border-color 180ms cubic-bezier(.23,1,.32,1), box-shadow 180ms cubic-bezier(.23,1,.32,1), transform 180ms cubic-bezier(.23,1,.32,1); }
.bsm-knowledge__card::before { position: absolute; z-index: 0; top: 0; right: 0; width: 53%; height: 5px; background: var(--bsm-knowledge-green); content: ''; opacity: .9; }
.bsm-knowledge__card--refinance::before { background: #3b8b78; }
.bsm-knowledge__card--learning::before { background: #c5993f; }
.bsm-knowledge__card--calculator::before { background: var(--bsm-knowledge-deep); }
.bsm-knowledge__card:hover { border-color: rgba(0,99,74,.34); box-shadow: 0 14px 32px rgba(16,45,36,.1); transform: translateY(-3px); }
.bsm-knowledge__card:active { transform: scale(.985); }
.bsm-knowledge__card:focus-visible { outline: 3px solid rgba(0,99,74,.32); outline-offset: 3px; }
.bsm-knowledge__icon { position: relative; z-index: 1; display: grid; width: 74px; height: 74px; place-items: center; filter: drop-shadow(0 7px 10px rgba(16,45,36,.12)); }
.bsm-knowledge__icon img { display: block; width: 70px; height: 70px; object-fit: contain; }
.bsm-knowledge__card--learning .bsm-knowledge__icon, .bsm-knowledge__card--calculator .bsm-knowledge__icon { padding: 12px; border-radius: 15px; background: #edf6f2; filter: none; }
.bsm-knowledge__card--learning .bsm-knowledge__icon img, .bsm-knowledge__card--calculator .bsm-knowledge__icon img { width: 46px; height: 46px; }
.bsm-knowledge__card-copy { position: relative; z-index: 1; display: grid; gap: 7px; padding-right: 12px; }
.bsm-knowledge__card-copy strong { font-size: 20px; font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
.bsm-knowledge__card-copy span { color: var(--bsm-knowledge-muted); font-size: 13px; line-height: 1.42; }
.bsm-knowledge__arrow { position: absolute; right: 18px; bottom: 18px; color: var(--bsm-knowledge-green); font-size: 20px; font-weight: 700; line-height: 1; transition: transform 180ms cubic-bezier(.23,1,.32,1); }
.bsm-knowledge__card:hover .bsm-knowledge__arrow { transform: translateX(4px); }
.bsm-knowledge__photo { position: relative; min-height: 100%; margin: 0; overflow: hidden; border-radius: 14px; background: var(--bsm-knowledge-deep); box-shadow: 0 15px 35px rgba(16,45,36,.12); }
.bsm-knowledge__photo::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.18); border-radius: inherit; content: ''; pointer-events: none; }
.bsm-knowledge__photo img { display: block; width: 100%; height: 100%; min-height: 418px; object-fit: cover; object-position: center; }
@media (max-width: 940px) { .bsm-knowledge__layout { grid-template-columns: 1fr; } .bsm-knowledge__photo { max-height: 430px; } .bsm-knowledge__photo img { min-height: 0; max-height: 430px; aspect-ratio: 16 / 8; } }
@media (max-width: 600px) { .bsm-knowledge { padding: 54px 16px; } .bsm-knowledge__intro { margin-bottom: 30px; } .bsm-knowledge h2 { font-size: 40px; } .bsm-knowledge__cards { grid-template-columns: 1fr; gap: 10px; } .bsm-knowledge__card { min-height: 126px; padding: 16px; } .bsm-knowledge__icon { width: 62px; height: 62px; } .bsm-knowledge__icon img { width: 58px; height: 58px; } .bsm-knowledge__card--learning .bsm-knowledge__icon, .bsm-knowledge__card--calculator .bsm-knowledge__icon { padding: 10px; border-radius: 13px; } .bsm-knowledge__card--learning .bsm-knowledge__icon img, .bsm-knowledge__card--calculator .bsm-knowledge__icon img { width: 40px; height: 40px; } .bsm-knowledge__card-copy { gap: 5px; padding-right: 36px; } .bsm-knowledge__card-copy strong { font-size: 18px; } .bsm-knowledge__photo img { max-height: none; aspect-ratio: 16 / 10; } }
@media (prefers-reduced-motion: reduce) { .bsm-knowledge__card, .bsm-knowledge__arrow { transition: none; } }

/* Delivery cleanup: remove decorative bars that appear beside eyebrow or kicker text. */
[class*="eyebrow"]::after, [class*="eyebrow"]:after, [class*="kicker"]::after, [class*="kicker"]:after { content: none !important; display: none !important; }
