/* The doorway shape makes a practical planning tool feel like part of the home search. */
.calculator-promo{padding:76px 0 72px;background:#e5eadd;overflow:hidden;border-bottom:1px solid #d1d8c9}
.calculator-promo-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.calculator-promo-copy{max-width:540px}
.calculator-promo-copy .eyebrow{font-size:9px;margin-bottom:24px}
.calculator-promo-copy h2{font-size:clamp(47px,4.6vw,69px);line-height:1.02;text-wrap:balance}
.calculator-promo-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:380px;margin-top:25px}
.calculator-promo-button{margin-top:29px;gap:20px;min-height:65px;padding:12px 22px 12px 12px;font-size:12px;letter-spacing:.015em;box-shadow:0 5px 0 #7e1520}
.promo-button-symbol{width:39px;height:39px;border:1px solid #ffffff55;display:grid;place-items:center;flex:none}
.promo-button-symbol .icon{width:21px;height:21px}
.calculator-promo-button>.icon{width:21px;transition:transform .2s}
.calculator-promo-button:hover>.icon,.calculator-promo-button:focus-visible>.icon{transform:translateX(3px)}
.calculator-promo-copy>.promo-privacy{font-size:10px!important;margin-top:16px!important}
.calculator-promo-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;padding:15px 20px 12px 0}
.promo-roofline{position:absolute;right:-55px;top:-37px;width:400px;height:330px;stroke:#65765b;stroke-width:1.2;opacity:.48;pointer-events:none}
.promo-roofline circle{fill:var(--red);stroke:var(--red)}
.promo-payment-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;background:var(--paper);border:1px solid #6b7364;border-radius:200px 200px 5px 5px;padding:80px 32px 25px;max-width:408px;width:100%;box-shadow:13px 16px 0 #cdd5c2;text-align:center;transition:transform .25s,box-shadow .25s}
.promo-payment-card:hover,.promo-payment-card:focus-visible{transform:translateY(-3px);box-shadow:13px 19px 0 #c4cdb8}
.promo-example-tag{align-self:center;border:1px solid #b51d2866;border-radius:20px;color:var(--red);padding:3px 11px;font-size:8px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}
.promo-payment-label{font-size:10px;color:var(--muted);margin-top:18px}
.promo-payment-amount{font-family:var(--serif);font-size:66px;line-height:1.1;letter-spacing:-.045em;margin-top:5px;font-variant-numeric:tabular-nums}
.promo-payment-amount small{display:block;font-family:var(--sans);font-size:10px;line-height:1.7;letter-spacing:0;color:var(--muted);margin-top:3px}
.promo-payment-bar{display:flex;height:9px;border-radius:8px;overflow:hidden;margin:24px 0 14px}
.promo-payment-bar>span{display:block}
.promo-bar-loan{width:82.2%;background:#292e29}.promo-bar-tax{width:10.8%;background:#849274}.promo-bar-insurance{width:7%;background:var(--red)}
.promo-payment-breakdown{margin:0;display:grid;gap:8px;text-align:left;font-size:10px;line-height:1.7}
.promo-payment-breakdown>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.promo-payment-breakdown dt{display:flex;align-items:center;gap:8px}
.promo-payment-breakdown i{width:6px;height:6px;display:block;flex:none}
.promo-legend-loan{background:#292e29}.promo-legend-tax{background:#849274}.promo-legend-insurance{background:var(--red)}
.promo-payment-breakdown dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.promo-example-terms{font-size:8px;color:var(--muted);line-height:1.9;text-align:center;padding-top:17px;margin-top:18px;border-top:1px solid var(--line)}
.promo-card-link{font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-top:19px;border-top:1px solid var(--line);padding-top:16px;text-align:left}
.promo-card-link .icon{width:19px;height:19px;color:var(--red)}
@media(max-width:1100px){.calculator-promo-inner{gap:55px}.calculator-promo-copy h2{font-size:56px}.calculator-promo-art{padding-right:15px}.promo-payment-card{padding-left:26px;padding-right:26px}.calculator-promo-button{font-size:11px;gap:15px}.promo-roofline{right:-70px}}
@media(max-width:850px){.calculator-promo{padding:52px 0 55px}.calculator-promo-inner{grid-template-columns:1fr;gap:40px}.calculator-promo-copy{max-width:600px}.calculator-promo-copy h2{font-size:59px}.calculator-promo-copy h2 br:first-of-type{display:none}.calculator-promo-copy>p:not(.eyebrow){max-width:450px;margin-top:21px}.calculator-promo-art{max-width:510px;width:100%;margin:auto;padding:0 22px 0 0}.promo-roofline{right:-28px;top:-10px}.promo-payment-card{max-width:405px}.calculator-promo-copy>.promo-privacy{margin-top:15px!important}}
@media(max-width:600px){.calculator-promo{padding-top:43px;padding-bottom:48px}.calculator-promo-inner{gap:34px}.calculator-promo-copy .eyebrow{font-size:8px;margin-bottom:18px}.calculator-promo-copy h2{font-size:48px}.calculator-promo-copy>p:not(.eyebrow){font-size:12px;max-width:320px}.calculator-promo-button{width:100%;max-width:350px;min-height:61px;font-size:11px;padding-right:17px;gap:12px;margin-top:25px}.promo-button-symbol{width:36px;height:36px}.calculator-promo-art{padding-right:13px}.promo-payment-card{padding:66px 23px 23px;box-shadow:9px 12px 0 #cdd5c2}.promo-payment-amount{font-size:60px}.promo-roofline{width:310px;height:260px;right:-28px;top:-9px}.promo-example-terms{font-size:8px;line-height:1.9}.promo-payment-breakdown{font-size:10px}.promo-example-tag{font-size:7px}.promo-payment-label{font-size:10px}.promo-card-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.promo-payment-card,.calculator-promo-button,.calculator-promo-button>.icon{transition:none;transform:none!important}}