.content-body {padding: 7.5vh 20vw;max-width: 100vw;}.content-row:nth-child(1n) .content-card:has(img.icon) {background-image: url("../img/blob-1-5.png");}.content-row:nth-child(2n) .content-card:has(img.icon) {background-image: url("../img/blob-1-6.png");}.content-row:nth-child(3n) .content-card:has(img.icon) {background-image: url("../img/blob-1-7.png");}.content-row:nth-child(4n) .content-card:has(img.icon) {background-image: url("../img/blob-1-8.png");}.content-row:nth-child(5n) .content-card:has(img.icon) {background-image: url("../img/blob-1-9.png");}.content-row:nth-child(6n) .content-card:has(img.icon) {background-image: url("../img/blob-1-10.png");}.content-row + .content-row {margin-top: 15vh;}.content-card {display: grid;gap: 2.5vw;}.content-card.align-0 {grid-template-columns: 1.5fr 1fr;}.content-card.align-1 {grid-template-columns: 1fr 1.5fr;}.content-card:has(img.icon).align-0 {grid-template-columns: 2fr 1fr;}.content-card:has(img.icon).align-1 {grid-template-columns: 1fr 2fr;}.content-card:has(img.icon) {background-repeat: no-repeat;background-size: contain;}.content-card.align-0:has(img.icon) {background-position: right 20% center;}.content-card.align-1:has(img.icon) {background-position: left 20% center;}.content-card-left:has(.content-card-text),
.content-card-right:has(.content-card-text) {display: flex;flex-direction: column;justify-content: space-evenly;gap: 1.5rem;}.content-card-left:has(.content-card-text):only-child,
.content-card-right:has(.content-card-text):only-child {grid-column: 1 / 3;}.content-card-left:has(.content-card-img),
.content-card-right:has(.content-card-img),
.content-card-left:has(.content-card-embed),
.content-card-right:has(.content-card-embed) {display: flex;justify-content: center;align-items: center;}.content-card-link a {display: inline-block;border: 2px solid var(--ut-link-text-color);border-radius: 99px;}.content-card-link a:hover {background-color: var(--ut-link-text-color);color: var(--hyand-black);}.content-card-link span {display: flex;align-items: center;}.content-card-link .chevron-right {height: 24px;}.content-card-link .chevron-right::before {content: '';-webkit-mask: url("../img/chevron_right.svg") no-repeat 50% 50%;mask: url("../img/chevron_right.svg") no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;width: 24px;height: 24px;display: inline-block;background-color: var(--ut-link-text-color);}.content-card-link a:hover .chevron-right::before {background-color: var(--hyand-black);}.content-card-text {font-size: 18px;line-height: 30px;white-space: pre-line;}.content-card-text li {font-size: 18px;}.content-card-title h3 {font-family: GroteskFontLight;}.content-card-img img {width: 100%;max-height: 50vh;}.content-card-img:has(img.icon),
.content-card-img img.icon {width: 100%;max-height: 200px;max-width: 200px;}.content-card-embed,
.content-card-embed iframe,
.content-card-embed video {width: 100%;max-height: 50vh;aspect-ratio: 16/9;}@media only screen and (max-width: 1400px) {.content-body {padding: 7.5vh 10vw;max-width: 100vw;}.content-card.align-0 {grid-template-columns: 1.25fr 1fr;}.content-card.align-1 {grid-template-columns: 1fr 1.25fr;}}@media only screen and (max-width: 1100px) {.content-card.align-0 {grid-template-columns: 1fr 1fr;}.content-card.align-1 {grid-template-columns: 1fr 1fr;}}@media only screen and (max-width: 800px) {.content-card.align-0,
.content-card.align-1,
.content-card:has(img.icon).align-0,
.content-card:has(img.icon).align-1 {grid-template-columns: 1fr;grid-template-rows: 1fr auto;}.content-card.align-0 .content-card-left {grid-row: 2;}.content-card.align-0 .content-card-right {grid-row: 1;}.content-card.align-1 .content-card-left {grid-row: 1;}.content-card.align-1 .content-card-right {grid-row: 2;}.content-card-title h3 {font-size: 30px;}.content-card-text {font-size: 16px;line-height: 26px;}.content-card-img:has(img.icon) {width: 33%;}.content-card-img img.icon {margin: 0;}.content-card-embed{display: none;}.content-card-left:has(.content-card-img),
.content-card-right:has(.content-card-img) {justify-content: start;}.content-card.align-0:has(img.icon) {background-position: 50% top;}.content-card.align-1:has(img.icon) {background-position: 50% top;}}