.efc-card{
	--efc-gray:100%; --efc-bright:.45; --efc-zoom:1.05;
	--efc-num-fill:transparent; --efc-num-sc:rgba(255,255,255,.35); --efc-num-sw:1px;
	--efc-knob:26px;
	--efc-knob-bg:#fff;
	position:relative;display:flex;flex-direction:column;justify-content:flex-end;
	width:100%;height:620px;overflow:hidden;isolation:isolate;
	background:#000;border-top:5px solid #666;box-sizing:border-box;
	text-decoration:none;color:inherit;
	transition:all .4s ease;
}
.efc-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;
	filter:grayscale(var(--efc-gray)) brightness(var(--efc-bright));
	transition:filter .4s ease,transform .6s ease;}
.efc-card:hover .efc-bg,.efc-card.efc-is-hover .efc-bg{transform:scale(var(--efc-zoom));}
.efc-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity .4s ease;}
.efc-overlay--hover{opacity:0;}
.efc-card:hover .efc-overlay--normal,.efc-card.efc-is-hover .efc-overlay--normal{opacity:0;}
.efc-card:hover .efc-overlay--hover,.efc-card.efc-is-hover .efc-overlay--hover{opacity:1;}

/* number */
.efc-number{position:absolute;z-index:3;top:20px;right:30px;line-height:1;
	color:var(--efc-num-fill);-webkit-text-stroke:var(--efc-num-sw) var(--efc-num-sc);
	transition:all .4s ease;user-select:none;}

/* toggle */
.efc-toggle{position:absolute;z-index:3;top:20px;left:28px;width:72px;height:38px;border-radius:50px;
	background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);box-sizing:border-box;
	transition:all .4s ease;}
.efc-toggle-knob{position:absolute;top:50%;left:6px;width:var(--efc-knob);height:var(--efc-knob);
	border-radius:50%;background:var(--efc-knob-bg);transform:translateY(-50%);
	transition:left .4s ease,background-color .4s ease;}
.efc-card:hover .efc-toggle-knob,.efc-card.efc-is-hover .efc-toggle-knob{left:calc(100% - var(--efc-knob) - 6px);}

/* content */
.efc-content{position:relative;z-index:3;padding:40px 36px;text-align:left;box-sizing:border-box;}
.efc-title{margin:0;color:#fff;text-transform:uppercase;font-weight:700;font-size:30px;line-height:1.2;transition:color .4s ease;}
.efc-divider{display:block;width:100px;height:3px;background:#f5e400;margin:20px 0 0;transition:all .4s ease;}
.efc-desc-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .4s ease;}
.efc-desc{overflow:hidden;min-height:0;color:#fff;font-size:22px;line-height:1.6;}
.efc-desc-inner{padding-top:30px;}
.efc-card:hover .efc-desc-wrap,.efc-card.efc-is-hover .efc-desc-wrap,.efc-desc-always .efc-desc-wrap{grid-template-rows:1fr;opacity:1;}