.card-square{color:var(--color-text-on-light);flex-direction:column;text-decoration:none;display:flex;position:relative}.card-square__image{aspect-ratio:2;object-fit:cover;order:2;width:100%;display:block}.card-square__body{box-sizing:border-box;aspect-ratio:2;padding-inline:var(--card-square-padding-inline);align-items:flex-start;gap:var(--card-square-gap);flex-direction:column;order:1;padding-block-start:var(--card-square-padding-block-start);padding-block-end:var(--card-square-padding-block-end);display:flex}.card-square__arrow{margin-block-start:auto}.card-square__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-square__description{display:none}.card-square:focus{outline:none}.card-square:focus-visible:after{content:"";box-shadow:inset 0 0 0 var(--control-focus-ring-width) var(--color-primary);z-index:2;pointer-events:none;position:absolute;inset:0}.card-square.card-square--accent-1{background-color:var(--color-accent-1)}.card-square.card-square--accent-2{background-color:var(--color-accent-2)}.card-square.card-square--support-1{background-color:var(--color-support-1)}.card-square.card-square--support-2{background-color:var(--color-support-2)}@media (min-width:768px){.card-square{aspect-ratio:1;display:block;overflow:hidden}.card-square__image{order:unset;aspect-ratio:auto;width:100%;height:100%;transition:opacity var(--card-square-img-transition) var(--motion-easing-default);position:absolute;inset:0}.card-square__body{order:unset;z-index:1;aspect-ratio:auto;height:100%;position:relative}.card-square__title{-webkit-line-clamp:unset;display:block;overflow:visible}.card-square__description{opacity:0;visibility:hidden;transition:opacity var(--card-square-desc-transition) var(--motion-easing-default) var(--card-square-desc-transition-delay), visibility 0s var(--motion-easing-default) calc(var(--card-square-desc-transition) + var(--card-square-desc-transition-delay));display:block}.card-square:hover .card-square__image,.card-square:focus-visible .card-square__image{opacity:0}.card-square:hover .card-square__description,.card-square:focus-visible .card-square__description{opacity:1;visibility:visible;transition:opacity var(--card-square-desc-transition) var(--motion-easing-default) var(--card-square-desc-transition-delay), visibility 0s}}