.promotion{background-color:var(--promotion-background);padding:60rem 0}.promotion__content{margin-inline:auto;max-width:1280rem;width:90%}.promotion__name{color:var(--name-color)}@media (min-width:768px){:is(.promotion--image-left,.promotion--image-right) .promotion__content{--image-width:minmax(0,3fr);--content-width:minmax(0,4fr);align-items:center;display:grid;gap:20rem 60rem;grid-template-areas:"image header" "image description";grid-template-columns:var(--image-width) var(--content-width)}.promotion--image-right .promotion__content{grid-template-areas:"header image" "description image";grid-template-columns:var(--content-width) var(--image-width)}.promotion__image{grid-area:image}.promotion__header{grid-area:header}.promotion__description{grid-area:description}}.promotion__header{text-align:center}.promotion__description>:first-child{margin-top:0}.promotion__description>:last-child{margin-bottom:0}.promotion__buttons{--height:40rem;display:flex;flex-wrap:wrap;gap:10rem;justify-content:center;margin-top:40rem}.promotion__buttons .button .fas{font-size:.8em;margin-left:.5em}.promotion__image{display:flex;flex-direction:column;justify-content:center;margin:0}.promotion__image--has-caption{background-color:var(--caption-color);padding:1em}@media not screen and (min-width:768px){.promotion__image{margin-block:20rem}}.promotion__image img{display:block;margin:auto}.promotion__caption{margin-top:1em;text-align:center}.promotion__caption *{margin:0}.promotion__caption *+*{margin-top:.25em}.promotion__caption :is(ul,ol){column-count:2;gap:1em;text-align:left}.promotion__caption li{margin:0}.promotion__header{font-size:18rem}.promotion__header p{font-size:1em}.promotion__header>*{margin:0}.promotion__header>*+*{margin-top:.25em}