.elementor-kit-6{--e-global-color-primary:#C8A56A;--e-global-color-secondary:#151515;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Quiche Sans";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:87px;--e-global-typography-primary-letter-spacing:0.8px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"din-2014";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"Quiche Sans", Sans-serif;font-size:23px;font-weight:500;line-height:87px;letter-spacing:0.8px;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:"Quiche Sans", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;letter-spacing:0.46px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url("https://use.typekit.net/ccx8uik.css");
@import url("https://use.typekit.net/cwx6svm.css");
 
body{
    padding-top: 150px;
}
.written{
    color: #151515;

text-align: center;
font-family: "Artifact";
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 76px;
text-transform:none;
}

.hyphen{
    color: #151515;
font-family: "DIN 2014";
}


.din{
font-family: "DIN 2014";
}

.quiche{
    font-family: quiche-sans, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.artifact{
    color: #151515 !important;
font-family: "Artifact";
font-style: normal;
font-weight: 400;
}

.card-bold{
    color: #000;
/* H5 */
font-family: "Quiche Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.32px;
text-transform: uppercase;
}

.swiper-slide a {
    margin: 10px 0;
    display: inline-block !important;
    color: #151515;
    text-align: center;
    font-family: "DIN 2014";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.4px;
    padding: 9px 40px;
    border: 1px solid #151515;
    text-decoration: none !important;
}

.swiper-slide a:hover{
    background-color: #C8A56A;
    border-color: #C8A56A;
    color: #fff;
}

.story .elementor-image-carousel-caption,.drink-carousel .elementor-image-carousel-caption{
    font-family: "Quiche Sans" !important;
font-size: 23px !important;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.46px !important;
color: #C8A56A;

text-transform: uppercase;
text-align: center !important;
}

.drink-carousel .elementor-image-carousel-caption{
    font-size: 16px !important;
    letter-spacing: 0.32px !important;
    margin-top: 15px;
}


#main-header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  background-color: white; 
}


#main-header.hidden {
  transform: translateY(-100%);
}

/*video mask*/
.side-mask{
    
  transform: translate3d(0, 0, 0) scaleX(1); 
  
  transition: transform 0.1s ease-out;
}

#left-mask {
  left: 0;
  /* 滾動時會縮小至 scaleX(0) */
  transform-origin: left center; 
}

#right-mask {
  right: 0;
  /* 滾動時會縮小至 scaleX(0) */
  transform-origin: right center; 
}
#hero-left-mask {
  left: 0;
  /* 滾動時會縮小至 scaleX(0) */
  transform-origin: left center; 
}

#hero-right-mask {
  right: 0;
  /* 滾動時會縮小至 scaleX(0) */
  transform-origin: right center; 
}

.fadeInText span{
  opacity: 0;
  transform: translateY(30px);
  animation: fadeIn 0.5s ease-out forwards;
  display:inline-block;
}

.fadeInText span:nth-of-type(2){
  animation-delay: 0.5s;
}

.fadeInText span:nth-of-type(3){
  animation-delay: 1s;
}

@keyframes fadeIn{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}


@media (max-width: 1023px) {
  body{
    padding-top: 97px;
}
    html {
        max-width: 100%;
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
  body{
    padding-top: 58px;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Quiche Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://nails4you.ca/wp-content/uploads/2025/09/Fontspring-DEMO-quichesans-medium.woff2') format('woff2'),
		url('https://nails4you.ca/wp-content/uploads/2025/09/Fontspring-DEMO-quichesans-medium.woff') format('woff'),
		url('https://nails4you.ca/wp-content/uploads/2025/09/Fontspring-DEMO-quichesans-medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */