.hero-17__cta {
  --btn-background: var(--white);
  --btn-background-hover: var(--primary-ultra-light);
  --btn-text-color: var(--primary-dark);
  --btn-text-color-hover: var(--primary-dark);
  gap: 0.4em;
}
.feature-section-14__intro {
  display: flex; flex-direction: column; gap: var(--space-s); align-items: center; text-align: center; max-width: 48rem;
}
.about-me-header__text {
  color: var(--white);
}
.hero-17__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding-block: var(--space-xs);
  font-size: calc(var(--text-m) / 1.12);
  font-weight: 500;
  align-self: flex-start;
  position: relative;
  color: var(--text-light-muted);

  &::after {
    content: '';
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    block-size: 2px;
    background-color: var(--primary-light);
    transform: scaleX(0);
    transform-origin: left center;
    animation: cc-eyebrow-underline 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
  }

  @media (prefers-reduced-motion: reduce) {
    &::after {
      animation: none;
      transform: scaleX(1);
    }
  }
}
.hero-17__headline {
  margin: 0;
  font-size: calc(var(--h1) * 0.75);
  text-wrap: var(--heading-text-wrap);
  color: var(--base-ultra-light);
}
.feature-section-10__figure {
  position: relative;
}
.footer-3__legal {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-xs, 0.5rem);
  font-size: var(--text-m);
  color: var(--text-light-muted);
}
.hero-17__cta-icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  display: block;
}
.footer-3__copyright {
  margin: 0;
  color: var(--text-light-muted);
  font-size: var(--text-m);
}
.legal-container {
  gap: var(--space-s);
}
.feature-section-14__card-header {
  display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-s); color: var(--base-ultra-dark);
}
.feature-section-14__card-body {
  display: flex; flex-direction: column; gap: var(--space-xs);
}
.feature-section-10__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding-block: var(--space-xs);
  font-size: calc(var(--text-m) / 1.12);
  font-weight: 500;
  align-self: flex-start;
  position: relative;
  color: var(--text-light-muted);

  &::after {
    content: '';
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    block-size: 2px;
    background-color: var(--primary-light);
    transform: scaleX(0);
    transform-origin: left center;
    animation: cc-eyebrow-underline 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
  }

  @media (prefers-reduced-motion: reduce) {
    &::after {
      animation: none;
      transform: scaleX(1);
    }
  }
}
#dwc-header {
  padding-block: 0;

    body:has([dark-body-bg='true']&) main.etch-builder-block {
    background-color:#15151e;
  }
}
.feature-section-10__figure::after {
  content: ''; position: absolute; inset: 0; background: color-mix(in srgb, var(--primary-ultra-dark) 55%, transparent); pointer-events: none;
}
.footer-3__legal::before {
  content: "\00b7";
  color: var(--text-light-muted);
}
.contact-methods__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-l);
  border: 1px solid var(--bg-light);
  border-radius: var(--radius);
  background-color: var(--primary-light);
  color: var(--base-ultra-dark);
  text-decoration: none;
  transition: border-color var(--transition);
  &:hover,
  &:focus-visible {
    border-color: var(--primary-ultra-light);
  }
}
.hero-17__description {
  color: var(--text-light-muted);
  font-size: var(--text-m);
}
.footer-3__panel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: var(--space-xs);
  border-radius: var(--radius);
  padding: var(--space-xxs) var(--space-l);
}
.feature-section-14__card-description {
  margin: 0; color: var(--text-dark-muted);
}
.feature-section-14__outro {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-m); text-align: center;
}
.about-panel__list-icon {
  width: 1.35em;
  height: 1.35em;
  flex-shrink: 0;
  margin-top: 0.1em;
  color: var(--primary-light);
}
.hero-17__figure::after {
  content: ''; position: absolute; inset: 0; background: color-mix(in srgb, var(--primary-ultra-dark) 55%, transparent); pointer-events: none;
}
.hero-17__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
  padding-inline: var(--container-padding-inline) var(--space-xl);
  padding-block: var(--section-padding-block);
  max-width: calc(34rem + var(--container-padding-inline));
  @media (max-width: 767px) {
    padding-inline: var(--container-padding-inline);
    padding-block: 0;
    padding-block-end: var(--space-m);
  }
  color: var(--base-ultra-light);
}
.hero-17 {
  padding-block: 0;
  background-color: var(--primary-ultra-dark);
  flex-grow: 1;
}
.hero-17__figure {
  margin: 0; height: 100%; min-height: 28rem; position: relative; margin-right: calc(-1 * ((100vw - 100%) / 2)); clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); background: var(--bg-light); @media (max-width: 767px) { clip-path: none; margin-right: 0; border-radius: var(--radius); overflow: hidden; min-height: 18rem; }
  contain: size;
}
.dwc-header-vars {
  --fallback-section-padding: 83px;
  --dropdown-content-width: 75rem;
  --dropdown-content-default-width: 1200px;
  --header-inline-padding: 1rem;
  --header-block-padding: 0.5rem;
  --header-min-height: 0px;

  /*# ===== SKIP LINKS ===== */
  --skip-link-bg: #111;
  --skip-link-font-size: 1rem;
  --skip-link-color: var(--white, #fff);
  --skip-link-padding: 0.75rem 1.25rem;
  --skip-link-outline: 3px solid var(--primary, #4da3ff);
  --skip-link-radius: 0 0 0.5rem 0.5rem;
  --skip-link-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  --skip-link-weight: 600;

  /*# ===== ADAPTIVE HEIGHT/STRIPE ====== */
  --adaptive-height-bg: var(--dropdown-content-bg); /*also controls stripe background*/
  --adaptive-height-border: var(--dropdown-content-border-size) solid var(--dropdown-content-border-color);
  --adaptive-height-shadow: 0 0 30px rgb(39 50 59 / 10%);

  /*# ===== STRIPE only ===== */
  --stripe-border-radius: 1rem;

  /*# ===== STICKY/OVERLAY HEADER SPECIAL STYLES ===== */
  /*===== this styles only apply when Special Sticky/Overlay Styles and sticky header is enabled =====*/

  /*# NOTE: */
  /* to change the values that are set on the component options, use !important e.g.   
   --overlay-header-bg:black !important;
  */

  /*## SVG STYLES BEFORE SCROLLING  */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:not(.scroll-up, .scroll-down) & :is(path, .cls-1):not(.dwce-dropdown path) {
    /* fill: white; */
  }

  /*## SVG STYLES BEFORE SCROLLING - HOVER */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:not(.scroll-up, .scroll-down) &:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) :is(path, .cls-1):not(.dwce-dropdown path) {
    /* fill: hsl(from #fff h s l / 0.3); */
  }

  /*## SVG STYLES AFTER SCROLLING  */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) & :is(path, .cls-1):not(.dwce-dropdown path) {
    /* fill: url(#GradientFill_1); */
  }

  /*## SVG STYLES AFTER SCROLLING - HOVER */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) &:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) :is(path, .cls-1):not(.dwce-dropdown path) {
    /* fill: hsl(from #000 h s l / 0.3); */
  }

  /*## STYLES BEFORE SCROLLING */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom &:not(:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover)) {
    /* add any of the variables above and update value*/
  }

  /*## STYLES BEFORE SCROLLING - HOVER */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:not(.scroll-up, .scroll-down) &:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) {
    /* add any of the variables above and update value*/
  }

  /*## STYLES AFTER SCROLLING */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) &:not(:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover)) {
    /* add any of the variables above and update value*/
  }

  /*## STYLES AFTER SCROLLING - HOVER*/
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) &:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) {
    /* add any of the variables above and update value*/
  }

  /*## MOBILE STYLES WHEN MENU IS OPEN*/
  .dwc-mobile:has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom &:has(.dwce-toggle.is-active) {
    /* add any of the variables above and update value*/
    /* --overlay-header-bg: white !important; */
  }

  /*# ===== END STICKY/OVERLAY HEADER SPECIAL STYLES ===== */

  /*# ===== MOBILE ONLY STYLES ===== */
  /* add and modify varibales for mobile breakpoint OR use media query if you experience FOUC*/

  html:is(.dwc-mobile:not(:has([data-offcanvas='true'])), .dwc-offcanvas-mobile) & {
    /* --header-inline-padding: 1rem; */
  }
}
.dwc-nest-menu__logo {
  --centered-logo-inline-padding: 2rem;
  padding-block: 0rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 9999;

  /* logo size */

  & > :is(svg, img) {
    width: auto;
    height: 50px;
  }

  /* when in centered logo */
  .dwc-header-logo-item &,
  .dwc-nav-nested-items:has(li &) & {
    padding-inline: var(--centered-logo-inline-padding);
  }
}
.feature-section-14__lead {
  margin: 0; color: var(--text-light-muted); font-size: var(--text-l); max-width: var(--text-l-max-width);
}
.dwc-toggle-vars {
  /*# ===== STICKY/OVERLAY HEADER SPECIAL STYLES ===== */
  /*===== this styles only apply when the header div attribute [data-sticky-overlay-special-style] attribute is set to true, and sticky header is enabled =====*/

  /*## STYLES BEFORE SCROLLING */
  html:has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style], .dwce-nav-nested.dwc-open)) .dwc-headroom:not(.scroll-up, .scroll-down) & {
    /* 
    --toggle-color: white !important;
    --toggle-bg: color-mix(in oklch, white 10%, transparent) !important; 
    --label-color: white !important;
    */
  }

  /*## STYLES BEFORE SCROLLING - OPEN */
  html:has([data-sticky-overlay-special-style='true'][data-sticky-header='true'] .dwce-nav-nested.dwc-open):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:not(.scroll-up, .scroll-down) & {
    /* --toggle-color: black !important; */
  }

  /*## STYLES AFTER SCROLLING */
  html:has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) .dwce-nav-nested:not(:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover)) & {
    /* add any of the toggle variables and update value*/
  }

  /*## STYLES AFTER SCROLLING - OPEN */
  html:has([data-sticky-overlay-special-style='true'][data-sticky-header='true'] .dwce-nav-nested.dwc-open):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) & {
    /* --toggle-color: red !important; */
  }
}
.legal-meta {
  color: var(--text-light-muted); font-style: italic;
}
.feature-section-14 {
  background-color: var(--primary-dark);
}
.feature-section-10__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  padding: var(--space-l);
  border: 1px solid var(--bg-light);
  color: var(--base-ultra-light);
  background-color: var(--primary-light);
  /* clip-path: polygon(85% 6%, 97% 100%, 4% 93%, 2% 0%); */
}
.contact-methods__card-text {
  color: var(--text-dark-muted); overflow-wrap: anywhere;
}
.dwc-nav-vars {
  /*# ===== BACK TEXT ===== */
  --back-text-clr: var(--black, #000);
  --back-text-font-size: 1rem;
  --back-text-font-weight: 600;
  --back-text-transform: uppercase;
  --back-text-bg: var(--mobile-menu-bg);
  --back-text-icon-size: 20px;

  /*# ===== MENU ITEMS GAP ===== */
  --menu-items-gap: 1.5625rem;

  /*# ===== MOBILE ONLY STYLES ===== */
  /* Add & update varibale values for mobile breakpoint */
  html:is(.dwc-mobile:not(:has([data-offcanvas='true'])), .dwc-offcanvas-mobile) & {
    /* --mobile-menu-width: min(28.125rem, 100%) !important; */
    --mobile-menu-radius: var(--overlay-header-radius);
  }

  /*# =====  #MOBILE/OFFCANVAS extras ===== */

  /*## Transitions */
  --mobile-menu-ttf: cubic-bezier(0.3, 0.68, 0.1, 1);

  /*# BREAKIN CONTAINER  (see docs) */
  & .breakin-container {
    padding-inline: var(--menu-item-inline-padding);
    padding-block: var(--menu-item-block-padding);
    background: var(--white, #fff);
    z-index: 99999;
    display: flex;
    flex-direction: column;
  }
}
.dwc-nest-toggle--open {
  gap: var(--label-gap);
}
.feature-section-10__card-icon-svg {
  width: var(--card-icon-size); height: var(--card-icon-size)
}
.dwc-top-level-items-vars {
  /*## DEFAULT STATE */
  --menu-item-clr: var(--primary-ultra-light);
  --menu-item-font-size: 0.75rem;
  --menu-item-font-weight: 500;
  --menu-item-bg: initial;

  /*## HOVER STATE */
  --menu-item-hover-clr: var(--primary-light);
  --menu-item-hover-bg: hsl(from var(--primary-clr, crimson) h s l / 0.05);
  --menu-item-hover-border-bg: var(--menu-item-active-border-bg);
  --menu-item-hover-border-height: var(--menu-item-active-border-height);

  /*## ACTIVE STATE - Current Page Link*/
  /*(to exclude a link from this style, 
  add the attribute 'dwc-exclude' to its container)*/
  --menu-item-active-clr: var(--menu-item-hover-clr);
  --menu-item-active-bg: initial;
  --menu-item-active-border-bg: var(--primary-light);
  --menu-item-active-border-height: 0px;

  /*## PADDING | GAP */
  --menu-item-inline-padding: clamp(0.75rem, 0.61rem + 0.56vw, 1.1rem);
  --menu-item-block-padding: 1rem;
  /*when menu item hover effect is set to 'Text Roll'*/
  --roll-padding: 1rem;

  /*## BORDERS | RADIUS */
  --menu-item-border: initial;
  --menu-item-radius: 50vw;

  /*## CHEVRON (dropdown arrow) */
  --chevron-size: 1.2em;
  --chevron-clr: var(--menu-item-clr);
  --chevron-hover-clr: var(--menu-item-hover-clr);

  /*# ===== CTA BUTTONS (ALL) ===== */

  /*## all cta buttons max width on mobile */
  --cta-width: 100%;

  /*## gap offset between 2 or 3 cta buttons on mobile/offcanvas/sidebar*/
  --cta-gap-offset: 0;

  /*## gap between breakout cta and menu toggle on mobile */
  --cta-breakout-gap: 1.25rem;

  /*# ===== CTA 1 (LAST) ===== */

  /*## DEFAULT STATE */
  --menu-cta-clr: var(--white, #fff);
  --menu-cta-bg: var(--black, #000);
  --menu-cta-inline-padding: calc(var(--menu-item-inline-padding) * 1.3);
  --menu-cta-block-padding: var(--menu-item-block-padding);
  --menu-cta-border: none;
  --menu-cta-radius: 50vw;

  /*## HOVER STATE */
  --menu-cta-hover-clr: var(--white, #fff);
  --menu-cta-hover-bg: var(--primary-clr);

  /*# ===== CTA 2 (SECOND) ===== */

  /*## DEFAULT STATE */
  --menu-cta-2-clr: var(--white, #fff);
  --menu-cta-2-bg: var(--black, #000);
  --menu-cta-2-inline-padding: var(--menu-cta-inline-padding);
  --menu-cta-2-block-padding: var(--menu-cta-block-padding);
  --menu-cta-2-border: var(--menu-cta-border);
  --menu-cta-2-radius: var(--menu-cta-radius);

  /*## HOVER STATE */
  --menu-cta-2-hover-clr: var(--white, #fff);
  --menu-cta-2-hover-bg: var(--primary-clr);

  /*# ===== CTA 3 (THIRD) ===== */

  /*## DEFAULT STATE */
  --menu-cta-3-clr: var(--white, #fff);
  --menu-cta-3-bg: var(--black, #000);
  --menu-cta-3-inline-padding: var(--menu-cta-inline-padding);
  --menu-cta-3-block-padding: var(--menu-cta-block-padding);
  --menu-cta-3-border: var(--menu-cta-border);
  --menu-cta-3-radius: var(--menu-cta-radius);

  /*## HOVER STATE */
  --menu-cta-3-hover-clr: var(--white, #fff);
  --menu-cta-3-hover-bg: var(--primary-clr);

  /*# ===== STICKY/OVERLAY HEADER SPECIAL STYLES ===== */
  /*===== this styles only apply when the header div attribute [data-sticky-overlay-special-style] attribute is set to true, and sticky header is enabled =====*/

  /*## STYLES BEFORE SCROLLING */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:not(.scroll-up, .scroll-down) .dwc-nav-nested-items > & {
    /* add any of the variables above and update value*/
  }

  /*## STYLES BEFORE SCROLLING - HOVER */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:not(.scroll-up, .scroll-down) .dwce-nav-nested:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) .dwc-nav-nested-items > & {
    /* add any of the variables above and update value*/
  }

  /*## STYLES AFTER SCROLLING */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) .dwce-nav-nested:not(:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover)) .dwc-nav-nested-items > & {
    /* add any of the variables above and update value*/
  }

  /*## STYLES AFTER SCROLLING - HOVER*/
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) .dwce-nav-nested:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) .dwc-nav-nested-items > & {
    /* add any of the variables above and update value*/
  }

  /*## BADGE STYLES AFTER SCROLLING */
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) .dwce-nav-nested:not(:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover)) .dwc-nav-nested-items > & .dwc-menu-item-badge {
    /* --badge-color: #fff !important;
    --badge-bg-color: var(--primary-clr) !important; */
  }

  /*## BADGE STYLES AFTER SCROLLING - HOVER*/
  html:not(.dwc-mobile):has([data-sticky-overlay-special-style='true'][data-sticky-header='true']):not(:has([data-no-sticky], [data-no-overlay-style])) .dwc-headroom:is(.scroll-up, .scroll-down) .dwce-nav-nested:has(.dwce-dropdown.open, .dwc-nav-nested-items > li:hover) .dwc-nav-nested-items > & .dwc-menu-item-badge {
    /* 
    --badge-color: #fff !important;
    --badge-bg-color: gray !important;  
    */
  }

  /*# ===== MOBILE ONLY STYLES ===== */
  /* add and modify varibales for mobile breakpoint */

  html:is(.dwc-mobile:not(:has([data-offcanvas='true'])), .dwc-offcanvas-mobile) & {
    --menu-item-font-size: 1.125rem;
    --menu-item-border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.about-panel__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
  text-align: left;
}
.legal-content ul {
  padding-inline-start: 1.25em;
}
.feature-section-10__card-icon {
  display: flex; flex-shrink: 0; color: var(--base-ultra-dark)
}
.legal-content {
  display: flex; flex-direction: column; gap: var(--space-xs); color: var(--text-light-muted);
}
#copyright-year {
  color: var(--bg-ultra-light);
}
.dwce-toggle {
  --toggle-align: 0;

  &[data-flip-toggle='true'] {
    --toggle-align: auto;
    --toggle-horizontal-offset: auto;

    & .dwce-toggle__label-wrap {
      order: -1;
    }
  }

  &[data-toggle-style='techno'] {
    --toggle-line-height: 2px;
    --toggle-line-variance: 1px;
    --iw: var(--toggle-size);
    --aw: var(--toggle-size);

    &:not(.is-active) .dwca-inner {
      inline-size: 75%;
    }
  }

  &[data-equalize='true']:not([data-toggle-style='techno'], .is-active) {
    --toggle-line-variance: 1px;
    --iw: var(--toggle-size);
    --aw: var(--toggle-size);
  }
}
.dwc-nest-menu-top {
  padding-inline: var(--menu-item-inline-padding);
  padding-block: var(--menu-item-block-padding);
  &:not(.dwc-mobile &){
    display:none;
  }
}
.feature-section-14__card-title {
  margin: 0; font-size: var(--h4); text-wrap: var(--heading-text-wrap); color: var(--base-ultra-dark);
}
.hero-17__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--container-gap);
  align-items: center;
  min-height: 50dvh;
  @media (max-width: 767px) {
    grid-template-columns: 1fr;
    gap: 0;
    padding-bottom: var(--content-gap);
  }
}
:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:root {
  
--link-cue: oklch(0.55 0.10 235);
--link-cue-hover: oklch(0.70 0.13 225);
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feature-section-14__container {
  display: flex; flex-direction: column; gap: var(--space-xxl); align-items: center;
}
.feature-section-10__card-header {
  display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-s);
}
.feature-section-10__card-description {
  margin: 0; color: var(--text-dark-muted)
}
.feature-section-10__grid {
  --card-icon-size: 2.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: var(--space-m);
  @media (max-width: 767px) {
    grid-template-columns: 1fr;
  }
}
.feature-section-10__grid > .feature-section-10__card:nth-child(2n) {
  margin-block-start: 0;
}
.hero-17__figure--reversed {
  margin-right: 0;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  clip-path: polygon(0% 0%, 100% 0%, 92% 100%, 0% 100%);
  &::after {
    content: '';
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--primary-ultra-dark) 55%, transparent);
    pointer-events: none;
  }
  @media (max-width: 767px) { clip-path: none; margin-left: 0; }
}
.contact-panel__list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
}
.hero-17__eyebrow-text {
  color: var(--text-light-muted);
}
.feature-section-14__title {
  margin: 0; font-size: var(--h2); text-wrap: var(--heading-text-wrap); color: var(--base-ultra-light);
}
.feature-section-10__intro {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-xl) * 1.3);
  max-width: 28rem;
  @media (max-width: 1023px) {
    max-width: none;
  }
}
.contact-panel__list-icon {
  width: 1.35em;
  height: 1.35em;
  flex-shrink: 0;
  margin-top: 0.1em;
  color: var(--primary-light);
}
.feature-section-10__heading {
  margin: 0;
  font-size: var(--h2);
  text-wrap: var(--heading-text-wrap);
  color: var(--base-ultra-light);
}
.dwce-toggle__label {
  font-size: var(--label-font-size);
  color: var(--label-color);
  text-transform: uppercase;
  font-weight: 500;
}
.legal-section {
  background-color: var(--secondary-ultra-dark);
}
.contact-methods__card-title {
  font-size: var(--h4); font-weight: 600; color: var(--base-ultra-dark);
}
.dwc-nest-header__container {
  justify-content: space-between;
  flex-direction: row;
  min-height: var(--header-min-height);
  margin-inline: auto;
  align-items: center;

  /*when overlay header is active on mobile, and menu slides in from top, use the header padding  */
  .dwc-mobile [data-overlay-header-mobile='true']:has([data-slide-in-direction='top']) & {
    padding-inline: var(--header-inline-padding);
    padding-block: var(--header-block-padding);
  }
}
.feature-section-10__card-title {
  margin: 0;
  font-size: var(--h4);
  text-wrap: var(--heading-text-wrap);
  color: var(--base-ultra-dark);
}
.hero-17__headline--primary {
  color: var(--primary-light);
  margin-top: var(--space-2xs);
}
.dwc-nav-wrapper {
  inline-size: 100%;
  max-inline-size: 100%
}
.about-panel__heading {
  color: var(--base-ultra-light);
}
.hero-17__image {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.etch-c8uhb1l {
  color: var(--primary);
}
.feature-section-14__outro-text {
  margin: 0; color: var(--text-light-muted); font-size: var(--text-l); max-width: var(--text-l-max-width);
}
.hero-17__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m);
  align-items: center;
}
.feature-section-14__tagline {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding-block: var(--space-xs);
  font-size: calc(var(--text-m) / 1.12);
  font-weight: 500;
  align-self: center;
  position: relative;
  color: var(--text-light-muted);

  &::after {
    content: '';
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    block-size: 2px;
    background-color: var(--primary-light);
    transform: scaleX(0);
    transform-origin: left center;
    animation: cc-eyebrow-underline 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
  }

  @media (prefers-reduced-motion: reduce) {
    &::after {
      animation: none;
      transform: scaleX(1);
    }
  }
}
#dwce-nav-nested {
  @media (width <= 64rem) {
    inline-size: auto;
  }
}
.feature-section-14__card-badge {
  position: absolute;
  top: -0.85rem;
  left: -0.85rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--primary);
  color: var(--primary-ultra-light);
  font-size: var(--text-l);
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.feature-section-10__card--full {
  grid-column: 1 / -1;
}
.about-me-header {
  background-color: var(--secondary-ultra-dark);
}
.feature-section-10 {
  --card-icon-size: 2.5rem;
  background-color: var(--primary-dark);
}
.contact-methods__card-icon {
  width: 2rem; height: 2rem; color: var(--base-ultra-dark);
}
.feature-section-14__card-icon {
  flex-shrink: 0; width: var(--space-xl); height: var(--space-xl);
}
.about-panel__list-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
}
.dwc-nest-toggle--close {
  margin-inline-start: auto !important;
}
.legal-content a:hover, .legal-content a:focus-visible {
  color: var(--link-cue-hover);
}
.about-panel {
  background-color: var(--primary-ultra-dark);
  flex-grow: 1;
}
.feature-section-14__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-l);
  width: 100%;

  @media (max-width: 670px) {
    grid-template-columns: 1fr;
  }
}
.footer-3__legal-link {
  color: var(--secondary-light);
}
.footer-3 {
  background-color: var(--secondary-ultra-dark);
}
.dwc-nest-menu__mobile-logo {
  transition: opacity 0.45s 0.15s var(--mobile-menu-ttf);
  block-size: var(--dwc-nest-header-height);
  max-block-size: var(--mobile-logo-size);
}
.legal-content a {
  color: var(--link-cue); text-decoration: none;
}
.legal-content h2 {
  color: var(--white); font-size: var(--h3); margin-block-start: var(--space-m);
}
.dwc-skip-link {
  position: fixed;
  top: 0;
  inset-inline-start: 1rem;
  z-index: 100000;
  transform: translateY(-150%);

  /* Appearance when revealed */
  padding: var(--skip-link-padding);
  background: var(--skip-link-bg);
  color: var(--skip-link-color);
  font-size: var(--skip-link-font-size);
  font-weight: var(--skip-link-weight);
  line-height: 1.2;
  text-decoration: none;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: var(--skip-link-shadow);

  transition: transform 0.2s ease;

  /* Reveal on focus (keyboard users land here first) */
  &:focus,
  &:focus-visible {
    transform: translateY(calc(0px + var(--wp-admin--admin-bar--height, 0px)));
    outline: var(--skip-link-outline);
    outline-offset: 2px;
  }

  .dwc-skip-links:has(&) {
    display: contents;
  }

  /* Respect reduced-motion preferences */
  @media (prefers-reduced-motion: reduce) {
    & {
      transition: none;
    }
  }
}
.etch-hzzm98j {
  position: relative;
}
.dwc-nest-header {
  &:not(.dwc-mobile [data-overlay-header-mobile='true']:has([data-slide-in-direction='top']) &) {
    padding-inline: var(--header-inline-padding);
    padding-block: var(--header-block-padding);
  }

  background-color: var(--header-bg);
  transition:
    opacity 0.1s,
    transform 0.4s,
    background-color 0.4s;

  :is(.scroll-down, .scroll-up) [data-sticky-header='true'] & {
    background-color: var(--header-bg-sticky);
    --overlay-header-bg: var(--header-bg-sticky);
  }
}
.about-panel__text {
  color: var(--text-light-muted);
}
.about-me-header__heading {
  color: var(--white);
  font-size: var(--text-xl);
}
.contact-panel__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-left: 0;
}
.feature-section-14__card {
  position: relative; display: flex; flex-direction: column; gap: var(--space-l); width: 100%; padding: var(--space-l); border: 1px solid var(--bg-light); border-radius: var(--radius); background-color: var(--primary-light); transition: border-color var(--transition); &:hover { border-color: var(--primary-ultra-light); }
}
.feature-section-10__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-m); align-items: center
}
.contact-methods {
  background-color: var(--secondary-ultra-dark);
}
.sh-stevehine-logo {
  max-width: 200px;

& :is(text, tspan, path) {
  fill: var(--white, #fff) !important;
}
}
.contact-methods__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-l); @media (max-width: 670px) { & { grid-template-columns: 1fr; } }
}
.footer-3__legal-link:hover, .footer-3__legal-link:focus-visible {
  color: var(--link-cue-hover);
}
.contact-methods__container {
  display: flex; flex-direction: column; gap: var(--space-l);
}
.feature-section-10__container {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: var(--space-xxl); align-items: start; @media (max-width: 1023px) { grid-template-columns: 1fr; }
}