.callout-list{--illustration-column-width:50%;--text-content-column-width:50%}.callout-list .callout{align-items:center;gap:var(--size15);padding-block:var(--size24);justify-content:space-between;display:flex}.callout-list .callout:nth-of-type(2n){flex-direction:row-reverse}.callout-list.dont-alternate .callout:nth-of-type(2n){flex-direction:row}.callout-list .callout-text{width:var(--text-content-column-width)}.callout-list .callout-illustration{width:var(--illustration-column-width);justify-content:center;align-items:center;display:grid}.callout-list .callout-illustration img,.callout-list .callout-illustration svg{max-width:100%}.callout-list h3{font-size:2rem}.callout-list p,.callout-list ol,.callout-list ul{color:var(--color-text4);font-size:var(--font-xl);margin-top:var(--size6);line-height:32px}.callout-list ol,.callout-list ul{padding-left:var(--size6)}.callout-list ol li,.callout-list ul li{margin-bottom:var(--size3)}.callout-list ol{list-style-type:decimal}.callout-list ul{list-style:outside}@media screen and (width<1000px){.callout-list{--illustration-column-width:80vw;--text-content-column-width:80vw}.callout-list .callout{padding-block:var(--size8)}.callout-list .callout,.callout-list .callout:nth-of-type(2n){flex-direction:column-reverse}.callout-list.dont-alternate .callout:nth-of-type(2n){flex-direction:column}}.call-out-cards>div,.call-out-cards>.call-out-link-card{background:var(--color-surface);border-radius:var(--radius-lg);gap:var(--size3);height:100%;padding:var(--size9) var(--size7);flex-direction:column;display:flex}.call-out-cards h4{font-size:18px}@media screen and (width>768px){.call-out-cards h4{font-size:var(--font-xl)}}.call-out-cards p{color:var(--color-text4);line-height:1.5}.call-out-cards ul{color:var(--color-text4);margin-inline-start:var(--size4);line-height:1.5;list-style-type:disc}.call-out-cards .arrow-link{color:var(--text5);align-items:center;gap:var(--size1);padding-block:var(--size1);font-weight:500;text-decoration:none;transition:gap .15s ease-in-out;display:flex}.call-out-cards .arrow-link:hover{gap:var(--size2);text-decoration:underline}.call-out-cards .call-out-link-card{text-decoration:none;transition:box-shadow .25s linear}.call-out-cards .call-out-link-card h4{align-items:center;gap:var(--size4);grid-template-columns:fit-content(75%) min-content;display:grid}.call-out-cards .call-out-link-card h4 svg{transition:transform .15s ease-out}.call-out-cards .call-out-link-card:hover{box-shadow:var(--elevation-chart-tile)}.call-out-cards .call-out-link-card:hover h4 svg{transform:translate(8px)}.call-out-cards a.call-out-card{background:var(--color-surface);border-radius:var(--radius-lg);gap:var(--size6);height:100%;padding:var(--size9) var(--size7);flex-direction:row;text-decoration:none;transition:all .25s;display:flex}@media screen and (width>768px){.call-out-cards a.call-out-card{gap:var(--size9)}}.call-out-cards a.call-out-card h4{margin-bottom:var(--size4)}@media screen and (width>768px){.call-out-cards a.call-out-card h4{margin-bottom:var(--size5)}}.call-out-cards a.call-out-card p{margin-bottom:var(--size5)}@media screen and (width>768px){.call-out-cards a.call-out-card p{margin-bottom:var(--size9)}}.call-out-cards a.call-out-card button{border-radius:var(--radius-lg);color:#000;background-color:#0000;border:2px solid #000;padding:6px 16px;font-weight:700}.call-out-cards a.call-out-card:hover{box-shadow:0 39.87px 39.87px #b450941a}.call-out-cards a.call-out-card:hover button{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-surface)}