@charset "utf-8";

/*
 * File       : main.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1)
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
 .dg.ac {z-index: 999999999 !important; }

 body { position: fixed; width:100%}
 .overlay {background-color: #000; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999;}
 .jt-particules {position: fixed; top: 0; left: 0;}

.main-fullpage {width: 100%; height: 100%;}
.scoll-nav { display: none;  position: fixed; top: 50%; right: 50rem;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
.main-section { height: 100vh; width: 100%; background: none !important;}
.main-section-half{ height: 10vh;}
.main-section__content {display: table; width: 100%; height: 100%;}
.main-section__content--center { text-align: center; }
.main-section__content--center .main-section__content-inner {padding-top: 0;}
.main-section__content--center .main-section__content-inner h2 {padding-right: 0;}
.main-section__content--center .main-section__content-inner p {padding-right: 0;}
.main-section__content-inner {position: relative; display: table-cell; vertical-align: middle; padding-top: 80rem;}
.main-section__content-inner h2 { font-size: 56rem; font-weight: 200; line-height: 1.25; letter-spacing: -0.01em; color: #fff; padding-right: 40rem;}
.main-section__content-inner h2 strong {font-weight: 600; text-transform: uppercase;}
.main-section__content-inner p {font-family: var(--font-secondary); font-size: 30rem; font-weight: 500; line-height: 1.78; color: #9F9C9C; margin-top: 37rem; padding-right: 40rem;}
/* .main-section__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center;} */

.main-fullpage__scroll-btn { font-size: 16rem; pointer-events: none;  position: fixed; bottom: 51rem; left: 50%; margin-left: -30rem; width: 60rem;  z-index: 10; text-align: center;  }
.main-fullpage__scroll-btn span { display: block; color: #fff; padding-top: 100rem;  background: url(../images/main/scroll.svg) no-repeat center top;background-size: auto 89rem;  transition: opacity 0.4s;}
html.desktop .main-fullpage__scroll-btn:hover span { opacity: 0.4; }


.lineParent { overflow: hidden; padding-bottom: 10rem; margin-bottom: -10rem;}

.main-section__container{ position: fixed; width: 100%; top: 0; left: 0; bottom: 0; z-index: 8; pointer-events: none;}
.main-section__container .main-section{ position: absolute; }

.main-section__bottom-menu {  bottom: -130rem;  position: absolute; left: 50%; transform: translateX(-50%);}
.main-section__bottom-menu .lineParent { overflow: inherit;}

/* Button */
.about-btn { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; margin-top: 220rem; z-index: 9;opacity: 0; visibility: hidden; }

/*
.main-section--placeholder{ position: relative;}
.main-section__about-btn { opacity: 0; visibility: hidden;  display: block; width: 220rem; height: 80rem; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); margin-top: 220rem;}
.main-section__bottom-menu a {  transition: background-color 300ms, color 300ms;}
html.desktop:has(.main-section__about-btn:hover) .main-section__bottom-menu a {  background-color: rgba(0, 0, 0, 0.7); color: #fff;}
*/



/* **************************************** *
 * ENGLISH
 * **************************************** */
 html[lang="en"] .main-section__content-inner h2  {font-weight: 600;}
 html[lang="en"] .main-section__about-btn { margin-top: 253rem;}