[data-v-2b80c68a]:root{--dark:#282725;--dark-90:rgba(40,39,37,.9);--dark-80:rgba(40,39,37,.8);--dark-45:rgba(40,39,37,.45);--dark-25:rgba(40,39,37,.25);--key-color:#b47843;--key-color-80:rgba(180,120,67,.8);--key-color-40:rgba(180,120,67,.4);--key-color-5:rgba(180,120,67,.05);--grey:#46474a;--grey-80:rgba(70,71,74,.8);--grey-45:rgba(70,71,74,.45);--light-grey:#f5f5f5;--white:#fff;--shadow:1px 3px 13px 1px var(--key-color-40);--ease:.2s ease;--ease-md:.5s cubic-bezier(.15,.25,.1,1)}.card[data-v-2b80c68a]{aspect-ratio:384/340;display:flex;flex-direction:column;gap:clamp(10px,7.5px + .0052083333 * 100vw,15px);height:100%;justify-content:center;padding:20px clamp(15px,-2.5px + .0364583333 * 100vw,50px);position:relative;z-index:1}.card[data-v-2b80c68a]:before{background-color:transparent;content:"";display:block;height:100%;inset:0;position:absolute;transition:background-color var(--ease);width:100%;z-index:-1}.card__title[data-v-2b80c68a]{display:flex;gap:clamp(10px,7.5px + .0052083333 * 100vw,15px);-webkit-hyphens:manual;hyphens:manual;transition:color var(--ease);word-break:break-all}.card__square[data-v-2b80c68a]{color:var(--key-color);font-size:clamp(10px,7.5px + .0052083333 * 100vw,15px)}.card__text[data-v-2b80c68a]{letter-spacing:-.06em;transition:color var(--ease)}.card__icon[data-v-2b80c68a]{display:none}.card__image[data-v-2b80c68a]{inset:0;opacity:.3;position:absolute;transition:opacity var(--ease);z-index:-2}.card[data-v-2b80c68a]:hover:before{background-color:var(--grey-80)}.card:hover .card__text[data-v-2b80c68a],.card:hover .card__title[data-v-2b80c68a]{color:var(--white)}.card:hover .card__square[data-v-2b80c68a]{color:var(--key-color)}.card:hover .card__image[data-v-2b80c68a]{opacity:.45}@media(max-width:767px){.card[data-v-2b80c68a]{aspect-ratio:auto;box-shadow:var(--shadow);gap:initial;padding:initial}.card[data-v-2b80c68a]:before{background-color:var(--dark-90)}.card__title[data-v-2b80c68a]{color:var(--white);padding:20px 15px}.card__square[data-v-2b80c68a]{color:var(--key-color)}.card__box[data-v-2b80c68a]{background-color:var(--white);display:flex;flex-direction:column;gap:4px;padding:10px 15px}.card__icon[data-v-2b80c68a]{display:block;height:20px;margin-left:auto;width:20px}.card__image[data-v-2b80c68a]{opacity:.45}.card:hover .card__text[data-v-2b80c68a]{color:var(--dark)}}