.block-trio{max-width:var(--page-width-mobile)}@media screen and (min-width: 48em){.block-trio{max-width:var(--page-width)}}.block-trio__list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width: 48em){.block-trio__list{grid-template-columns:repeat(3,1fr);grid-gap:var(--grid-mobile-horizontal-spacing)}}@media screen and (min-width: 60em){.block-trio__list{grid-gap:var(--grid-desktop-horizontal-spacing)}}.block-trio__link{background-color:var(--color-base-burgandy);display:block;padding:1rem;text-decoration:none;transition:.2s ease background-color}.block-trio__link:hover{background-color:var(--color-base-burgandy-darkened)}.block-trio__item:nth-child(2) .block-trio__link:hover{background-color:var(--color-base-green-darkened)}.block-trio__item:nth-child(3) .block-trio__link:hover{background-color:var(--color-base-blue-darkened)}.block-trio--faded .block-trio__link{position:relative}.block-trio--faded .block-trio__link:nth-child(1) .quarks-button{color:var(--color-base-burgandy)}.block-trio__item:nth-child(2) .block-trio__link{background-color:var(--color-base-green)}.block-trio--faded .block-trio__item:nth-child(2) .quarks-button{color:var(--color-base-green)}.block-trio__item:nth-child(3) .block-trio__link{background-color:var(--color-base-blue)}.block-trio--faded .block-trio__item:nth-child(3) .quarks-button{color:var(--color-base-blue)}.block-trio__img svg,.block-trio__img img{display:block;height:auto;aspect-ratio:4/3;object-fit:cover;width:100%}.block-trio--faded .block-trio__img{opacity:.4}.block-trio__desc{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:1.5rem 1rem 1rem}@media screen and (min-width: 84em){.block-trio__desc{flex-direction:row;padding:1rem 1rem 0}}.block-trio--faded .block-trio__desc{position:absolute;bottom:0;right:0;left:0;top:0;padding:0;flex-direction:column;justify-content:center;align-items:center}.block-trio__title{margin:0;font-size:2.4rem;color:#fff}.block-trio--faded .block-trio__title{font-size:3rem}@media screen and (min-width: 48em){.block-trio--faded .block-trio__title{font-size:2.4rem}}@media screen and (min-width: 60em){.block-trio--faded .block-trio__title{font-size:3rem}}@media screen and (min-width: 84em){.block-trio--faded .block-trio__title{font-size:3.6rem}}@media screen and (min-width: 84em){.block-trio__button{margin-left:auto}}.block-trio--faded .block-trio__button{margin-left:0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-promo-trio-ncol.css.map */