/** Shopify CDN: Minification failed

Line 121:27 Unexpected "*"
Line 312:27 Unexpected "*"

**/
/********************************************
 LUXURY MINIMAL MASTER STYLE BUNDLE
 For: Newsletter, Services, Lift with Tera,
 Footer + About Section
********************************************/


/********************************************
 1) NEWSLETTER SECTION (Luxury Minimal)
********************************************/

.newsletter {
  background: #f5f5f3 !important;
  padding: 60px 20px !important;
}

.newsletter__wrapper {
  max-width: 600px !important;
  margin: 0 auto !important;
}

.newsletter__heading h2 {
  font-family: "Satoshi", sans-serif !important;
  font-size: 42px !important;
  font-weight: 500 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.1 !important;
  color: #111 !important;
}

.newsletter__text {
  margin-top: 10px !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  color: #444 !important;
  line-height: 1.4 !important;
}

.newsletter-form__field-wrapper input {
  border: 1px solid #d3d3d3 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  color: #111 !important;
  background: #fafafa !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.newsletter-form__button {
  border-radius: 8px !important;
  padding: 14px 26px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  border: 1px solid #111 !important;
  background: #111 !important;
  color: #fff !important;
  transition: all 0.2s ease;
}

.newsletter-form__button:hover {
  background: transparent !important;
  color: #111 !important;
}



/********************************************
 2) SERVICES SECTION (Luxury Grid)
********************************************/

.collection-list {
  background: #f5f5f3 !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.collection-list__title h2 {
  font-family: "Satoshi", sans-serif !important;
  font-size: 42px !important;
  font-weight: 500 !important;
  letter-spacing: -0.4px !important;
  margin-bottom: 40px !important;
  color: #111 !important;
}

.collection-list__item {
  margin-bottom: 50px !important;
}

.collection-list__item img {
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

.collection-list__item-title {
  font-family: "Satoshi", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
  color: #111 !important;
  text-transform: none !important;
  margin-top: 18px !important;
  text-align: center !important;
}



/********************************************
 3) LIFT WITH TERA (Video Strip: Luxury Minimal)
********************************************/

/* Section background tone */
.lift-with-tera-section,
#shopify-section-template--* .lift-with-tera-section {
  background: #f5f5f3 !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* Title */
.lift-with-tera-section h2 {
  font-family: "Satoshi", sans-serif !important;
  font-size: 40px !important;
  font-weight: 500 !important;
  letter-spacing: -0.3px !important;
  color: #111 !important;
  margin-bottom: 40px !important;
}

/* Video cards */
.lift-with-tera-section .video-item,
.video-gallery__item {
  margin-right: 24px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Subtle luxury shadow */
.lift-with-tera-section video,
.video-gallery__item video {
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* No extra margin on last reel */
.video-gallery__item:last-child {
  margin-right: 0 !important;
}

/* Luxury hover lift */
.video-gallery__item:hover {
  transform: translateY(-3px);
  transition: 0.25s cubic-bezier(.25,.46,.45,.94);
}



/********************************************
 4) ABOUT SECTION + FOOTER (Deep Luxury Charcoal)
********************************************/

.footer,
.footer-wrapper,
#shopify-section-footer,
.about-section {
  background: #111 !important;
  color: #e6e6e6 !important;
}

/* Headings */
.footer h2,
.about-section h2 {
  font-family: "Satoshi", sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  letter-spacing: -0.3px !important;
  color: #f5f5f5 !important;
  margin-bottom: 18px !important;
}

/* Paragraphs */
.footer p,
.about-section p {
  font-family: "Satoshi", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 300 !important;
  color: #cfcfcf !important;
}

/* Max width for editorial luxury feel */
.about-section .grid,
.footer .grid {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Better spacing */
.about-section .grid__item {
  margin-bottom: 24px !important;
}

/* Copyright */
.footer__content-bottom,
.footer__copyright {
  font-size: 15px !important;
  opacity: 0.6 !important;
  padding-top: 24px !important;
}

/* Reduce heavy padding */
.footer,
.about-section {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
/********************************************
 LUXURY MINIMAL – HERO SECTION
********************************************/

/* Hero background and tonal adjustment */
.hero, 
.banner, 
.slideshow__slide {
  position: relative !important;
  background-color: #f5f5f3 !important; /* soft neutral base */
}

/* Add a subtle gradient overlay (luxury “sheen”) */
.hero::after,
.banner::after,
.slideshow__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.15),
    rgba(0,0,0,0.05)
  );
  pointer-events: none;
}

/* Hero image treatment (soft, expensive contrast) */
.hero img,
.banner img,
.slideshow__image {
  filter: contrast(0.92) saturate(0.95) brightness(1.05);
  border-radius: 4px;
}

/* Refined heading */
.hero__heading,
.banner__heading h2,
.slideshow__heading h2 {
  font-family: "Satoshi", sans-serif !important;
  font-size: 56px !important;
  font-weight: 500 !important;
  letter-spacing: -0.6px !important;
  line-height: 1.05 !important;
  color: #111 !important;
  text-transform: none !important;
  margin-bottom: 18px !important;
}

/* Subheading */
.hero__subheading,
.banner__text,
.slideshow__text {
  font-family: "Satoshi", sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #333 !important;
  max-width: 550px;
}

/* Luxury button styling */
.hero__cta,
.banner__buttons .button,
.slideshow__cta .button {
  border-radius: 8px !important;
  padding: 14px 30px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  transition: 0.25s ease;
}

.hero__cta:hover,
.banner__buttons .button:hover,
.slideshow__cta .button:hover {
  background: transparent !important;
  color: #111 !important;
}
/********************************************
 LUXURY MINIMAL – TEXT HERO
********************************************/

/* Section background */
.why-section,
#shopify-section-template--* .why-section {
  background: #f5f5f3 !important; /* soft luxury neutral */
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

/* Heading */
.why-section h2,
.why-section .section-title,
.why-section .title-wrapper-with-link h2 {
  font-family: "Satoshi", sans-serif !important;
  font-size: 52px !important;
  font-weight: 500 !important;
  letter-spacing: -0.6px !important;
  line-height: 1.05 !important;
  color: #111 !important;
  text-transform: none !important;
  margin-bottom: 28px !important;
}

/* Thin luxury divider under heading */
.why-section h2::after {
  content: "";
  display: block;
  width: 50px; 
  height: 1px;
  background: #ccc;
  margin: 18px auto 0 auto;
  opacity: 0.5;
}

/* Subtext block */
.why-section p {
  font-family: "Satoshi", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 300 !important;
  max-width: 750px !important;
  margin: 0 auto 14px auto !important;
  color: #444 !important;
}

/* Center alignment and spacing */
.why-section .page-width,
.why-section .content-container {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* Reduce excessive spacing under the text */
.why-section .rte {
  margin-bottom: 0 !important;
}

/* ---- Luxury Footer Style for Eurus Theme ---- */
.site-footer,
.footer {
  background-color: #0f0f0f !important;
  color: #e6e6e6 !important;
  padding-top: 60px !important;
  padding-bottom: 40px !important;
  font-family: 'Inter', 'Helvetica Neue', sans-serif !important;
}

/* Headings in Footer Blocks */
.site-footer h4,
.footer__heading {
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  font-weight: 500 !important;
  color: #fff !important;
  margin-bottom: 14px !important;
}

/* Paragraphs & link list items */
.site-footer p,
.site-footer li,
.footer__list li,
.footer a {
  color: #d0d0d0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 300 !important;
}

/* Columns (footer blocks) */
.footer__blocks,
.footer .grid--footer {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 40px !important;
  align-items: flex-start !important;
}

/* Social icons */
.footer__social-icons,
.footer .social-icons {
  justify-content: center !important;
  display: flex !important;
  gap: 18px !important;
  margin: 20px 0 40px !important;
}

.footer__social-icons a svg,
.social-icons a svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #d0d0d0 !important;
  opacity: 0.85 !important;
  transition: opacity .15s ease !important;
}

.footer__social-icons a svg:hover,
.social-icons a svg:hover {
  opacity: 1 !important;
}

/* Copyright and bottom links */
.site-footer__bottom,
.footer-bottom {
  border-top: 1px solid #2a2a2a !important;
  margin-top: 50px !important;
  padding-top: 22px !important;
  text-align: center !important;
}

.site-footer__bottom p,
.footer-bottom p {
  font-size: 13px !important;
  color: #888 !important;
}

.site-footer__bottom a,
.footer-bottom a {
  font-size: 13px !important;
  color: #d0d0d0 !important;
  margin: 0 8px !important;
  transition: opacity .2s ease !important;
}

.site-footer__bottom a:hover,
.footer-bottom a:hover {
  opacity: 0.7 !important;
}
