.elementor-227801 .elementor-element.elementor-element-f7f6aaa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-227801 .elementor-element.elementor-element-f7f6aaa:not(.elementor-motion-effects-element-type-background), .elementor-227801 .elementor-element.elementor-element-f7f6aaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_6 );}.elementor-227801 .elementor-element.elementor-element-f7f6aaa > .elementor-shape-top .elementor-shape-fill, .elementor-227801 .elementor-element.elementor-element-f7f6aaa > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-accent );}.elementor-227801 .elementor-element.elementor-element-5ffa60cb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-227801 .elementor-element.elementor-element-f7f6aaa{--width:100%;}}@media(max-width:1024px){.elementor-227801 .elementor-element.elementor-element-f7f6aaa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-227801 .elementor-element.elementor-element-f7f6aaa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-f7f6aaa *//* ===================================
   ETHOS INK CONTACT PAGE - THEME CSS
   Single Page Settings → Advanced → Custom CSS
   
   This CSS handles page-level styling only.
   Form styling is in the Form Widget → Custom CSS.
   =================================== */

/* Global Resets for Contact Page Elements */
.ethos-hero-copy *,

/* ===================================
   HERO COPY (LEFT COLUMN)
   =================================== */

.ethos-hero-copy {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .ethos-hero-copy {
    text-align: center;
    align-items: center;
    padding-top: 0;
  }
}

/* Gradient Eyebrow Badge */
.ethos-eyebrow-badge {
  color: #FFFFFF;
  letter-spacing: 0.20em;
  font-size: 0.79rem;
  font-family: 'roboto-mono', 'Roboto Mono', monospace;
  font-weight: 900;
  text-transform: uppercase;
  padding: 12px 18px;
  display: inline-block;
  width: fit-content;
  background: linear-gradient(to right, 
    rgba(36, 65, 81, 0.75) 0%, 
    rgba(107, 27, 154, 0.75) 33%, 
    rgba(197, 41, 40, 0.75) 66%, 
    rgba(46, 125, 49, 0.75) 100%) 0 50% / 100% 50% no-repeat;
  clip-path: polygon(
    0.5% 30%, 0% 55%, 0.3% 70%, 
    99.2% 72%, 99.8% 68%, 100% 52%, 
    99.5% 35%, 98.8% 28%
  );
  line-height: 1;
}

/* Hero Headline */
.ethos-hero-headline {
  font-family: 'pressio', 'Pressio', sans-serif;
  font-size: clamp(36px, 5.5vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 700;
  max-width: 620px;
}

/* Hero Subheadline */
.ethos-hero-subheadline {
  font-family: 'inter-tight', 'Inter Tight', sans-serif;
  font-size: 18px;
  line-height: 1.65;
  color: #FFFFFF;
  opacity: 0.65;
  max-width: 560px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .ethos-hero-headline {
    font-size: 36px;
  }
  .ethos-hero-subheadline {
    font-size: 16px;
  }
}

/* ============================================
   ETHOS INK CONTACT PAGE - HERO COPY STYLES
   Paste into: Elementor Container > Advanced > Custom CSS
   ============================================ */

/* Hero Content Container */
.elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

/* Eyebrow Badge */
.elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-eyebrow-wrapper {
  margin-bottom: 8px;
}

.elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-eyebrow-badge {
  color: #FFFFFF;
  letter-spacing: 0.20em;
  font-size: 0.79rem;
  font-family: 'Roboto Mono', monospace;
  font-weight: 900;
  text-transform: uppercase;
  padding: 12px 16px;
  position: relative;
  display: inline-block;
  background: linear-gradient(to right, 
    rgba(36, 65, 81, 0.70) 0%, 
    rgba(107, 27, 154, 0.70) 33%, 
    rgba(197, 41, 40, 0.70) 66%, 
    rgba(46, 125, 49, 0.70) 100%) 0 50% / 100% 50% no-repeat;
  clip-path: polygon(
    0.5% 30%, 0% 55%, 0.3% 70%, 
    99.2% 72%, 99.8% 68%, 100% 52%, 
    99.5% 35%, 98.8% 28%
  );
  line-height: 1;
  margin: 0;
}

/* Main Headline */
.elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-headline {
  font-family: 'pressio', sans-serif;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

/* Subheadline */
.elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-subheadline {
  font-family: 'Inter Tight', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #FFFFFF;
  opacity: 0.9;
  margin: 0;
  padding: 0;
  max-width: 540px;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
  .elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-content {
    text-align: center;
    align-items: center;
  }

  .elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-headline {
    font-size: 32px;
  }

  .elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-subheadline {
    font-size: 16px;
  }

  .elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-eyebrow-badge {
    font-size: 0.70rem;
    padding: 10px 14px;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .elementor-227801 .elementor-element.elementor-element-f7f6aaa .ethos-hero-headline {
    font-size: 42px;
  }
}/* End custom CSS */