@font-face {
	font-family: 'YTF Grand';
	src: url('../fonts/YTFGrand-Regular.eot');
	src: url('../fonts/YTFGrand-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/YTFGrand-Regular.woff2') format('woff2'), url('../fonts/YTFGrand-Regular.woff') format('woff'), url('../fonts/YTFGrand-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

/*@font-face {
	font-family: 'Garamond Premiere Pro';
	src: url('../fonts/GaramondPremrPro-Med.woff2') format('woff2'), url('../fonts/GaramondPremrPro-Med.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Garamond Premier Pro Italic';
	src: url('../fonts/GaramondPremrPro-MedIt.woff2') format('woff2'), url('../fonts/GaramondPremrPro-MedIt.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}*/
@font-face {
    font-family: 'Garamond Premiere Pro';
    src: url('../fonts/GaramondPremrPro.woff2') format('woff2'),
        url('../fonts/GaramondPremrPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Garamond Premier Pro Italic';
    src: url('../fonts/GaramondPremrPro-It.eot');
    src: url('../fonts/GaramondPremrPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GaramondPremrPro-It.woff2') format('woff2'),
        url('../fonts/GaramondPremrPro-It.woff') format('woff'),
        url('../fonts/GaramondPremrPro-It.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
}

body {
	background: black;
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	cursor: none;
	font-family: YTF Grand, sans-serif;
	font-weight: 400;
}
.topbar{display:flex;position:absolute;z-index:9;width:100%;justify-content:space-between;padding:8px;mix-blend-mode:difference;color:white;}
*{box-sizing:border-box;user-select:none!important;cursor:none!important;}
.bottom-bar{position:absolute;bottom:0;display:flex;justify-content:space-between;width:100%;padding:8px;z-index:9;mix-blend-mode:difference;}
.topbar_mid{position:absolute;left:0;right:0;text-align:center;}
.topbar *{/* color:black; */}
.bottom-bar *{color:white;text-decoration:none;}
#custom-cursor{position:fixed;top:0;left:0;width:30px;height:30px;border-radius:50%;background:white;pointer-events:none;display:flex;align-items:center;justify-content:center;color:black;font-size:15px;transform:translate(-50%,-50%);z-index:9999;transition:background 0.3s ease,color 0.3s ease;mix-blend-mode:difference;background-color:transparent;color:white;border:2px solid white;}
.swiper-pagination{font-size:14px;width:fit-content!important;height:fit-content;color:white!important;mix-blend-mode:difference;font-family:Garamond Premiere Pro;position:static!important;}
.arrow-left::before{content:"←";}
.arrow-right::before{content:"→";}
.disabled{background:rgba(0,0,0,0.2);}
.swiper{height:100dvh;}
.swiper-slide img{height:100dvh;margin:0 auto;display:block;object-fit:cover;max-width:100%;}
video{object-fit:cover;margin:0 auto;display:block;height: 100%;}
video.video-fit{position: absolute; width: 100%}
.mainbody-mid{position:absolute;width:100%;top:0;bottom:0;margin:auto;height:fit-content;z-index:99;display:flex;justify-content:space-between;padding-left:300px;padding-right:15px;font-family:'Garamond Premiere Pro';font-size:14px;color:white!important;mix-blend-mode:difference;}
.swiper-slide img.img-full{width:100%;}
.mainbody-mid{gap:20px;align-items:center;}
.mainbody-mid_text-left{white-space:nowrap;}
.mainbody-mid_text-right{text-align:right;}
.is-first-slide *{mix-blend-mode:normal;}
.is-first-slide .swiper-pagination{display:none!important;}
.text-first-slider{position:absolute;top:0;bottom:0;left:10px;margin:auto;z-index:99;height:fit-content;color:white;font-size:14px;font-family:'Garamond Premiere Pro';font-style:normal;}
.mainbody-mid_text-left{font-family: 'Garamond Premier Pro Italic',sans-serif;}
#custom-cursor.disabled{background-color:white;}
body:not(.is-first-slide) .mainbody-mid_text-right > span{display:none;}
.mainbody-mid_text-right{display:flex;gap:30px;}
.slide-1 div#custom-cursor{mix-blend-mode:normal;}
@media screen and (max-width:1024px){
	.swiper-slide img{object-position:center;width:100%;}
	#custom-cursor{display:none!important}
	.swiper-pagination{margin: 0 auto;}
	.text-first-slider{display:block!important;position:static;text-align: center;}
	.mainbody-mid{flex-direction:column;gap:5px;padding:0 15px;}
	.mainbody-mid_text-right{text-align:center;}
	.desktop{display:none !important;}
	.mobile{display:block!important;}
	.mainbody-mid_text-right{flex-direction:column;gap:5px;}
	.mainbody-mid{top:auto;bottom:80px;}
}