/* Business cards use the existing Impuls paper, palette and motion. */
body[data-audience="business"] .object-pose{width:440px;left:calc(50% - 220px)}
body[data-audience="business"] .object-front{min-height:410px}
.business-budget{padding:24px 0;border-bottom:1px solid #bcc7cd;margin-bottom:8px;display:flex;flex-direction:column;gap:12px}
.business-budget strong{font-size:57px;letter-spacing:-2px;line-height:1.1;font-weight:800}
.business-budget small{font-size:23px;letter-spacing:-.6px;font-weight:600}
.business-budget>span,.business-choice>span{font-size:10px;letter-spacing:.5px;color:#536169;line-height:1.6}
.business-choice{display:flex;flex-direction:column;gap:12px;background:#fff;border-left:4px solid #ffba00;padding:17px;margin:22px 0 10px}
.business-choice>b{font-size:21px;letter-spacing:-.5px}
.business-usage{margin:24px 0 10px}
.business-usage>div{display:grid;grid-template-columns:1fr auto;gap:7px 12px;border-top:1px solid #bcc7cd;padding:15px 0}
.business-usage b{font-size:13px}.business-usage span{grid-column:1;font-size:12px;line-height:1.5;color:#536169}.business-usage strong{grid-column:2;grid-row:1/3;align-self:center;font-size:14px;white-space:nowrap}
body[data-audience="business"] .receipt-row{font-size:13px;gap:15px}
body[data-audience="business"] .receipt-row b{white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){body[data-audience="business"] .object-pose{width:370px;left:calc(50% - 185px)}body[data-audience="business"] .scene h1{font-size:49px}}
@media(max-width:760px){
 body[data-audience="business"] .object-pose{width:100%;left:0}
 body[data-audience="business"] .object-front{min-height:0}
 body[data-audience="business"] .scene-copy{min-height:232px}
 body[data-audience="business"] .object-stage{height:360px;min-height:360px}
 body[data-audience="business"] .stage{min-height:790px}
 .business-budget{padding:14px 0;gap:9px}.business-budget strong{font-size:43px}.business-budget small{font-size:20px}
 .business-choice{margin:16px 0 8px;padding:12px;gap:8px}.business-choice>b{font-size:19px}
 .business-usage{margin:16px 0 5px}.business-usage>div{padding:11px 0}.business-usage span{font-size:11px}
 body[data-audience="business"] .receipt-row{font-size:12px;padding:11px 0}
}
/* Leave space for the taller report and invoice illustrations. */
@media(min-width:761px){body[data-audience="business"] .story-layout{min-height:575px}}
@media(max-width:760px){body[data-audience="business"] .object-stage{height:395px;min-height:395px}body[data-audience="business"] .stage{min-height:825px}}
