/** Shopify CDN: Minification failed

Line 532:19 Unexpected "{"
Line 532:28 Expected ":"
Line 542:19 Unexpected "{"
Line 542:28 Expected ":"
Line 550:19 Unexpected "{"
Line 550:28 Expected ":"
Line 558:19 Unexpected "{"
Line 558:28 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');


/* =====================================================
   MCHOSE ACE75 V2
   Premium Landing Page Core CSS
===================================================== */

:root {
  --ace-black: #050505;
  --ace-white: #ffffff;
  --ace-gray: #8b8b8b;
  --ace-blue: #0043CE;
  --ace-max-width: 1400px;
}


/* =========================
   ACE75 FONT
========================= */

.ace75-section,
.ace75-section * {
  font-family: "Michroma", sans-serif;
}


/* =========================
   Section
========================= */

.ace75-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* =====================================================
   MCHOSE ACE75 V2
   Premium Landing Page Core CSS
===================================================== */


/* =========================
   Global Variables
========================= */

:root {

  --ace-black:#050505;

  --ace-white:#ffffff;

  --ace-gray:#8b8b8b;

  --ace-blue:#0043CE;

  --ace-max-width:1400px;

}



/* =========================
   Reset
========================= */


.ace75-section {

  position:relative;

  width:100%;

  overflow:hidden;

}



.ace75-container {

  max-width:var(--ace-max-width);

  margin:auto;

  padding-left:40px;

  padding-right:40px;

}



/* =========================
   Typography
========================= */


.ace75-title {


  font-size:clamp(
    40px,
    6vw,
    96px
  );


  font-weight:700;

  letter-spacing:-0.04em;

  line-height:1.05;


}



.ace75-subtitle {


  font-size:clamp(
    18px,
    2vw,
    28px
  );


  color:var(--ace-gray);

  line-height:1.5;


}



/* =========================
   HERO VIDEO
========================= */


.ace75-hero {


  height:100vh;

  min-height:700px;

  background:#000;

  position:relative;

}



.ace75-hero video {


  position:absolute;

  width:100%;

  height:100%;


  object-fit:cover;


  inset:0;


}




.ace75-hero-overlay {


  position:absolute;


  inset:0;


  background:
  linear-gradient(
  rgba(0,0,0,.15),
  rgba(0,0,0,.45)
  );


}




.ace75-hero-content {


  position:absolute;


  top:50%;

  left:50%;


  transform:
  translate(-50%,-50%);


  text-align:center;


  color:white;


  z-index:2;


}



.ace75-hero-button {


 display:inline-flex;


 margin-top:40px;


 padding:

 16px 42px;


 border-radius:50px;


 background:white;


 color:black;


 text-decoration:none;


 font-weight:600;


 transition:.3s;


}



.ace75-hero-button:hover {


 transform:
 translateY(-5px);


}





/* =========================
   SCROLL STORY SECTION
========================= */


.ace75-story {


 padding:

 160px 0;


 background:#000;

 color:white;


}




.ace75-sticky {


 position:sticky;

 top:120px;


}




/* =========================
   PERFORMANCE
========================= */


.ace75-performance {


 background:#000;

 color:white;

 padding:

 120px 0;


}




.ace75-stat-grid {


 display:grid;


 grid-template-columns:

 repeat(4,1fr);


 gap:40px;


}



.ace75-stat {


 text-align:center;


}



.ace75-number {


 font-size:

 clamp(
 50px,
 7vw,
 110px
 );


 font-weight:700;


 line-height:1;


}



.ace75-label {


 margin-top:20px;


 color:#aaa;


 font-size:18px;


}




/* =========================
   ARCHITECTURE
========================= */


.ace75-architecture {


 display:grid;


 grid-template-columns:

 repeat(2,1fr);


 gap:80px;


 padding:

 160px 0;


 align-items:center;


}




.ace75-architecture img {


 width:100%;


}





/* =========================
   FADE ANIMATION STATES
========================= */


.ace75-reveal {


 opacity:0;


 transform:
 translateY(80px);


}





/* =========================
   MOBILE
========================= */


@media(max-width:768px){


.ace75-container{

padding:

0 20px;

}



.ace75-stat-grid{


grid-template-columns:

repeat(2,1fr);


}


.ace75-architecture{


grid-template-columns:

1fr;


}



.ace75-hero{


min-height:600px;


}



}
#ACE75ColorScroll-{{ section.id }}
.ace75-color-scroll__experience {
  display: grid !important;
  grid-template-columns: 38% 62% !important;
  grid-template-areas: "content visual";
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

#ACE75ColorScroll-{{ section.id }}
.ace75-color-scroll__content {
  grid-area: content;
  position: relative;
  min-width: 0;
  z-index: 2;
}

#ACE75ColorScroll-{{ section.id }}
.ace75-color-scroll__visual {
  grid-area: visual;
  position: relative;
  min-width: 0;
  z-index: 1;
}

#ACE75ColorScroll-{{ section.id }}
.ace75-color-scroll__visual-inner {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 680px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}