.card-surface__item{--color:#000;width:100%;position:relative}@media (width<=743.98px){.card-surface__item{flex-direction:column;display:flex}.card-surface__item-box{flex:auto}}@media (width>=744px){.card-surface__item{aspect-ratio:2;grid-template-columns:50% 50%;display:grid}.card-surface__item.is-large .card-surface__item-media :is(img,video){aspect-ratio:2}.card-surface__item-box{order:0;height:100%}}@media (width>=1024px){.card-surface__item.is-small{grid-template-columns:41.6667% 58.3333%}}.card-surface__item.text-gray-900,.card-surface__item.text-gray-900 .btn:not(.btn-link){--bs-btn-shadow-color:var(--color);--bs-btn-hover-shadow-color:var(--color)}.card-surface__item.text-gray-900 .btn{color:var(--color)}.card-surface__item.text-gray-900 .btn.btn-link{--bs-underline-color:var(--color)}.card-surface__item.text-gray-900 .btn:not(.btn-link){--bs-btn-hover-border-color:var(--color)}.card-surface__item-box{flex-flow:column;justify-content:space-between;padding:1.25rem 1rem 1.5rem;display:flex}@media (width>=375px){.card-surface__item-box{padding:calc(1.1236vw + .986657rem) calc(1.1236vw + .736657rem)}}@media (width>=1444px){.card-surface__item.is-small{grid-template-columns:33.3333% 66.6667%}.card-surface__item-box{padding:2.5rem 2.5rem 3rem}}.card-surface__item-box .topline{margin-bottom:.25rem}@media (width<=374.98px){.card-surface__item-box .topline{--bs-font-size:1rem;--bs-line-height:1.5rem}}.card-surface__item-box-description{--bs-font-size:1.125rem;--bs-line-height:1.65rem}@media (width>=744px){.card-surface__item-box .topline{margin-bottom:.5rem}.card-surface__item-box-description{--bs-font-size:1.25rem;--bs-line-height:1.65rem}}.card-surface__item-media{aspect-ratio:1;width:100%;margin:0;overflow:hidden}@media (width>=744px){.card-surface__item-media{aspect-ratio:inherit;order:1;height:100%}}.card-surface__item-media :is(img,video){aspect-ratio:1;object-fit:cover;object-position:center;width:100%;height:100%}@media (width>=744px){.card-surface__item-media :is(img,video){aspect-ratio:2}}.card-surface__item-btns{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.card-surface__item-btns .btn.btn-link{z-index:1;position:relative}.card-surface__item+.card-surface__item{margin-top:2rem}[data-theme=artisan] .card-surface__item{--color:#fff}[data-theme=artisan] .card-surface__item-box{--color:#fff;color:var(--color)!important;background:#151514!important}
