body.tamam-front-page {
	--tamam-header-height: clamp(90px, 7.708333vw, 148px);
	--tamam-admin-height: 0px;
	margin: 0;
	background: #3d3e3d;
	color: #f6f4f9;
}
body.tamam-front-page.admin-bar { --tamam-admin-height: 32px; }
.tamam-front-header {
	height: var(--tamam-header-height);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	background: #3d3e3d;
}
.tamam-front-logo { display: block; line-height: 0; }
.tamam-front-logo img { display: block;  width: 200px; max-width: 65vw; height: auto; }
.tamam-split {
	display: flex;
	direction: ltr;
	width: 100%;
	min-height: 440px;
	height: calc(100vh - var(--tamam-header-height) - var(--tamam-admin-height));
	height: calc(100svh - var(--tamam-header-height) - var(--tamam-admin-height));
}
.tamam-panel {
	position: relative;
	flex: 0 0 50%;
	min-width: 0;
	overflow: hidden;
	display: grid;
	place-items: center;
	padding: 10px;
	transition: flex-basis 900ms cubic-bezier(.22, 1, .36, 1);
	isolation: isolate;
}
.tamam-split.has-active .tamam-panel { flex-basis: 20%; }
.tamam-split.has-active .tamam-panel.is-active { flex-basis: 80%; }
.tamam-panel-image, .tamam-panel-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	z-index: -3;
}
.tamam-panel-video { z-index: -2; opacity: 0; transition: opacity 600ms ease; }
.tamam-panel.is-playing .tamam-panel-video { opacity: 1; }
.tamam-panel::after { content: ''; position: absolute; inset: 0; background: rgba(61, 62, 61, 0.5); z-index: -1; pointer-events: none; }
.tamam-panel:hover::after { background: rgba(61, 62, 61, 0.9); mix-blend-mode: multiply; }
.tamam-panel-content { position: relative; text-align: center; padding: 10px; max-width: 100%; }
.tamam-panel-content h2 {
	font-family: var(--e-global-typography-primary-font-family, 'Almoni ML v5 AAA'), Arial, sans-serif;
	font-size: clamp(22px, 1.666667vw, 32px);
	font-weight: 600;
	line-height: 1.5625;
	color: #f6f4f9;
	margin: 0;
	transition: transform 600ms cubic-bezier(.22, 1, .36, 1);
}
.tamam-panel-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 8px 30px;
	border: 1px solid #f6f4f9;
	color: #f6f4f9;
	font: inherit;
	font-size: 20px;
	text-decoration: none;
	margin-top: 20px;
	transition: opacity 450ms ease, transform 600ms cubic-bezier(.22, 1, .36, 1), background-color 200ms ease, color 200ms ease;
	font-family: 'Heebo', sans-serif;
	clip-path: border-box;
    overflow: hidden;
}
.tamam-panel-button:before{
    content: "";
    top: 0;
    position: absolute;
    right: 0;
    background: white;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translateX(100%);
    transition: all .3s ease;
    
    }
    .tamam-panel-button:hover::before{
    transform: translateX(0%)!important;
    }
.tamam-panel-button:hover { color: #3d3e3d; background: #f6f4f9; }
.tamam-panel:focus-visible { outline: 2px solid #f6f4f9; outline-offset: -6px; }
.tamam-front-logo:focus-visible, .tamam-panel-button:focus-visible { outline: 2px solid #f6f4f9; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
	.tamam-split.is-enhanced .tamam-panel-button { position: absolute; top: 100%; left: 50%; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, 12px); margin-top: 0; }
	.tamam-split.is-enhanced .tamam-panel.is-active h2 { transform: translateY(-20px); }
	.tamam-split.is-enhanced .tamam-panel.is-active .tamam-panel-button { opacity: 1; pointer-events: auto; transform: translate(-50%, -10px); }
}
@media (max-width: 767px) {
	.tamam-split { flex-direction: column; min-height: 620px; }
	.tamam-panel { flex: 1 0 50%; width: 100%; }
	/* .tamam-split.has-active .tamam-panel, .tamam-split.has-active .tamam-panel.is-active { flex-basis: 50%; } */
	.tamam-panel-content h2 { font-size: 26px; }
	.tamam-split .tamam-panel { flex: 1 0 2%; }
.tamam-split .tamam-panel.is-active { flex: 1 0 80%;; }
}
@media (max-width: 782px) { body.tamam-front-page.admin-bar { --tamam-admin-height: 46px; } }
@media (prefers-reduced-motion: reduce) {
	.tamam-panel, .tamam-panel-video, .tamam-panel-content h2, .tamam-panel-button { transition: none; }
}