#ix2hu3-2-2 {font-family:"Zalando Sans Expanded", sans-serif !important;}

#igji0h-2-2 {font-family:"Zalando Sans Expanded", sans-serif !important;}
#igji0h-2-2-2 {font-family:"Zalando Sans Expanded", sans-serif !important;}

[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] :where(:root) {
  --body-fs-cms: 18;
  --h1-fs-cms: 44;
  --h2-fs-cms: 32;
  --h3-fs-cms: 22;
  --btn-fs-cms: 18;
  --a-fs-cms: 18;

  --body-fs-vw: calc((var(--body-fs-cms) / 10) * 1vw);
  --h1-fs-vw: calc((var(--h1-fs-cms) / 10) * 1vw);
  --h2-fs-vw: calc((var(--h2-fs-cms) / 10) * 1vw);
  --h3-fs-vw: calc((var(--h3-fs-cms) / 10) * 1vw);
  --btn-fs-vw: calc((var(--btn-fs-cms) / 10) * 1vw);
  --a-fs-vw: calc((var(--a-fs-cms) / 10) * 1vw);

  --body-fs-rem: calc((var(--body-fs-cms) / 16) * 1rem);
  --h1-fs-rem: calc((var(--h1-fs-cms) / 16) * 1rem);
  --h2-fs-rem: calc((var(--h2-fs-cms) / 16) * 1rem);
  --h3-fs-rem: calc((var(--h3-fs-cms) / 16) * 1rem);
  --btn-fs-rem: calc((var(--btn-fs-cms) / 16) * 1rem);
  --a-fs-rem: calc((var(--a-fs-cms) / 16) * 1rem);

  --body-fs-base: clamp(1rem, var(--body-fs-vw) + 0.5rem, var(--body-fs-rem));
  --h1-fs-base: clamp(2.25rem, var(--h1-fs-vw) + 0.5rem, var(--h1-fs-rem));
  --h2-fs-base: clamp(1.75rem, calc(var(--h2-fs-vw) + 0.5rem), var(--h2-fs-rem));
  --h3-fs-base: clamp(1.375rem, var(--h3-fs-vw) + 0.5rem, var(--h3-fs-rem));
  --btn-fs-base: clamp(0.75rem, var(--btn-fs-vw) + 0.25rem, var(--btn-fs-rem));
  --a-fs-base: clamp(0.75rem, var(--a-fs-vw) + 0.25rem, var(--a-fs-rem));
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] :root {
  /* Core local tokens that have no direct theme-token equivalent.
     Brand colors resolve via --oc-color-accent / --oc-color-secondary / --oc-color-primary / --oc-color-muted. */
  --oc-white: #ffffff;
  --oc-lavender: #eedbff;
  --oc-transparent-lavender: rgba(238, 219, 255, 0.65);
  --oc-transparent-white-82: rgba(255, 255, 255, 0.82);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Border-box for all content inside template wrappers (see .coreTemplate in HTML) */
.coreTemplate, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate *, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate *::before, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate *::after {
  box-sizing: border-box;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Base typography — every core template inherits from this until a per-FI override raises specificity. */
.coreTemplate {
  font-size: var(--body-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate p {
  font-size: var(--body-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate h1 {
  font-size: var(--h1-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate h2 {
  font-size: var(--h2-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate h3 {
  font-size: var(--h3-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* All core templates: h1–h3 bottom margin */
.coreTemplate h1, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate h2, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate h3 {
  margin-bottom: 0.625rem !important;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate a, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .nav-link {
  font-size: var(--a-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate button, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .button, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate [role="button"] {
  font-size: var(--btn-fs-base);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* --- Header nav link styling (right-click → Header Nav Style)
   CSS custom properties set inline on <nav> by header-nav-style-menu cascade
   to descendant <a> elements. --- */
header.coreTemplate .primaryNav-container nav a, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] header.coreTemplate .secondaryNav-container nav a {
  color: var(--core-header-nav-link, currentColor);
  font-size: var(--core-header-nav-font-size, var(--a-fs-base));
  font-family: var(--core-header-nav-font-family, inherit);
  transition:
    color 0.2s ease,
    font-size 0.2s ease;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] header.coreTemplate .primaryNav-container nav a:hover, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] header.coreTemplate .primaryNav-container nav a:focus, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] header.coreTemplate .secondaryNav-container nav a:hover, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] header.coreTemplate .secondaryNav-container nav a:focus {
  color: var(--core-header-nav-link-hover, var(--oc-color-accent, currentColor));
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* --- Mobile navigation toggle (all core headers) --- */
.core-mobile-nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.3125rem;
  z-index: 100;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .nav-toggle-bar {
  display: block;
  width: 1.5rem;
  height: 0.1875rem;
  background-color: currentColor;
  border-radius: 0.125rem;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .core-mobile-nav-toggle.active .nav-toggle-bar:nth-child(1) {
  transform: translateY(0.5rem) rotate(45deg);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .core-mobile-nav-toggle.active .nav-toggle-bar:nth-child(2) {
  opacity: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .core-mobile-nav-toggle.active .nav-toggle-bar:nth-child(3) {
  transform: translateY(-0.5rem) rotate(-45deg);
}

@media (max-width: 48em) {
  .core-mobile-nav-toggle {
    display: flex;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .primaryNav-container, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .secondaryNav-container {
    display: none;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .primaryNav-container.core-nav-open, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate .secondaryNav-container.core-nav-open {
    display: block;
    width: 100%;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] }
/* Eric Isham personal-brand group-level tokens and base rules.
   Loaded after core-base.css; applies inside .coreTemplate.eric-isham.
   Mirrors the dark-purple / outlined-Anton design of oc-ericisham.squarespace.com. */

@import url("https://fonts.googleapis.com/css2?family=Anton&family=Poppins:wght@300;400;500;600&family=Zalando+Sans+Expanded:ital, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] wght@0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 200;0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 300;0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 400;0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 600;0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 700;1, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 300&display=swap");

.coreTemplate.eric-isham {
  /* Brand palette (defaults; CMS can override per-site). */
  --eric-isham-black: #000000;
  --eric-isham-bg: #0a040e;
  --eric-isham-purple: #872cac;
  --eric-isham-purple-deep: #190b23;
  --eric-isham-card: #260f34;
  --eric-isham-card-border: #4d226d;
  --eric-isham-panel: #230d2e;
  --eric-isham-panel-alt: #2a142f;
  --eric-isham-green: #04623b;
  --eric-isham-green-ring: #0f9960;
  --eric-isham-glow: rgba(209, 112, 227, 0.5);
  --eric-isham-text: #ffffff;
  /* Source site paints one body-wide gradient; sections share it below. */
  --eric-isham-page-gradient: linear-gradient(108deg, #24052a 0%, #0a0000 100%);

  /* Typography. */
  --eric-isham-font-display: "Anton", sans-serif;
  --eric-isham-font-body: "Poppins", sans-serif;
  --eric-isham-font-label: "Zalando Sans Expanded", sans-serif;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Every section paints the same viewport-fixed gradient so consecutive
   blocks blend into one continuous backdrop instead of flat slabs
   restarting per section. Hero and header layer it themselves. */
.coreTemplate.eric-isham.eric-isham-intro, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-podcast, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-businesses, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-giving-back, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-social-feeds, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-conversations, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-about-row, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham.eric-isham-footer {
  background-image: var(--eric-isham-page-gradient);
  background-attachment: fixed;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* :where() on BOTH the ancestor and the element keeps these defaults at
   genuinely zero specificity (0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 0) so per-section stylesheets always win.
   The ancestor must also be wrapped — `.coreTemplate.eric-isham :where(p)`
   still scores (0, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 2, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] 0) and would tie/beat per-section rules like
   `.eric-isham-hero .hero-line`, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] pinning them to these defaults. */
:where(.coreTemplate.eric-isham), [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] :where(.coreTemplate.eric-isham) :where(p, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] li, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] button, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] input, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] textarea) {
  font-family: var(--eric-isham-font-body, sans-serif);
  font-size: 18px;
  color: var(--eric-isham-text);
  line-height: 1.7;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] :where(.coreTemplate.eric-isham) :where(h1, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] h2) {
  font-family: var(--eric-isham-font-display, sans-serif);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--eric-isham-text);
  margin: 0 0 30px;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] :where(.coreTemplate.eric-isham) :where(h2) {
  font-size: clamp(35px, 10vw, 60px);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham a {
  color: inherit;
  text-decoration: none;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham img {
  max-width: 100%;
  display: block;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Huge outlined display text (homepage hero + internal page titles). */
.coreTemplate.eric-isham .ei-outline-text {
  font-family: var(--eric-isham-font-display, sans-serif);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1.75px var(--eric-isham-text);
  margin: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Small uppercase eyebrow used above section headings. */
.coreTemplate.eric-isham .ei-eyebrow {
  font-family: var(--eric-isham-font-label, sans-serif);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--eric-isham-text);
  margin: 0 0 10px;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* ── Shared button system ───────────────────────────────────────────── */

.coreTemplate.eric-isham .ei-btn {
  appearance: none;
  display: inline-block;
  font-family: var(--eric-isham-font-label, sans-serif);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  min-width: 150px;
  padding: 16px 25px 13px;
  border-radius: 500px;
  cursor: pointer;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Solid green pill (homepage intro CTA). */
.coreTemplate.eric-isham .ei-btn-solid {
  border: 2px solid var(--eric-isham-green);
  background-color: var(--eric-isham-green);
  color: var(--eric-isham-text);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-solid:hover, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-solid:focus {
  background-color: var(--eric-isham-green);
  color: var(--eric-isham-text);
  box-shadow: 0 0 28px var(--eric-isham-glow);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Outlined green-ring pill that fills green on hover. */
.coreTemplate.eric-isham .ei-btn-outline {
  border: none;
  background-color: transparent;
  color: var(--eric-isham-text);
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 17px 35px 15px;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--eric-isham-green);
  transition: all ease 0.3s;
  z-index: -1;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid var(--eric-isham-green-ring);
  border-radius: 500px;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline:hover::after, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline:focus::after {
  border-color: var(--eric-isham-green);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline:hover::before, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline:focus::before {
  width: 100%;
  right: unset;
  left: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-outline:focus {
  outline: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Bare text link with growing underline + arrow (e.g. "All Episodes"). */
.coreTemplate.eric-isham .ei-btn-text {
  display: inline-flex;
  align-items: center;
  border: none;
  background-color: transparent;
  color: var(--eric-isham-text);
  position: relative;
  font-weight: 300;
  min-width: unset;
  padding: 16px 10px 13px 0;
  border-radius: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-text::before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: var(--eric-isham-text);
  position: absolute;
  right: 0;
  bottom: 7px;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 8px solid var(--eric-isham-text);
  border-bottom: 6px solid transparent;
  position: relative;
  left: 10px;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-text:hover::before, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-text:focus::before {
  width: 100%;
  right: unset;
  left: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-text:hover::after, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .coreTemplate.eric-isham .ei-btn-text:focus::after {
  transform: translateX(3px);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Eric Isham global header: signature logo left, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] About Me link and a
   green-ring Contact pill right. Sticky and transparent over the hero; once
   scrolled, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] a black top-fade appears and the logo/padding shrink — the
   Squarespace source's `.siteHeader.stuck` behaviour. The `is-stuck` class is
   toggled by eric-isham-header-scroll.ts. */

.coreTemplate.eric-isham.eric-isham-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 5px 20px;
  /* Same viewport-fixed gradient every section paints, so the bar reads as a
     seamless extension of the hero/page backdrop rather than a solid slab. */
  background-image: var(
    --eric-isham-page-gradient,
    linear-gradient(108deg, #24052a 0%, #0a0000 100%)
  );
  background-attachment: fixed;
  background-color: var(--eric-isham-bg);
  transition: padding ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* On the published studio site the header is wrapped in a body-level
   .custom-header.oc-section; that wrapper has to be the sticky element for the
   bar to pin (sticky on the inner header alone would only stick within its own
   wrapper). Harmless in the block lab, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] which has no such wrapper. */
.custom-header.oc-section:has(.eric-isham-header) {
  position: sticky;
  top: 0;
  z-index: 1000;
  margin-bottom: -150px;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Black top-fade gradient, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] revealed only once scrolled — mirrors the source's
   `.siteHeader.stuck::before`. Sits beneath .header-inner (z-index: 10). */
.eric-isham-header::before {
  content: "";
  display: block;
  width: 100%;
  height: 160%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity ease 0.3s;
  background: linear-gradient(to bottom, var(--eric-isham-black) 0%, rgba(0, 0, 0, 0) 100%);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header.is-stuck::before {
  opacity: 1;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Collapse on scroll: tighten the bar and shrink the signature logo.
   Full prefix so it outranks the base `.coreTemplate.eric-isham.eric-isham-header`
   padding rule. */
.coreTemplate.eric-isham.eric-isham-header.is-stuck {
  padding-top: 0;
  padding-bottom: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header.is-stuck .site-logo {
  width: 165px;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Dynamic nav + static Contact pill sit together on the right. */
.eric-isham-header .header-nav-row {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* The studio's nav-tree renderer replaces the inner <ul> with bare
   .nav-item divs, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] so the nav element itself must lay items out. */
.eric-isham-header .primary-nav {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .header-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .site-logo {
  display: inline-block;
  width: 230px;
  padding: 10px;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .site-logo img {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .site-logo:hover img {
  transform: translateY(-3px);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .site-logo:focus {
  outline: 1px dotted var(--eric-isham-text);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-group {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.5rem;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item a {
  display: inline-block;
  font-family: var(--eric-isham-font-label, sans-serif);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--eric-isham-text);
  position: relative;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item:not(.nav-item--button) a::before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: var(--eric-isham-green-ring);
  position: absolute;
  right: 0;
  bottom: -5px;
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item:not(.nav-item--button) a:hover::before, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item:not(.nav-item--button) a:focus::before {
  width: 100%;
  right: unset;
  left: 0;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item a:focus {
  outline: 1px dotted var(--eric-isham-text);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] /* Contact pill: green ring that fills green on hover. */
.eric-isham-header .nav-item--button a {
  border-radius: 200px;
  min-width: 175px;
  text-align: center;
  padding: 12px 10px 10px;
  overflow: hidden;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--eric-isham-green);
  transition: all ease 0.3s;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 200px;
  border: 2px solid var(--eric-isham-green-ring);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a .button {
  position: relative;
  z-index: 5;
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a:hover::after, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a:focus::after {
  border-color: var(--eric-isham-green);
}[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a:hover::before, [data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a:focus::before {
  width: 100%;
  left: 0;
  right: unset;
}

@media (max-width: 768px) {
  .eric-isham-header .header-inner {
    justify-content: center;
    gap: 0.5rem;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .site-logo {
    width: 165px;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-group {
    gap: 1.25rem;
    flex-wrap: wrap;
    justify-content: center;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .header-nav-row {
    gap: 1.25rem;
    flex-wrap: wrap;
    justify-content: center;
  }[data-oc-section-code-id="oc-sec-e0w65nmqskzcz9"] .eric-isham-header .nav-item--button a {
    min-width: 140px;
  }
}