.elementor-kit-2726{--e-global-color-primary:#392C25;--e-global-color-secondary:#ADA597;--e-global-color-text:#D8D2C7;--e-global-color-accent:#E7EBEA;--e-global-color-fd0616d:#FAFAFA;--e-global-color-81f1d7f:#FFFFFF;--e-global-color-b8cf47f:#252525;--e-global-color-d76ed82:#393939;--e-global-typography-primary-font-family:"Oliver 2";--e-global-typography-primary-font-size:33px;--e-global-typography-primary-font-weight:200;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Inter (Elementor 200)";--e-global-typography-secondary-font-size:13px;--e-global-typography-secondary-font-weight:200;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-letter-spacing:2.7px;--e-global-typography-text-font-family:"Inter (Elementor 200)";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:200;--e-global-typography-text-line-height:25px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter (Elementor 200)";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;--e-preloader-rotate:0deg;}.elementor-kit-2726 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-2726 h1{color:var( --e-global-color-81f1d7f );font-family:"Oliver 2", Sans-serif;font-size:36px;}.elementor-kit-2726 h2{color:var( --e-global-color-b8cf47f );font-family:"Oliver 2", Sans-serif;font-size:45px;font-weight:200;letter-spacing:0.1px;}.elementor-kit-2726 h3{color:var( --e-global-color-d76ed82 );font-family:"Inter (Elementor 200)", Sans-serif;font-size:13px;font-weight:200;text-transform:uppercase;font-style:normal;letter-spacing:2.7px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.elementor-kit-2726 e-page-transition{background-color:var( --e-global-color-81f1d7f );}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-2726{--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;}}/* Start custom CSS *//* Wrapper band (on the parent container/section) */
.mc-marquee{
  position: relative;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  /* optional band size:
  height: 56px; line-height: 56px; display:flex; align-items:center;
  */
}

/* Moving track (on the Text Editor widget) */
.mc-track{
  display: flex;
  width: max-content;
  will-change: transform;
  animation: mc-scroll 40s linear infinite;  /* speed */
}

/* Each repeated copy (two identical = seamless loop) */
.mc-seg{
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 0 24px;
  letter-spacing: .22em;

  /* Typography (inherit or set) */
  font-family: var(--e-global-typography-text-font-family), inherit;
  font-size: clamp(14px, 1.2vw, 20px);
  font-weight: 400;
  color: var(--e-global-color-text);
  text-transform: uppercase; /* optional */
}

/* Seamless loop: move by one copy's width (half the track) */
@keyframes mc-scroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Keep running even if OS “Reduce Motion” is on (optional) */
@media (prefers-reduced-motion: reduce){
  .mc-track{ animation: mc-scroll 40s linear infinite !important; }
}
/* Oliver 2 styling for this marquee only */
.mc-oliver .mc-seg{
  font-family: "Oliver 2", var(--e-global-typography-text-font-family), system-ui, sans-serif;
  font-weight: 200;     /* Extra Light */
  font-size: 120px;      /* exact size you asked */
  line-height: 1;       /* tidy vertical rhythm */
  letter-spacing: .22em;/* optional: adjust if needed */
  text-transform: none; /* or uppercase if you prefer */
}

/* keep your existing marquee animation rules */
.mc-marquee{ position:relative; overflow:hidden; width:100%; white-space:nowrap; }
.mc-track{ display:flex; width:max-content; will-change:transform; white-space:nowrap; animation:mc-scroll 40s linear infinite; }
@keyframes mc-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* optional responsive tweak so it doesn’t overwhelm mobile */
@media (max-width: 577px){
  .mc-oliver .mc-seg{ font-size: 48px; }
}
/* ---- TUNE THESE IN ONE PLACE ---- */
.mc-oliver{
  --mc-font-size: 90px;   /* text size */
  --mc-letter: 0em;       /* letter spacing (try -0.01em to tighten more) */
  --mc-word: 0em;         /* space between WEBSITE and DESIGN */
  --mc-gap: 70px;        /* space between repeats */
}

/* apply the knobs */
.mc-oliver .mc-seg{
  font-family: "Oliver 2", system-ui, sans-serif;
  font-weight: 200;
  font-size: var(--mc-font-size);
  line-height: 1;

  /* tighten letters + word spacing */
  letter-spacing: var(--mc-letter) !important;
  word-spacing: var(--mc-word);

  /* space between each repeated phrase */
  padding: 0 var(--mc-gap);
}

/* helpful font rendering resets */
.mc-oliver .mc-seg{
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Full-bleed across the viewport, no matter the container width */
.mc-fullbleed{
  position: relative;
  display: block;
  width: 100vw;              /* span the viewport */
  max-width: 100vw;
  left: 50%;                 /* escape the boxed container */
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  /* remove internal padding if the widget added any */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* If your parent section/container clips, open it up */
.mc-fullbleed:where(*) { /* safe no-op .elementor-kit-2726 to allow grouping */
}
.hero-wrap, .elementor-section, .e-con{
  overflow: visible;
}

/* (Optional) prevent a tiny horizontal scrollbar on some browsers */
html, body { overflow-x: hidden; }

/* Safari/iOS sometimes needs dynamic viewport units */
@supports (width: 100dvw) {
  .mc-fullbleed{
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
  }
/* Eyebrow H3 — uppercase, Inter 200, tight spacing & no extra gaps */
:where(.elementor) :is(h3.elementor-heading-title, .elementor-widget-text-editor h3){
  font-family: 'Inter','Inter var',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif !important;
  font-weight: 200 !important;
  letter-spacing: 2.7px !important;
  text-transform: uppercase !important;

  /* alignment fixes */
  margin: 0 !important;       /* remove default H3 margins */
  padding: 0 !important;      /* keep it flush */
  line-height: 1 !important;  /* tighten vertical rhythm */
  display: inline-block;      /* enables micro-nudge below */
  color: inherit;

  /* optional micro-nudge: set per widget via CSS var */
  transform: translateY(var(--eyebrow-nudge, 0));
}

@supports (font-variation-settings: normal) {
  :where(.elementor) :is(h3.elementor-heading-title, .elementor-widget-text-editor h3){
    font-variation-settings: 'wght' 200;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Oliver 2';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://marchellacreative.com/wp-content/uploads/2025/03/ElioOliver-UltraLight.woff2') format('woff2');
}
/* End Custom Fonts CSS */