.s-callout{padding-block:var(--s-1200)}.s-callout--flush{padding-top:0}.s-callout__title{font-size:var(--fs-subtitle);font-weight:500;letter-spacing:-.01em;line-height:var(--lh-tight)}.s-callout__text{font-size:var(--fs-body);line-height:var(--lh)}.s-callout__icon{background:currentColor;flex:none;height:28px;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;width:28px}.s-callout__btn{flex:none}.s-callout__strip{align-items:center;border-radius:var(--r-400);display:flex;gap:var(--s-1200);justify-content:space-between;padding:var(--s-1200)}.s-callout__strip-text{display:flex;flex-direction:column;gap:var(--s-300);max-width:880px}.s-callout__strip--navy{background:var(--c-navy);color:var(--c-white)}.s-callout__strip--navy .s-callout__text{color:var(--c-white-70)}.s-callout__strip--light{background:var(--c-bg);color:var(--c-ink)}.section--bg .s-callout__strip--light{background:var(--c-white)}.s-callout__strip--light .s-callout__text{color:var(--c-ink-70)}.section--navy .s-callout__strip--navy{background:var(--c-navy-2)}.s-callout__note{align-items:flex-start;border-radius:var(--r-400);display:flex;gap:var(--s-400);padding:var(--s-600) var(--s-800)}.s-callout__note .s-callout__text{flex:1;min-width:0}.s-callout__note .s-callout__btn{align-self:center}.s-callout__note--navy{background:var(--c-navy);color:var(--c-white)}.s-callout__note--navy .s-callout__icon{color:var(--c-yellow)}.s-callout__note--navy .s-callout__text{color:var(--c-white-70)}.s-callout__note--navy .s-callout__text strong{color:var(--c-white)}.section--navy .s-callout__note--navy{background:var(--c-navy-2)}.s-callout__note--light,.s-callout__note--warning{background:var(--c-bg);color:var(--c-ink)}.section--bg .s-callout__note--light,.section--bg .s-callout__note--warning{background:var(--c-white)}.s-callout__note--light .s-callout__text,.s-callout__note--warning .s-callout__text{color:var(--c-ink-70)}.s-callout__note--light .s-callout__text strong,.s-callout__note--warning .s-callout__text strong{color:var(--c-ink)}.s-callout__note--warning{box-shadow:inset 4px 0 0 var(--c-yellow)}.s-callout__pair{display:grid;gap:var(--s-600);grid-template-columns:repeat(2,minmax(0,1fr))}.s-callout__box{border-radius:var(--r-400);display:flex;flex-direction:column;gap:var(--s-400);padding:var(--s-800)}.s-callout__box-head{align-items:center;display:flex;gap:var(--s-300)}.s-callout__box .s-callout__title{font-size:var(--fs-sub-lg)}.s-callout__box .s-callout__btn{align-self:flex-start;margin-top:auto}.s-callout__box--navy{background:var(--c-navy);color:var(--c-white)}.s-callout__box--navy .s-callout__icon{color:var(--c-yellow)}.s-callout__box--navy .s-callout__text{color:var(--c-white-70)}.s-callout__box--navy .s-callout__text a,.s-callout__box--navy .s-callout__text strong{color:var(--c-white)}.section--navy .s-callout__box--navy{background:var(--c-navy-2)}.s-callout__box--light{background:var(--c-bg);box-shadow:inset 4px 0 0 var(--c-yellow);color:var(--c-ink)}.section--bg .s-callout__box--light{background:var(--c-white)}.s-callout__box--light .s-callout__text{color:var(--c-ink-70)}.s-callout__box--light .s-callout__text strong{color:var(--c-ink)}@media (max-width:820px){.s-callout{padding-block:var(--s-800)}.s-callout--flush{padding-top:0}.s-callout__strip{align-items:flex-start;flex-direction:column;gap:var(--s-600);padding:var(--s-800) var(--s-600)}.s-callout__note{flex-wrap:wrap;padding:var(--s-600)}.s-callout__note .s-callout__btn{align-self:flex-start}.s-callout__pair{grid-template-columns:1fr}.s-callout__box{padding:var(--s-600)}}@media (max-width:520px){.s-callout__btn{width:100%}.s-callout__note .s-callout__text{flex-basis:calc(100% - 44px)}}