:where([data-card-type=typical][data-card-preset="1"] [data-au=card])
{
	--card-aspect-ratio: 3/4;
	--card-aspect-ratio-md: 3/5;
	--card-highlight-display: block;
	--card-highlight-background: transparent;
	--card-highlight-background-hover: var(--COLOR-1);
	--card-highlight-height: 0.2rem;
	--card-highlight-height-hover: 0.2rem;
	--card-highlight-order: 5;
	--card-highlight-transition: 0.2s all;
	--card-img-display: block;
	--card-img-aspect-ratio: 5/3;
	--card-img-aspect-ratio-md: 5/2;
	--card-img-order: 15;
	--card-img-badge-display: none;
	--card-img-badge-left: 100%;
	--card-img-badge-top: 0%;
	--card-img-badge-transform: translate(-100%);
	--card-img-overlay-display: none;
	--card-img-overlay-article-title-transition: flex;
	--card-img-overlay-article-description-color: #fff;
	--card-img-overlay-article-description-background: var(--COLOR-1);
	--card-img-overlay-article-link-transform-md-hover: translate(0.2rem, 0);
	--card-img-overlay-article-link-transition-md: 0.2s all;
	--card-body-order: 25;
	--card-body-badge-display: none;
	--card-body-badge-left: 100%;
	--card-body-badge-top: 0%;
	--card-body-badge-transform: translate(-100%);
	--card-body-article-link-display: none;
	--card-body-article-footnote-display: none;
	--card-text-footer-display: none;
	--card-text-footer-order: 35;
	--card-link-footer-display: none;
	--card-link-footer-order: 45;
	--card-link-mask-display: block;
	
	/***************************/
	
	--card-aspect-ratio: auto;
	--card-aspect-ratio-md: auto;
	
}

:where([data-card-type=typical][data-card-preset="2"] [data-au=card]),
:where([data-card-type=typical][data-card-preset="5"] [data-au=card])
{
	--card-highlight-display: none;
	--card-img-display: none;
	--card-img-badge-display: none;
	--card-img-overlay-display: none;
	--card-body-display: flex;
	--card-body-badge-display: none;
	--card-body-article-display: block;
	--card-text-footer-display: none;
	--card-link-footer-display: none;
	--card-link-mask-display: none
}

:where([data-card-type=horizontal][data-card-preset="1"] [data-au=card])
{
	--card-highlight-display: none;
	--card-img-display: flex;
	--card-img-aspect-ratio: 5/3;/********************************/
	--card-img-aspect-ratio-md: 3/2;/***************/
	--card-img-aspect-ratio: auto;
	--card-img-aspect-ratio-md: auto;
	--card-img-order: 2;
	--card-img-order-md: 1;
	--card-img-badge-display: none;
	--card-img-overlay-display: none;
	--card-body-display: flex;
	--card-body-background: transparent;
	--card-body-background-hover: var(--COLOR-1);
	
	
	/* */
	
	
	--card-body-background-hover: unset;
	
	--card-body-order: 1;
	--card-body-order-md: 2;
	--card-body-transition: 0.2s all;
	--card-body-badge-display: none;
	--card-body-article-display: block;
	--card-body-article-footnote-display: none;
	--card-text-footer-display: none;
	--card-link-footer-display: none;
	--card-link-mask-display: none
}

:where([data-card-type=typical][data-card-preset="3"] [data-au=card])
{
	--card-aspect-ratio: 6/5;
	--card-highlight-display: block;
	--card-highlight-background: transparent;
	--card-highlight-background-hover: var(--COLOR-5);
	--card-highlight-height: 0.25rem;
	--card-highlight-order: 5;
	--card-highlight-transition: 0.2s all;
	--card-img-display: block;
	--card-img-aspect-ratio: 5/3;
	--card-img-order: 15;
	--card-img-badge-display: none;
	--card-img-badge-left: 100%;
	--card-img-badge-top: 0%;
	--card-img-badge-transform: translate(-100%);
	--card-img-overlay-display: none;
	--card-img-overlay-article-display: none;
	--card-img-overlay-article-title-display: none;
	--card-img-overlay-article-description-display: flex;
	--card-img-overlay-article-description-color: #fff;
	--card-img-overlay-article-description-background: var(--COLOR-1);
	--card-img-overlay-article-link-display: none;
	--card-img-overlay-article-link-transform-md-hover: translate(0.2rem, 0);
	--card-img-overlay-article-link-transition: 0.2s all;
	--card-img-overlay-article-footnote-display: none;
	--card-body-display: flex;
	--card-body-order: 25;
	--card-body-badge-display: none;
	--card-body-badge-left: 100%;
	--card-body-badge-top: 0%;
	--card-body-badge-transform: translate(-100%);
	--card-body-article-display: flex;
	
	--card-body-article-color-hover: var(--COLOR-2);
	--card-body-article-transition: 0.2s all;
	--card-body-article-title-display: flex;
	--card-body-article-description-display: flex;
	--card-body-article-link-display: none;
	--card-body-article-footnote-display: none;
	--card-text-footer-display: none;
	--card-text-footer-order: 35;
	--card-link-footer-display: none;
	--card-link-footer-order: 45;
	--card-link-mask-display: block;
	
	/***************************/
	--card-body-article-color-hover: black;
	--bs-card-color	: white;
	
	--card-body-article-display: block;
	
	--card-aspect-ratio: auto;
	
	:where(.xs, .sm, .md) &
	{
		--card-aspect-ratio: auto;
	}
	
	& :where([data-au=article])
	{
		color	: black;
	}

	& :where([data-au=body])
	{
		background	: white;
	}

	&:hover :where([data-au=article])
	{
		color	: var(--COLOR-2);
	}

	&:hover :where([data-au=body])
	{
		background	: var(--COLOR-1);
	}

}

:where([data-card-type=typical][data-card-preset="alumni-story-list-item"] [data-au=card])
{
	--card-aspect-ratio: 1/2;
	--card-highlight-display: block;
	--card-highlight-background: transparent;
	--card-highlight-background-hover: var(--COLOR-1);
	--card-highlight-height: 0.2rem;
	--card-highlight-order: 5;
	--card-highlight-transition: all 0.2s;
	--card-img-display: block;
	--card-img-aspect-ratio: 1/1;
	--card-img-aspect-ratio-md: 5/7;
	--card-img-order: 15;
	--card-img-badge-display: none;
	--card-img-badge-left: 100%;
	--card-img-badge-top: 0%;
	--card-img-badge-transform: translate(-100%);
	--card-img-overlay-display: none;
	--card-img-overlay-article-transform-md-hover: translate(0.2rem, 0);
	--card-img-overlay-article-transition-md: all 0.2s;
	--card-img-overlay-article-description-display: flex;
	--card-img-overlay-article-description-color: #fff;
	--card-img-overlay-article-description-background: var(--COLOR-1);
	--card-body-display: block;
	--card-body-color: #000;
	--card-body-color-hover: var(--COLOR-2);
	--card-body-background: var(--COLOR-1);
	--card-body-background-hover: #fff;
	--card-body-order: 25;
	--card-body-transition: all 0.2s;
	--card-body-badge-display: none;
	--card-body-badge-left: 100%;
	--card-body-badge-top: 0%;
	--card-body-badge-transform: translate(-100%);
	--card-body-article-link-display: none;
	--card-body-article-footnote-display: none;
	--card-text-footer-display: none;
	--card-text-footer-order: 35;
	--card-link-footer-display: none;
	--card-link-footer-order: 45;
	--card-link-mask-display: block;
}

:where([data-card-type=typical][data-card-preset="news-list-item"] [data-au=card])
{
	--card-aspect-ratio: 1/2;
	--card-highlight-display: block;
	--card-highlight-background: var(--COLOR-1);
	--card-highlight-height: 0.2rem;
	--card-highlight-order: 20;
	--card-highlight-transition: all 0.2s;
	--card-img-display: block;
	--card-img-aspect-ratio: 9/5;
	--card-img-order: 15;
	--card-img-badge-display: none;
	--card-img-badge-left: 100%;
	--card-img-badge-top: 0%;
	--card-img-badge-transform: translate(-100%);
	--card-img-overlay-display: none;
	--card-img-overlay-article-description-display: flex;
	--card-body-display: block;
	--card-body-color: #000;
	--card-body-color-hover: var(--COLOR-2);
	--card-body-background: var(--COLOR-1);
	--card-body-background-hover: #fff;
	--card-body-order: 25;
	--card-body-transition: all 0.2s;
	--card-body-badge-display: none;
	--card-body-badge-left: 100%;
	--card-body-badge-top: 0%;
	--card-body-badge-transform: translate(-100%);
	--card-body-article-link-display: none;
	--card-body-article-footnote-display: none;
	--card-text-footer-display: block;
	--card-text-footer-order: 35;
	--card-link-footer-display: none;
	--card-link-footer-order: 45;
	--card-link-mask-display: block;
}











:where([data-card-type=typical][data-card-preset="4"] [data-au=card])
{
	--card-aspect-ratio: auto;
	--card-aspect-ratio-md: auto;
	--card-highlight-display: block;
	--card-highlight-background: transparent;
	--card-highlight-background-hover: var(--COLOR-1);
	--card-highlight-height: 0.2rem;
	--card-highlight-height-hover: 0.2rem;
	--card-highlight-order: 5;
	--card-highlight-transition: 0.2s all;
	--card-img-display: block;
	--card-img-aspect-ratio: 5/3;
	--card-img-aspect-ratio-md: 5/2;
	--card-img-order: 15;
	--card-img-badge-display: none;
	--card-img-badge-left: 100%;
	--card-img-badge-top: 0%;
	--card-img-badge-transform: translate(-100%);
	--card-img-overlay-display: none;
	--card-img-overlay-article-title-transition: flex;
	--card-img-overlay-article-description-color: #fff;
	--card-img-overlay-article-description-background: var(--COLOR-1);
	--card-img-overlay-article-link-transform-md-hover: translate(0.2rem, 0);
	--card-img-overlay-article-link-transition-md: 0.2s all;
	--card-body-order: 25;
	--card-body-badge-display: none;
	--card-body-badge-left: 100%;
	--card-body-badge-top: 0%;
	--card-body-badge-transform: translate(-100%);
	--card-body-article-link-display: none;
	--card-body-article-footnote-display: none;
	--card-text-footer-display: none;
	--card-text-footer-order: 35;
	--card-link-footer-display: none;
	--card-link-footer-order: 45;
	--card-link-mask-display: none
}

