: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;
}
: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;
}
.jh-site-header {
  display: block;
background: var(--primary);
padding-block: 0;
padding-inline: 0;
margin: 0;
container-type: inline-size;
container-name: jh-header;
}
.jh-topbar {
  background: var(--black);
color: var(--accent);
font-size: 0.8125rem;
font-weight: 500;
}
.jh-topbar__inner {
  display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1.5rem;
max-inline-size: 75rem;
margin-inline: auto;
padding-block: 0.45rem;
padding-inline: 1rem;
}
.jh-topbar__link {
  color: var(--accent);
text-decoration: none;
overflow-wrap: anywhere;
}
.jh-topbar__affiliate {
  display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin-inline-start: auto;
color: var(--white);
text-decoration: none;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.04em;
}
.jh-bar__inner {
  display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
max-inline-size: 75rem;
margin-inline: auto;
padding-block: 0.75rem;
padding-inline: 1rem;
}
.jh-logo {
  display: block;
background: var(--white);
border-radius: 0.5rem;
padding: 0.4rem 0.55rem;
line-height: 0;
text-decoration: none;
}
.jh-nav {
  display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.75rem;
}
.jh-nav__link {
  color: var(--white);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
}
.jh-main {
  display: block;
padding: 0;
margin: 0;
}
.jh-footer {
  background: var(--black);
color: var(--white);
padding-block: 2.5rem;
padding-inline: 1rem;
container-type: inline-size;
container-name: jh-footer;
}
.jh-footer__inner {
  display: grid;
grid-template-columns: 1fr;
gap: 1.75rem 3rem;
align-items: center;
max-inline-size: 75rem;
margin-inline: auto;
}
.jh-footer__logo {
  display: block;
justify-self: start;
background: var(--white);
border-radius: 0.5rem;
padding: 0.85rem 1rem;
line-height: 0;
text-decoration: none;
max-inline-size: 16rem;
}
.jh-footer__link {
  color: var(--accent);
text-decoration: none;
overflow-wrap: anywhere;
}
.jh-footer__line {
  color: var(--primary);
margin: 0;
}
.jh-bar {
  background: var(--primary);
}
.dwc-slider-wrapper {
  min-block-size: var(--slider-wrapper-height);
  background-color: var(--slider-wrapper-bg);
  overflow-x: clip;
}
.slider-wrapper-instructions {
  display: flex;
  flex-direction: column;
  min-block-size: 20vh;
  max-block-size: none;
  align-items: center;
	justify-content: center;
}
.splide {
  --gutter: initial;
  --section-padding-block: initial;
  gap: 0;
  /* overflow: clip; */
  /* block-size: calc(var(--slide-height-active) + (var(--slider-padding-block) * 2)); */
  & .splide__track {
    padding-block: var(--slider-padding-block);
  }

  &[data-static-layout] {
    padding-inline: var(--slider-padding-inline);
  }

  & .splide__slide {
    display: flex;
    perspective: var(--slide-perspective);
  }

  &[data-overflow='true'] .splide__track {
    overflow: visible !important;
  }

  [data-slider-wrapper] & {
    inline-size: 100%;
  }

  & .slide-content {
    block-size: 100%;
    inline-size: min(100%, 100vw);
  }

  /*# INSIDE ETCH  */

  /*### SCROLL BAR  */

  @supports (scrollbar-width: auto) {
    html:has(&) {
      scrollbar-color: inherit;
    }
  }

  .etch-builder-block .splide {
    scrollbar-width: thin !important;
    scrollbar-color: #4a4a4a #1a1a1a;
  }

  .etch-builder-block.splide__track::-webkit-scrollbar {
    width: 8px;
    height: 12px;
  }

  .etch-builder-block.splide__track::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 10px;
  }

  .etch-builder-block.splide__track::-webkit-scrollbar-thumb {
    background: #4a4a4a;
    border-radius: 10px;
    transition: background 0.3s ease;
  }

  .etch-builder-block.splide__track:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(to left, #ff4d6a, blue) !important;
  }

  .etch-builder-block.splide__track::-webkit-scrollbar-thumb:hover {
    background: #5a5a5a;
  }
  /*### SCROLLBAR ENDS  */

  /*# INSIDE ETCH ENDS  */
}
.dwc-slider-controls-wrapper {
  display: flex;
}
.splide__slide {
  & > div:has(.slide-placeholder-info) {
    min-block-size: 200px;
    background-color: color-mix(in oklch, black 30%, transparent);
    background-image: radial-gradient(circle, white 1px, transparent 1px);
    background-size: 24px 24px;
    height: 100%;
  }
}
.slider-navigation-vars {
  /* Controls styles for built in slider navigation elements only: 
  - Arrows (nav buttons) 
  - Pagination
  - Play/Pause button
  - Progress
*/

  /*# ALL ARROWS  */

  /*## Normal */
  --arrow-bg: rgba(255, 255, 255, 0.06);
  --arrow-clr: color-mix(in oklch, white 50%, transparent);
  --arrow-radius: 50%;
  --arrow-width: 2.75rem;
  --arrow-height: var(--arrow-width);
  --arrow-padding: 0;
  --arrow-aspect-ratio: 1;
  --arrow-icon-size: 1.125rem;
  --arrow-bg-blur: 10px;
  --arrow-border: 1px solid rgba(255, 255, 255, 0.1);
  --arrow-opacity: 0;
  --arrow-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /*## Hover */
  --arrow-hover-bg: color-mix(in oklch, var(--primary) 20%, transparent);
  --arrow-hover-clr: var(--white, white);
  --arrow-hover-opacity: 1;
  --arrow-hover-border-clr: var(--primary, #ff4d6a);

  /*## POSITIONING  */

  /*### PREV ARROW  */
  --prev-arrow-top: 50%;
  --prev-arrow-bottom: auto;
  --prev-arrow-right: auto;
  --prev-arrow-left: 0.875rem;
  --prev-arrow-transform: translateY(-50%);

  /*### NEXT ARROW  */
  --next-arrow-top: 50%;
  --next-arrow-bottom: auto;
  --next-arrow-right: 0.875rem;
  --next-arrow-left: auto;
  --next-arrow-transform: translateY(-50%);

  /*# PAGINATION  */

  /*## WRAPPER  */
  --pagination-position: absolute;
  --pagination-padding: 12px 14px;
  --pagination-bg: rgba(0, 0, 0, 0.35);
  --pagination-bg-blur: 8px;
  --pagination-radius: 1.25rem;
  --pagination-gap: 0.5rem;

  /*### POSITIONING  */
  --pagination-top: auto;
  --pagination-bottom: 1rem;
  --pagination-left: 50%;
  --pagination-right: auto;
  --pagination-transform: translateX(-50%);

  /*## DOTS  */

  /*### Normal  */
  --dot-size: 8px;
  --dot-radius: 50%;
  --dot-clr: rgba(255, 255, 255, 0.2);
  --dot-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /*### Hover  */
  --dot-hover-clr: rgba(255, 255, 255, 0.5);

  /*### Active */
  --dot-clr-active: var(--primary, #ff4d6a);
  --dot-transform-active: scale(1.3);

  /*# PLAY/PAUSE BUTTON  */

  /*## Normal */
  --play-pause-size: 32px;
  --play-pause-radius: 50vw;
  --play-pause-border: 1px solid rgba(255, 255, 255, 0.1);
  --play-pause-clr: var(--white, white);
  --play-pause-bg: rgba(0, 0, 0, 0.4);
  --play-pause-bg-blur: 8px;

  /*## Hover */
  --play-pause-hover-bg: color-mix(in oklch, var(--primary) 20%, transparent);
  --play-pause-hover-border-clr: var(--primary, #ff4d6a);

  /*## POSITIONING  */
  --play-pause-top: auto;
  --play-pause-bottom: 14px;
  --play-pause-left: auto;
  --play-pause-right: 14px;
  --play-pause-z-index: 10;

  /*# PROGRESS  */

  /*## Normal */
  --progress-fill-clr: var(--primary, #ff4d6a);
  --progress-fill-clr-2: var(--primary-ultra-light, #ff8fa3); /* bar progress*/
  --progress-bg: rgba(0, 0, 0, 0.4); /* non cirular counter*/
  --progress-bg-blur: 8px; /* non cirular counter*/
  --progress-border-radius: 20px; /* non cirular counter*/
  --progress-border: 1px solid rgba(255, 255, 255, 0.08); /* non cirular counter*/
  --progress-padding: 4px 12px; /* non cirular counter*/
  --progress-track-clr: rgba(255, 255, 255, 0.1);
  --progress-separator-clr: var(--progress-clr-total);
  --progress-separator-gap: 0.1em;
  --progress-separator-size: var(--progress-font-size-total);

  /*## Current text */
  --progress-clr-current: var(--primary, #ff4d6a);
  --progress-font-size-current: 0.8rem;

  /*## Total text */
  --progress-clr-total: #8888a0;
  --progress-font-size-total: 0.6rem;

  /*## POSITIONING  */
  --progress-top: auto;
  --progress-bottom: 0;
  --progress-left: 14px;
  --progress-right: auto;
  --progress-z-index: 10;

  /*### Counter  */
  & [data-auto-generated][data-progress-type='counter'] {
    --progress-top: auto;
    --progress-bottom: 12px;
    --progress-left: auto;
    --progress-right: 12px;
  }

  /*### Circular  */
  & [data-auto-generated][data-progress-type='circular'] {
    --progress-top: 14px;
    --progress-bottom: auto;
    --progress-left: 14px;
    --progress-right: auto;
  }

  /*# LIGHTBOX  */

  --lightbox-bg: color-mix(in oklch, black 90%, transparent);
  --lightbox-z: 99999;
  --lightbox-close-size: 2.75rem;
  --lightbox-padding: clamp(16px, 4vw, 48px);
  --lightbox-img-height: 90vh;
  --lightbox-arrow-bg: color-mix(in oklch, white 12%, transparent);
  --lightbox-arrow-hover-bg: color-mix(in oklch, white 25%, transparent);
  --lightbox-clr: #fff;
  --lightbox-slide-height: 70vh;
}
.dwc-slider-vars-o73c4f {
  /* Controls styles for built in slider navigation elements only: 
  - Arrows (nav buttons) 
  - Pagination
  - Play/Pause button
  - Progress
*/

  /*# ALL ARROWS  */

  /*## Normal */
  --arrow-bg: rgba(255, 255, 255, 0.06);
  --arrow-clr: color-mix(in oklch, white 50%, transparent);
  --arrow-radius: 50%;
  --arrow-width: 2.75rem;
  --arrow-height: var(--arrow-width);
  --arrow-padding: 0;
  --arrow-aspect-ratio: 1;
  --arrow-icon-size: 1.125rem;
  --arrow-bg-blur: 10px;
  --arrow-border: 1px solid rgba(255, 255, 255, 0.1);
  --arrow-opacity: 0;
  --arrow-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /*## Hover */
  --arrow-hover-bg: color-mix(in oklch, var(--primary) 20%, transparent);
  --arrow-hover-clr: var(--white, white);
  --arrow-hover-opacity: 1;
  --arrow-hover-border-clr: var(--primary, #ff4d6a);

  /*## POSITIONING  */

  /*### PREV ARROW  */
  --prev-arrow-top: 50%;
  --prev-arrow-bottom: auto;
  --prev-arrow-right: auto;
  --prev-arrow-left: 0.875rem;
  --prev-arrow-transform: translateY(-50%);

  /*### NEXT ARROW  */
  --next-arrow-top: 50%;
  --next-arrow-bottom: auto;
  --next-arrow-right: 0.875rem;
  --next-arrow-left: auto;
  --next-arrow-transform: translateY(-50%);

  /*# PAGINATION  */

  /*## WRAPPER  */
  --pagination-position: absolute;
  --pagination-padding: 12px 14px;
  --pagination-bg: rgba(0, 0, 0, 0.35);
  --pagination-bg-blur: 8px;
  --pagination-radius: 1.25rem;
  --pagination-gap: 0.5rem;

  /*### POSITIONING  */
  --pagination-top: auto;
  --pagination-bottom: 1rem;
  --pagination-left: 50%;
  --pagination-right: auto;
  --pagination-transform: translateX(-50%);

  /*## DOTS  */

  /*### Normal  */
  --dot-size: 8px;
  --dot-radius: 50%;
  --dot-clr: rgba(255, 255, 255, 0.2);
  --dot-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /*### Hover  */
  --dot-hover-clr: rgba(255, 255, 255, 0.5);

  /*### Active */
  --dot-clr-active: var(--primary, #ff4d6a);
  --dot-transform-active: scale(1.3);

  /*# PLAY/PAUSE BUTTON  */

  /*## Normal */
  --play-pause-size: 32px;
  --play-pause-radius: 50vw;
  --play-pause-border: 1px solid rgba(255, 255, 255, 0.1);
  --play-pause-clr: var(--white, white);
  --play-pause-bg: rgba(0, 0, 0, 0.4);
  --play-pause-bg-blur: 8px;

  /*## Hover */
  --play-pause-hover-bg: color-mix(in oklch, var(--primary) 20%, transparent);
  --play-pause-hover-border-clr: var(--primary, #ff4d6a);

  /*## POSITIONING  */
  --play-pause-top: auto;
  --play-pause-bottom: 14px;
  --play-pause-left: auto;
  --play-pause-right: 14px;
  --play-pause-z-index: 10;

  /*# PROGRESS  */

  /*## Normal */
  --progress-fill-clr: var(--primary, #ff4d6a);
  --progress-fill-clr-2: var(--primary-ultra-light, #ff8fa3); /* bar progress*/
  --progress-bg: rgba(0, 0, 0, 0.4); /* non cirular counter*/
  --progress-bg-blur: 8px; /* non cirular counter*/
  --progress-border-radius: 20px; /* non cirular counter*/
  --progress-border: 1px solid rgba(255, 255, 255, 0.08); /* non cirular counter*/
  --progress-padding: 4px 12px; /* non cirular counter*/
  --progress-track-clr: rgba(255, 255, 255, 0.1);
  --progress-separator-clr: var(--progress-clr-total);
  --progress-separator-gap: 0.1em;
  --progress-separator-size: var(--progress-font-size-total);

  /*## Current text */
  --progress-clr-current: var(--primary, #ff4d6a);
  --progress-font-size-current: 0.8rem;

  /*## Total text */
  --progress-clr-total: #8888a0;
  --progress-font-size-total: 0.6rem;

  /*## POSITIONING  */
  --progress-top: auto;
  --progress-bottom: 0;
  --progress-left: 14px;
  --progress-right: auto;
  --progress-z-index: 10;

  /*### Counter  */
  & [data-auto-generated][data-progress-type='counter'] {
    --progress-top: auto;
    --progress-bottom: 12px;
    --progress-left: auto;
    --progress-right: 12px;
  }

  /*### Circular  */
  & [data-auto-generated][data-progress-type='circular'] {
    --progress-top: 14px;
    --progress-bottom: auto;
    --progress-left: 14px;
    --progress-right: auto;
  }

  /*# LIGHTBOX  */

  --lightbox-bg: color-mix(in oklch, black 90%, transparent);
  --lightbox-z: 99999;
  --lightbox-close-size: 2.75rem;
  --lightbox-padding: clamp(16px, 4vw, 48px);
  --lightbox-img-height: 90vh;
  --lightbox-arrow-bg: color-mix(in oklch, white 12%, transparent);
  --lightbox-arrow-hover-bg: color-mix(in oklch, white 25%, transparent);
  --lightbox-clr: #fff;
  --lightbox-slide-height: 70vh;
}
.slide-placeholder-info {
  margin: auto;
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
}
.dwc-slider-nav-button-wrapper {
  width: fit-content;
height: fit-content;
}
.dwc-slider-nav-btn {
  /* max-inline-size: fit-content; */
  display: grid;
  place-items: center;
  white-space: nowrap;

  &:has(.dwc-default-slider-nav-icon, .dwc-slider-nav-custom-svg, [data-slide-title]) {
    color: var(--arrow-clr);
    font-size: var(--arrow-icon-size);
    min-width: calc(var(--arrow-width) + var(--title-width, 0px));
    min-height: var(--arrow-height);
    border: var(--arrow-border);
    border-radius: var(--arrow-radius);
    background: var(--arrow-bg);
    backdrop-filter: blur(var(--arrow-bg-blur));
    -webkit-backdrop-filter: blur(var(--arrow-bg-blur));
    cursor: pointer;
    transition: var(--arrow-transition);
    padding: var(--arrow-padding);
    aspect-ratio: var(--arrow-aspect-ratio);

    &:hover {
      background: var(--arrow-hover-bg);
      border-color: var(--arrow-hover-border-clr);
      color: var(--arrow-hover-clr);

      & svg {
        fill: var(--arrow-hover-clr);
      }
    }
  }
}
.dwc-default-slider-nav-icon {
  width: var(--arrow-icon-size);
  height: var(--arrow-icon-size);
  fill: var(--arrow-clr);
}
.dwc-slider-nav-custom-svg {
  & svg{
      width: var(--arrow-icon-size);
  height: var(--arrow-icon-size);
  fill: var(--arrow-clr);
  }
}
.dwc-nav-btn-instruction {
  color: white;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 1px;
  background-color: var(--etch-info, deepskyblue);
  border-radius: 0.4em;
  padding: 0.45 0.75em;
  max-inline-size: 250px;
  white-space: wrap;
}
.dwc-progress-container {
  & > .sc-bar-progress{
    block-size: var(--progress-height);
  }
}
.autoplay-toggle-container {
  inline-size: var(--play-pause-size);
  block-size: var(--play-pause-size);
  flex-shrink: 0;
  & > button {
    inline-size: 100%;
    block-size: 100%;
  }
}
.dwc-slider-pagination-wrapper {
  /*  General pagination styles */
  display: flex;
  gap: var(--gap);
  flex-direction: var(--direction);
  position: var(--position);
  z-index: var(--z-index);
  block-size: fit-content;

  /*  Default pagination styles */
  [data-custom-pagination='default']& {
    padding: var(--padding);
    background-color: var(--bg);
    backdrop-filter: blur(var(--blur));
    border-radius: var(--radius);
    font-size: var(--font-size);

    & .splide__pagination__page {
      width: var(--dot-size);
      height: var(--dot-size);
      border-radius: var(--dot-radius);
      border: none;
      color: var(--dot-color);
      background: var(--dot-bg);
      cursor: pointer;
      padding: 0;
      transition: all var(--sc-transition);
      line-height: 1;

      &.is-active {
        background: var(--dot-bg-active);
        transform: scale(1.3);
        color: var(--active-dot-color);
      }
    }
  }
  /*  END Default pagination styles */
}
.jh-hero {
  display: block;
padding-block: 0;
padding-inline: 0;
margin: 0;
position: relative;
background: var(--tertiary);
container-type: inline-size;
container-name: jh-hero;
--slider-wrapper-bg: var(--tertiary);
--arrow-bg: var(--white);
--arrow-clr: var(--primary);
--arrow-opacity: 1;
--arrow-hover-bg: var(--primary);
--arrow-hover-clr: var(--white);
--arrow-hover-opacity: 1;
--dot-clr: var(--primary-ultra-light);
--dot-hover-clr: var(--primary);
--dot-clr-active: var(--primary);
}
.jh-hero__container {
  max-inline-size: none;
width: 100%;
padding-block: 0;
padding-inline: 0;
}
.jh-hero__title-slide {
  position: relative;
display: grid;
place-items: center;
inline-size: 100%;
width: 100%;
min-inline-size: 100%;
min-block-size: min(70vh, 42rem);
block-size: 100%;
isolation: isolate;
}
.jh-hero__media {
  position: absolute;
inset: 0;
margin: 0;
inline-size: 100%;
block-size: 100%;
overflow: hidden;
z-index: 0;
}
.jh-hero__img {
  position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.jh-hero__overlay {
  position: absolute;
inset: 0;
background: color-mix(in oklch, var(--black) 42%, transparent);
pointer-events: none;
z-index: 1;
}
.jh-hero__copy {
  position: relative;
z-index: 2;
display: grid;
gap: var(--content-gap, 1.25rem);
justify-items: center;
text-align: center;
padding-inline: var(--space-m, 1rem);
max-inline-size: min(var(--width-80, 60rem), 100%);
}
.jh-hero__heading {
  margin: 0;
color: light-dark(var(--white), var(--white));
font-weight: 700;
text-wrap: balance;
}
.jh-hero__ctas {
  display: flex;
flex-wrap: wrap;
gap: var(--space-s, 0.75rem);
justify-content: center;
}
.jh-hero__btn {
  display: inline-flex;
align-items: center;
justify-content: center;
padding-block: 0.7rem;
padding-inline: 1.35rem;
font-size: var(--text-m, 1rem);
font-weight: 500;
text-decoration: none;
border-radius: var(--radius, 0.25rem);
}
.jh-hero__btn--support {
  background: #ffe74c;
color: #28282d;
}
.jh-hero__btn--sponsor {
  background: #2eb800;
color: light-dark(#ffffff, #ffffff);
}
.jh-hero__quote {
  display: grid;
grid-template-columns: 1fr;
min-block-size: min(70vh, 42rem);
background: var(--tertiary);
}
.jh-hero__quote-media {
  position: relative;
margin: 0;
min-block-size: 18rem;
overflow: hidden;
}
.jh-hero__quote-pane {
  display: grid;
align-content: center;
gap: var(--content-gap, 1.25rem);
padding: var(--space-xl, 2rem);
background: var(--tertiary);
color: light-dark(var(--white), var(--white));
}
.jh-hero__quote-kicker {
  margin: 0;
color: light-dark(var(--white), var(--white));
font-weight: 700;
}
.jh-hero__quote-card {
  display: grid;
gap: var(--space-s, 0.75rem);
margin: 0;
padding: var(--space-l, 1.5rem);
background: var(--white);
color: var(--neutral);
border-inline-start: 6px solid var(--secondary);
}
.jh-hero__quote-mark {
  display: block;
font-size: var(--h1, 3rem);
line-height: 1;
color: var(--neutral-light);
font-weight: 700;
}
.jh-hero__quote-text {
  margin: 0;
font-size: var(--text-l, 1.15rem);
font-weight: 500;
}
.jh-hero__cite {
  margin: 0;
font-size: var(--text-m, 1rem);
font-weight: 700;
color: var(--neutral);
}
.jh-hero__media .jh-hero__img, .jh-hero__media etch\:img, .jh-hero__quote-media .jh-hero__img, .jh-hero__quote-media etch\:img {
  position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.jh-hero .slide-inner-wrap, .jh-hero .slide-content, .jh-hero .splide__slide {
  inline-size: 100%;
width: 100%;
max-inline-size: none;
}
.jh-hero .slider-navigation-vars, .jh-hero .splide {
  --arrow-bg: var(--white);
--arrow-clr: var(--primary);
--arrow-opacity: 1;
--arrow-border: 0;
--arrow-hover-bg: var(--primary);
--arrow-hover-clr: var(--white);
--arrow-hover-opacity: 1;
--pagination-bg: transparent;
--dot-clr: var(--primary-ultra-light);
--dot-hover-clr: var(--primary);
--dot-clr-active: var(--primary);
}
.jh-hero__cta {
  display: inline-flex;
align-items: center;
justify-content: center;
padding-block: 0.7rem;
padding-inline: 1.35rem;
font-size: var(--text-m, 1rem);
font-weight: 500;
text-decoration: none;
border-radius: var(--radius, 0.25rem);
}
.jh-hero__cta-support {
  background: var(--accent);
color: var(--neutral);
}
.jh-hero__cta-sponsor {
  background: var(--secondary);
color: light-dark(var(--white), var(--white));
}
.dwc-slider-vars-8dfn86 {
  /* Controls styles for built in slider navigation elements only: 
  - Arrows (nav buttons) 
  - Pagination
  - Play/Pause button
  - Progress
*/

  /*# ALL ARROWS  */

  /*## Normal */
  --arrow-bg: rgba(255, 255, 255, 0.06);
  --arrow-clr: color-mix(in oklch, white 50%, transparent);
  --arrow-radius: 50%;
  --arrow-width: 2.75rem;
  --arrow-height: var(--arrow-width);
  --arrow-padding: 0;
  --arrow-aspect-ratio: 1;
  --arrow-icon-size: 1.125rem;
  --arrow-bg-blur: 10px;
  --arrow-border: 1px solid rgba(255, 255, 255, 0.1);
  --arrow-opacity: 0;
  --arrow-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /*## Hover */
  --arrow-hover-bg: color-mix(in oklch, var(--primary) 20%, transparent);
  --arrow-hover-clr: var(--white, white);
  --arrow-hover-opacity: 1;
  --arrow-hover-border-clr: var(--primary, #ff4d6a);

  /*## POSITIONING  */

  /*### PREV ARROW  */
  --prev-arrow-top: 50%;
  --prev-arrow-bottom: auto;
  --prev-arrow-right: auto;
  --prev-arrow-left: 0.875rem;
  --prev-arrow-transform: translateY(-50%);

  /*### NEXT ARROW  */
  --next-arrow-top: 50%;
  --next-arrow-bottom: auto;
  --next-arrow-right: 0.875rem;
  --next-arrow-left: auto;
  --next-arrow-transform: translateY(-50%);

  /*# PAGINATION  */

  /*## WRAPPER  */
  --pagination-position: absolute;
  --pagination-padding: 12px 14px;
  --pagination-bg: rgba(0, 0, 0, 0.35);
  --pagination-bg-blur: 8px;
  --pagination-radius: 1.25rem;
  --pagination-gap: 0.5rem;

  /*### POSITIONING  */
  --pagination-top: auto;
  --pagination-bottom: 1rem;
  --pagination-left: 50%;
  --pagination-right: auto;
  --pagination-transform: translateX(-50%);

  /*## DOTS  */

  /*### Normal  */
  --dot-size: 8px;
  --dot-radius: 50%;
  --dot-clr: rgba(255, 255, 255, 0.2);
  --dot-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /*### Hover  */
  --dot-hover-clr: rgba(255, 255, 255, 0.5);

  /*### Active */
  --dot-clr-active: var(--primary, #ff4d6a);
  --dot-transform-active: scale(1.3);

  /*# PLAY/PAUSE BUTTON  */

  /*## Normal */
  --play-pause-size: 32px;
  --play-pause-radius: 50vw;
  --play-pause-border: 1px solid rgba(255, 255, 255, 0.1);
  --play-pause-clr: var(--white, white);
  --play-pause-bg: rgba(0, 0, 0, 0.4);
  --play-pause-bg-blur: 8px;

  /*## Hover */
  --play-pause-hover-bg: color-mix(in oklch, var(--primary) 20%, transparent);
  --play-pause-hover-border-clr: var(--primary, #ff4d6a);

  /*## POSITIONING  */
  --play-pause-top: auto;
  --play-pause-bottom: 14px;
  --play-pause-left: auto;
  --play-pause-right: 14px;
  --play-pause-z-index: 10;

  /*# PROGRESS  */

  /*## Normal */
  --progress-fill-clr: var(--primary, #ff4d6a);
  --progress-fill-clr-2: var(--primary-ultra-light, #ff8fa3); /* bar progress*/
  --progress-bg: rgba(0, 0, 0, 0.4); /* non cirular counter*/
  --progress-bg-blur: 8px; /* non cirular counter*/
  --progress-border-radius: 20px; /* non cirular counter*/
  --progress-border: 1px solid rgba(255, 255, 255, 0.08); /* non cirular counter*/
  --progress-padding: 4px 12px; /* non cirular counter*/
  --progress-track-clr: rgba(255, 255, 255, 0.1);
  --progress-separator-clr: var(--progress-clr-total);
  --progress-separator-gap: 0.1em;
  --progress-separator-size: var(--progress-font-size-total);

  /*## Current text */
  --progress-clr-current: var(--primary, #ff4d6a);
  --progress-font-size-current: 0.8rem;

  /*## Total text */
  --progress-clr-total: #8888a0;
  --progress-font-size-total: 0.6rem;

  /*## POSITIONING  */
  --progress-top: auto;
  --progress-bottom: 0;
  --progress-left: 14px;
  --progress-right: auto;
  --progress-z-index: 10;

  /*### Counter  */
  & [data-auto-generated][data-progress-type='counter'] {
    --progress-top: auto;
    --progress-bottom: 12px;
    --progress-left: auto;
    --progress-right: 12px;
  }

  /*### Circular  */
  & [data-auto-generated][data-progress-type='circular'] {
    --progress-top: 14px;
    --progress-bottom: auto;
    --progress-left: 14px;
    --progress-right: auto;
  }

  /*# LIGHTBOX  */

  --lightbox-bg: color-mix(in oklch, black 90%, transparent);
  --lightbox-z: 99999;
  --lightbox-close-size: 2.75rem;
  --lightbox-padding: clamp(16px, 4vw, 48px);
  --lightbox-img-height: 90vh;
  --lightbox-arrow-bg: color-mix(in oklch, white 12%, transparent);
  --lightbox-arrow-hover-bg: color-mix(in oklch, white 25%, transparent);
  --lightbox-clr: #fff;
  --lightbox-slide-height: 70vh;
}
.jh-programs {
  background: var(--bg-light);
container-type: inline-size;
container-name: jh-programs;
}
.jh-programs__container {
  display: grid;
gap: var(--content-gap, 1.25rem);
}
.jh-programs__heading {
  margin: 0;
text-align: center;
color: var(--primary);
font-weight: 700;
text-wrap: balance;
}
.jh-programs__grid {
  display: grid;
gap: var(--grid-gap);
grid-template-columns: 1fr;
list-style: none;
margin: 0;
padding: 0;
}
.jh-programs__card {
  display: grid;
align-content: start;
gap: var(--space-s, 0.75rem);
padding: var(--space-l, 1.5rem);
background: var(--white);
border-radius: var(--radius);
box-shadow: 0 0.75rem 1.75rem color-mix(in oklch, var(--black) 10%, transparent);
}
.jh-programs__icon {
  display: grid;
place-items: center;
inline-size: 3.5rem;
block-size: 3.5rem;
flex-shrink: 0;
overflow: hidden;
color: var(--primary);
border: 2px solid var(--primary);
border-radius: var(--radius);
}
.jh-programs__title {
  margin: 0;
color: var(--primary);
font-weight: 700;
}
.jh-programs__text {
  margin: 0;
color: var(--neutral);
}
.jh-programs__glyph {
  display: block;
inline-size: 1.75rem;
block-size: 1.75rem;
background-color: currentColor;
mask: var(--_icon) center / contain no-repeat;
-webkit-mask: var(--_icon) center / contain no-repeat;
}
.jh-programs__icon--education {
  --_icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5%2012%205l9%205.5%22%2F%3E%3Cpath%20d%3D%22M5%2011.2V18h14v-6.8%22%2F%3E%3Cpath%20d%3D%22M9.5%2018v-4h5v4%22%2F%3E%3Cpath%20d%3D%22M19%208.2V6h2%22%2F%3E%3C%2Fsvg%3E");
}
.jh-programs__icon--feeding {
  --_icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204v6a2%202%200%200%200%204%200V4%22%2F%3E%3Cpath%20d%3D%22M9%2010v10%22%2F%3E%3Cpath%20d%3D%22M16%204v16%22%2F%3E%3Cpath%20d%3D%22M16%204c2.2%200%203.5%201.8%203.5%204.2S18.2%2012%2016%2012%22%2F%3E%3C%2Fsvg%3E");
}
.jh-programs__icon--medical {
  --_icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2011%2012%204l8%207%22%2F%3E%3Cpath%20d%3D%22M6%2010.5V20h12V10.5%22%2F%3E%3Cpath%20d%3D%22M12%2013v5%22%2F%3E%3Cpath%20d%3D%22M9.5%2015.5h5%22%2F%3E%3C%2Fsvg%3E");
}
.jh-programs__icon--parenting {
  --_icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M5.2%2020c1.1-3.4%203.4-5%206.8-5s5.7%201.6%206.8%205%22%2F%3E%3C%2Fsvg%3E");
}
.jh-programs__icon--evangelism {
  --_icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%204.5h10.5A2.5%202.5%200%200%201%2019%207v13.5H8.5A2.5%202.5%200%200%200%206%2023V4.5z%22%2F%3E%3Cpath%20d%3D%22M6%204.5A2.5%202.5%200%200%201%208.5%202%22%2F%3E%3Cpath%20d%3D%22M12.2%209.5v6%22%2F%3E%3Cpath%20d%3D%22M9.4%2012.5h5.6%22%2F%3E%3C%2Fsvg%3E");
}
.jh-hero[data-etch-element="section"] {
  display: block;
padding-block: 0;
padding-inline: 0;
margin: 0;
background: var(--tertiary);
}
.jh-hero .dwc-slider-wrapper, .jh-hero .splide, .jh-hero .splide__track, .jh-hero .splide__list, .jh-hero .splide__slide, .jh-hero .slide-inner-wrap, .jh-hero .slide-content {
  margin-block-start: 0;
padding-block-start: 0;
background: var(--tertiary);
}
.jh-sponsor {
  display: block;
padding-block: 0;
padding-inline: 0;
margin: 0;
container-type: inline-size;
container-name: jh-sponsor;
}
.jh-sponsor__grid {
  display: grid;
grid-template-columns: 1fr;
gap: 0;
}
.jh-sponsor__copy {
  display: grid;
justify-items: center;
align-content: center;
gap: var(--content-gap, 1.25rem);
padding-block: var(--section-space-m, var(--space-xl, 3rem));
padding-inline: var(--space-xl, 2rem);
background: var(--base);
color: var(--neutral);
text-align: center;
}
.jh-sponsor__heading {
  margin: 0;
color: var(--neutral);
font-weight: 700;
text-wrap: balance;
max-inline-size: var(--width-70, 42rem);
}
.jh-sponsor__text {
  margin: 0;
max-inline-size: var(--width-60, 36rem);
color: var(--neutral);
}
.jh-sponsor__cta {
  display: inline-flex;
align-items: center;
justify-content: center;
padding-block: 0.7rem;
padding-inline: 1.35rem;
font-size: var(--text-m, 1rem);
font-weight: 500;
text-decoration: none;
border-radius: var(--radius, 0.25rem);
background: var(--primary);
color: light-dark(var(--white), var(--white));
}
.jh-sponsor__media {
  display: grid;
place-items: center;
padding: var(--space-xl, 2rem);
background: var(--primary);
}
.jh-sponsor__video {
  display: block;
inline-size: 100%;
max-inline-size: var(--width-80, 48rem);
background: var(--black);
}
.jh-split {
  display: block;
padding-block: 0;
padding-inline: 0;
margin: 0;
container-type: inline-size;
container-name: jh-split;
}
.jh-split__grid {
  display: grid;
grid-template-columns: 1fr;
gap: 0;
}
.jh-split__copy {
  display: grid;
justify-items: center;
align-content: center;
gap: var(--content-gap, 1.25rem);
padding-block: var(--section-space-m, var(--space-xl, 3rem));
padding-inline: var(--space-xl, 2rem);
background: var(--base);
color: var(--neutral);
}
.jh-split__heading {
  margin: 0;
color: var(--neutral);
font-weight: 700;
text-align: center;
text-wrap: balance;
}
.jh-split__list {
  margin: 0;
padding-inline-start: 1.25em;
max-inline-size: var(--width-60, 36rem);
color: var(--neutral);
text-align: start;
list-style-type: disc;
list-style-position: outside;
}
.jh-split__item {
  padding-block: 0.35rem;
display: list-item;
}
.jh-split__media {
  display: grid;
place-items: center;
padding: var(--space-xl, 2rem);
background: var(--primary);
}
.jh-split__embed {
  display: block;
inline-size: 100%;
max-inline-size: var(--width-80, 48rem);
aspect-ratio: 16 / 9;
border: 0;
background: var(--black);
}
.jh-topbar__upi {
  display: block;
background: var(--white);
border-radius: 0.25rem;
padding: 0.15rem 0.3rem;
line-height: 0;
}
.jh-footer__rows {
  display: grid;
gap: 1rem;
}
.jh-footer__row {
  display: flex;
align-items: center;
gap: 0.85rem;
}
.jh-footer__icon {
  display: grid;
place-items: center;
flex-shrink: 0;
inline-size: 2.25rem;
block-size: 2.25rem;
border-radius: 0.35rem;
background: var(--primary);
}
.jh-footer__glyph {
  display: block;
inline-size: 1.15rem;
block-size: 1.15rem;
background: var(--white);
}
.jh-footer__links {
  display: flex;
flex-wrap: wrap;
gap: 0.35rem 1rem;
}
.jh-footer__addr {
  display: grid;
color: var(--accent);
text-decoration: none;
overflow-wrap: anywhere;
}
.jh-about-hero {
  display: block;
position: relative;
overflow: hidden;
padding-block: 0;
padding-inline: 0;
margin: 0;
min-block-size: 36rem;
container-type: inline-size;
container-name: jh-about-hero;
}
.jh-about-hero__media {
  position: absolute;
inset: 0;
}
.jh-about-hero__overlay {
  position: absolute;
inset: 0;
background: color-mix(in oklch, var(--black) 40%, transparent);
pointer-events: none;
}
.jh-about-hero__container {
  position: relative;
z-index: 1;
display: grid;
align-content: end;
justify-items: end;
min-block-size: 36rem;
max-inline-size: 75rem;
margin-inline: auto;
padding-block: var(--space-xl, 2rem);
padding-inline: var(--space-l, 1.5rem);
}
.jh-about-hero__title {
  margin: 0;
color: var(--white);
font-weight: 700;
text-align: end;
text-wrap: balance;
}
.jh-about {
  display: block;
background: var(--white);
padding-block: var(--space-xxl, 4rem);
padding-inline: 0;
margin: 0;
container-type: inline-size;
container-name: jh-about;
}
.jh-about__container {
  display: grid;
gap: var(--space-xl, 2rem);
max-inline-size: 75rem;
margin-inline: auto;
padding-inline: var(--space-l, 1.5rem);
}
.jh-about__grid {
  display: grid;
grid-template-columns: 1fr;
gap: var(--space-xl, 2rem);
align-items: start;
}
.jh-about__copy {
  display: grid;
gap: var(--space-m, 1rem);
color: var(--neutral);
}
.jh-about__heading {
  margin: 0;
color: var(--primary);
font-weight: 700;
}
.jh-about__p {
  margin: 0;
max-inline-size: var(--width-80, 48rem);
}
.jh-about__stat {
  margin: 0;
font-weight: 700;
max-inline-size: var(--width-80, 48rem);
}
.jh-about__aside {
  display: grid;
gap: 0;
align-content: start;
}
.jh-about__embed {
  display: block;
inline-size: 100%;
aspect-ratio: 16 / 9;
border: 0;
background: var(--black);
}
.jh-about__faq {
  display: grid;
border: 1px solid var(--black);
}
.jh-about__item {
  border-block-start: 1px solid var(--black);
}
.jh-about__item:first-child {
  border-block-start: 0;
}
.jh-about__summary {
  display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding-block: 0.85rem;
padding-inline: 1rem;
color: var(--primary);
font-weight: 600;
letter-spacing: 0.04em;
cursor: pointer;
list-style: none;
}
.jh-about__panel {
  padding-block: 0 1rem;
padding-inline: 1rem;
color: var(--neutral);
}
.jh-about__panel-p {
  margin: 0;
font-weight: 700;
text-transform: uppercase;
}
.jh-about__objectives {
  margin: 0;
padding-inline-start: 1.25em;
list-style-type: decimal;
list-style-position: outside;
}
.jh-about__obj-item {
  padding-block: 0.25rem;
display: list-item;
}
.jh-gallery {
  display: block;
background: var(--black);
color: var(--white);
padding-block: var(--space-xl, 2rem) var(--space-xxl, 4rem);
padding-inline: 0;
margin: 0;
container-type: inline-size;
container-name: jh-gallery;
}
.jh-gallery__container {
  display: grid;
gap: var(--space-l, 1.5rem);
max-inline-size: 75rem;
margin-inline: auto;
padding-inline: var(--space-l, 1.5rem);
}
.jh-gallery__title {
  margin: 0;
color: var(--primary);
font-weight: 700;
}
.jh-gallery__grid {
  display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.jh-gallery__item {
  display: block;
position: relative;
overflow: hidden;
flex-grow: var(--jh-ar, 1);
flex-shrink: 1;
flex-basis: calc(var(--jh-ar, 1) * 16rem);
height: 16rem;
line-height: 0;
}
.jh-gallery__lb {
  display: none;
position: fixed;
inset: 0;
z-index: 80;
padding: 2rem;
background: color-mix(in oklch, var(--black) 88%, transparent);
}
.jh-gallery__lb-close {
  position: absolute;
inset: 0;
}
.jh-gallery__x {
  position: absolute;
top: 1rem;
right: 1.25rem;
z-index: 2;
color: var(--white);
font-size: 2rem;
line-height: 1;
text-decoration: none;
}
.jh-gallery__full {
  position: relative;
z-index: 1;
max-inline-size: 90vw;
max-block-size: 88vh;
margin-inline: auto;
}