.fo-accordion{
	display:flex;
	width:100%;
	height:468px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	overflow:hidden;
	box-sizing:border-box;
}
.fo-accordion .fo-panel{
	position:relative;
	display:flex;
	flex:0 0 96px;
	min-width:0;
	overflow:hidden;
	transition:flex-basis .55s cubic-bezier(.22,.61,.36,1);
	will-change:flex-basis;
	border-right:1px solid #000;
}
.fo-accordion .fo-panel:last-child{ border-right:0; }
.fo-accordion .fo-panel.is-open{ flex:1 1 auto; }
.fo-accordion .fo-tab{
	flex:0 0 96px;
	width:96px;
	background:transparent;
	border:0;
	border-radius:0;
	padding:24px 0;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	gap:24px;
	font:inherit;
	color:inherit;
}
.fo-accordion .fo-panel.is-open .fo-tab{
	border-right:1px solid #000;
	cursor:default;
}
.fo-accordion .fo-num,
.fo-accordion .fo-title{
	writing-mode:vertical-rl;
	transform:rotate(180deg);
	text-orientation:mixed;
	letter-spacing:.15em;
	text-transform:uppercase;
	line-height:1;
	white-space:nowrap;
}
.fo-accordion .fo-title{ font-size:18px; }
.fo-accordion .fo-num{
	font-size:42px;
	color:var(--e-global-color-primary, #A88B5A);
}
.fo-accordion .fo-content{
	flex:1 1 auto;
	display:flex;
	align-items:flex-end;
	gap:32px;
	padding:32px;
	min-width:0;
	opacity:0;
	visibility:hidden;
	transform:translateX(16px);
	transition:opacity .25s ease, transform .35s ease, visibility 0s linear .35s;
}
.fo-accordion .fo-panel.is-open .fo-content{
	opacity:1;
	visibility:visible;
	transform:translateX(0);
	transition:opacity .35s ease .25s, transform .45s ease .2s, visibility 0s linear 0s;
}
.fo-accordion .fo-text{
	flex:1 1 50%;
	min-width:0;
}
.fo-accordion .fo-body{ margin:0; }
.fo-accordion .fo-image{
	flex:0 0 auto;
	align-self:stretch;
	aspect-ratio:1 / 1;
	max-width:50%;
}
.fo-accordion .fo-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:5px;
}

@media (max-width:768px){
	.fo-accordion{
		flex-direction:column;
		height:auto;
		border-left:0;
		border-right:0;
	}
	.fo-accordion .fo-panel{
		flex:0 0 56px;
		flex-direction:column;
		border-right:0;
		border-bottom:1px solid #000;
		transition:flex-basis .45s cubic-bezier(.22,.61,.36,1);
	}
	.fo-accordion .fo-panel:last-child{ border-bottom:0; }
	.fo-accordion .fo-panel.is-open{ flex:0 0 auto; }
	.fo-accordion .fo-tab{
		flex:0 0 56px;
		width:100%;
		height:56px;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
		padding:0 20px;
		gap:16px;
	}
	.fo-accordion .fo-panel.is-open .fo-tab{
		border-right:0;
		border-bottom:1px solid #000;
	}
	.fo-accordion .fo-num,
	.fo-accordion .fo-title{
		writing-mode:horizontal-tb;
		transform:none;
	}
	.fo-accordion .fo-title{ font-size:16px; }
	.fo-accordion .fo-num{ font-size:22px; }
	.fo-accordion .fo-content{
		flex-direction:column;
		align-items:stretch;
		gap:16px;
		padding:20px;
		transform:translateY(-12px);
		transition:opacity .2s ease, transform .3s ease, visibility 0s linear .3s;
	}
	.fo-accordion .fo-panel.is-open .fo-content{
		transform:translateY(0);
		transition:opacity .3s ease .15s, transform .35s ease .1s, visibility 0s linear 0s;
	}
	.fo-accordion .fo-text{ flex:0 0 auto; }
	.fo-accordion .fo-image{
		flex:0 0 auto;
		align-self:stretch;
		max-width:100%;
	}
}