/* Page-specific styles for offerings/funds — extra <style> rules beyond base main.css (from source). */
  .offering-card {
    --i: 0;
    top: calc(120px + var(--i) * 20px);
    transform: scale(calc(var(--i) * 0.03 + 0.91));
    &:nth-child(1) {
	--i: 0;
    }
    &:nth-child(2) {
      --i: 1;
    }
    &:nth-child(3) {
      --i: 2;
    }
    &:nth-child(4) {
      --i: 3;
    }
  }
  .stripes, [data-striped] {
    --stripes-line: 1px; /* thickness of each line */
    --stripes-gap: 4px; /* space between lines */
    --stripes-angle: 135deg;
    background-image: repeating-linear-gradient(var(--stripes-angle), transparent 0, transparent var(--stripes-gap), var(--stripes-color) var(--stripes-gap), var(--stripes-color) calc(var(--stripes-gap) + var(--stripes-line)));
  }
  [data-stripes-gap="tight"] {
    --stripes-gap: 2px;
  }
  [data-stripes-gap="loose"] {
    --stripes-gap: 6px;
  }
  .stripes--transparent, [data-stripes="transparent"] {
    --stripes-color: rgba(0, 0, 0, 0.08);
  }
  .stripes--white, [data-stripes="white"]  {
    background-color: var(--stripes-bg);
    --stripes-bg: white;
    --stripes-color: rgba(0, 0, 0, 0.08);
  }
  .stripes--red, [data-stripes="red"] {
    background-color: var(--stripes-bg);
    --stripes-bg: rgba(227, 1, 16, 1);
    --stripes-color: rgba(255, 255, 255, 0.12);
  }
  .stripes--black, [data-stripes="black"] {
    background-color: var(--stripes-bg);
    --stripes-bg: #000;
    --stripes-color: rgba(255, 255, 255, 0.08);
  }
  .offering-card_props:nth-child(2) {
    --border-color: #E9E9E9;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
  }
  .planner-plan:not(:first-child), .reports-item:not(:first-child)  {
    border-top: 1px solid #DFDFDF;
  }
  .animate-wrapper {
  	display: grid;
  	grid-template-rows: 0fr;
  	transition: grid-template-rows 300ms ease;
  }
.animate-wrapper.is-open {
  grid-template-rows: 1fr;
}
.animate-inner {
  overflow: hidden;
}
  .possibility.cc-open {
    .animate-wrapper {
      grid-template-rows: 1fr;
    }
    .possibility-icon {
      transform: rotate(180deg);
    }
  }
  .c-license {
    & .license-info {
      transition-delay: 0ms;
    }
    &:hover {
      width: 340px;
      & .license-info {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 250ms;
      }
    }
  }
.contact-form {
  option {
    color: black
  }
}
  .c-btn, .slider-btn, .box-btn {
    position: relative;
    overflow: hidden;
    --y: 100%;
    --color: black;
    transition: border-color 0.4s ease;
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: var(--color);
      transform: translateY(var(--y));
      transition: transform 0.3s ease-in-out;
    }
    & > * {
      position: relative
    }
    &.cc-black {
      --color: #e30110;
    }
    &:hover {
      --y: 0%;
      border-color: var(--color);
    }
    &.cc-disabled {
      --y: 100%;
      cursor: not-allowed;
    }
  }
  /* only works on live site */
html:not(.wf-design-mode) {
  [img-reveal-anim] {
  	clip-path: polygon(58% 32%, 100% 41%, 100% 74%, 98% 100%, 0% 100%, 0% 85%, 8% 22%);
  }
  [img-reveal-anim] > img {
    opacity: 0;
  	scale: 1.3;
  }
  [stagger-text-anim] {
    opacity: 0;
    visibility: hidden;
  }
  .h1-large:has(> .line-mask) {
    line-height: 120%;
    & > * {
      margin-bottom: -0.2em;
    }
  }
}