.section-grey {
  background-color: #F5F5F5;
  --section-bg: #F5F5F5;
}

.section-white {
  background-color: #FFFFFF;
  --section-bg: #FFFFFF;
}

.section-yellow {
  background-color: #FFFF3A;
  color: #000;
  --section-bg: #FFFF3A;
}
.section-yellow .tag {
  color: #000;
}

.section-light-green {
  background-color: #F6F9ED;
  --section-bg: #F6F9ED;
}

.section-warm-grey {
  background-color: #C8C1AC;
  --section-bg: #C8C1AC;
}
.section-warm-grey .tag {
  color: #000;
}

.section-brown {
  background-color: #9E9588;
  color: #ffffff;
  --section-bg: #9E9588;
}
.section-brown h1, .section-brown h2, .section-brown h3, .section-brown h4, .section-brown h5, .section-brown h6 {
  color: #ffffff;
}
.section-brown p, .section-brown li {
  color: rgba(255, 255, 255, 0.85) !important;
}
.section-brown a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.85);
}
.section-brown a:not(.btn-primary):not(.btn-secondary):hover {
  color: #FFFF3A;
}
.section-brown .tag {
  color: #ffffff;
}
.section-brown .underline-text:after {
  background-color: #ffffff;
}
.section-brown .btn-primary {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}
.section-brown .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-brown .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.section-brown .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
}

.section-light-sage {
  background-color: #A1C4B7;
  --section-bg: #A1C4B7;
}
.section-light-sage .tag {
  color: #000;
}

.section-slate-teal {
  background-color: #6D7B7C;
  color: #ffffff;
  --section-bg: #6D7B7C;
}
.section-slate-teal h1, .section-slate-teal h2, .section-slate-teal h3, .section-slate-teal h4, .section-slate-teal h5, .section-slate-teal h6 {
  color: #ffffff;
}
.section-slate-teal p, .section-slate-teal li {
  color: rgba(255, 255, 255, 0.85) !important;
}
.section-slate-teal a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.85);
}
.section-slate-teal a:not(.btn-primary):not(.btn-secondary):hover {
  color: #FFFF3A;
}
.section-slate-teal .tag {
  color: #ffffff;
}
.section-slate-teal .underline-text:after {
  background-color: #ffffff;
}
.section-slate-teal .btn-primary {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}
.section-slate-teal .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-slate-teal .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.section-slate-teal .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
}

.section-dusty-blue {
  background-color: #97A9B3;
  color: #ffffff;
  --section-bg: #97A9B3;
}
.section-dusty-blue h1, .section-dusty-blue h2, .section-dusty-blue h3, .section-dusty-blue h4, .section-dusty-blue h5, .section-dusty-blue h6 {
  color: #ffffff;
}
.section-dusty-blue p, .section-dusty-blue li {
  color: rgba(255, 255, 255, 0.85) !important;
}
.section-dusty-blue a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.85);
}
.section-dusty-blue a:not(.btn-primary):not(.btn-secondary):hover {
  color: #FFFF3A;
}
.section-dusty-blue .tag {
  color: #ffffff;
}
.section-dusty-blue .underline-text:after {
  background-color: #ffffff;
}
.section-dusty-blue .btn-primary {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}
.section-dusty-blue .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-dusty-blue .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.section-dusty-blue .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
}

.section-dark-slate {
  background-color: #39444F;
  color: #ffffff;
  --section-bg: #39444F;
}
.section-dark-slate h1, .section-dark-slate h2, .section-dark-slate h3, .section-dark-slate h4, .section-dark-slate h5, .section-dark-slate h6 {
  color: #ffffff;
}
.section-dark-slate p, .section-dark-slate li {
  color: rgba(255, 255, 255, 0.85) !important;
}
.section-dark-slate a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.85);
}
.section-dark-slate a:not(.btn-primary):not(.btn-secondary):hover {
  color: #FFFF3A;
}
.section-dark-slate .tag {
  color: #ffffff;
}
.section-dark-slate .underline-text:after {
  background-color: #ffffff;
}
.section-dark-slate .btn-primary {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}
.section-dark-slate .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-dark-slate .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.section-dark-slate .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
}

.section-deep-green {
  background-color: #004F5C;
  color: #ffffff;
  --section-bg: #004F5C;
}
.section-deep-green h1, .section-deep-green h2, .section-deep-green h3, .section-deep-green h4, .section-deep-green h5, .section-deep-green h6 {
  color: #ffffff;
}
.section-deep-green p, .section-deep-green li {
  color: rgba(255, 255, 255, 0.8) !important;
}
.section-deep-green a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.8);
}
.section-deep-green a:not(.btn-primary):not(.btn-secondary):hover {
  color: #FFFF3A;
}
.section-deep-green .tag {
  color: #ffffff;
}
.section-deep-green .underline-text:after {
  background-color: #ffffff;
}
.section-deep-green .btn-primary {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}
.section-deep-green .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-deep-green .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.section-deep-green .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000;
  border-color: #FFFF3A;
}

.section-black {
  background-color: #1a1a1a;
  color: #ffffff;
  --section-bg: #1a1a1a;
}
.section-black h1, .section-black h2, .section-black h3, .section-black h4, .section-black h5, .section-black h6 {
  color: #ffffff;
}
.section-black p, .section-black li {
  color: rgba(255, 255, 255, 0.8) !important;
}
.section-black a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.8);
}
.section-black a:not(.btn-primary):not(.btn-secondary):hover {
  color: #FFFF3A;
}
.section-black .tag {
  color: #ffffff;
}
.section-black .underline-text:after {
  background-color: #ffffff;
}
.section-black .btn-primary {
  background-color: #FFFF3A;
  color: #0B2117;
  border-color: #FFFF3A;
}
.section-black .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-black .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.section-black .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000000;
  border-color: #FFFF3A;
}

.events-scroll {
  scrollbar-width: none;
  scroll-behavior: auto;
  scroll-snap-type: x proximity;
  cursor: grab;
}
.events-scroll.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.events-scroll::-webkit-scrollbar {
  display: none;
}
.events-scroll .event-card {
  scroll-snap-align: start;
}

.events-fade {
  background: linear-gradient(to right, var(--section-bg, #fff), transparent);
}

.events-fade-right {
  background: linear-gradient(to left, var(--section-bg, #fff), transparent);
}

.section-black .event-card,
.section-deep-green .event-card {
  border-color: rgba(255, 255, 255, 0.15);
}
.section-black .event-card:hover,
.section-deep-green .event-card:hover {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.3);
}
.section-black .event-card .event-card-date,
.section-deep-green .event-card .event-card-date {
  color: #FFFF3A;
}
.section-black .event-card .event-card-location,
.section-deep-green .event-card .event-card-location {
  color: rgba(255, 255, 255, 0.6);
}
.section-black .event-card .event-card-link-icon,
.section-deep-green .event-card .event-card-link-icon {
  background-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.section-black .events-nav-prev,
.section-black .events-nav-next,
.section-deep-green .events-nav-prev,
.section-deep-green .events-nav-next {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #1a1a1a;
}
.section-black .events-nav-prev:hover,
.section-black .events-nav-next:hover,
.section-deep-green .events-nav-prev:hover,
.section-deep-green .events-nav-next:hover {
  background-color: #DDF220;
  border-color: #DDF220;
  color: #0a2318;
}
.section-black .events-nav-prev:disabled,
.section-black .events-nav-next:disabled,
.section-deep-green .events-nav-prev:disabled,
.section-deep-green .events-nav-next:disabled {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}

.box-column {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  padding: 2rem;
}

@media (min-width: 1024px) {
  .box-column {
    padding: 2.5rem;
  }
}
.section-black .box-column,
.section-deep-green .box-column {
  background-color: rgba(255, 255, 255, 0.08);
}

.section-black .highlight-link-item,
.section-deep-green .highlight-link-item {
  background-color: rgba(255, 255, 255, 0.08);
}
.section-black .highlight-link-item .highlight-link-text,
.section-deep-green .highlight-link-item .highlight-link-text {
  color: #ffffff;
}
.section-black .highlight-link-item .highlight-link-icon,
.section-deep-green .highlight-link-item .highlight-link-icon {
  background-color: rgba(255, 255, 255, 0.12);
}
.section-black .highlight-link-item .highlight-link-icon iconify-icon,
.section-deep-green .highlight-link-item .highlight-link-icon iconify-icon {
  color: #ffffff;
}
.section-black .highlight-link-item:hover,
.section-deep-green .highlight-link-item:hover {
  background-color: #ffffff;
  box-shadow: none;
}
.section-black .highlight-link-item:hover .highlight-link-text,
.section-deep-green .highlight-link-item:hover .highlight-link-text {
  color: #1a1a1a;
}

.section-black #testimonial-track blockquote,
.section-black #testimonial-track cite,
.section-deep-green #testimonial-track blockquote,
.section-deep-green #testimonial-track cite {
  color: #ffffff;
}
.section-black #testimonial-track span,
.section-deep-green #testimonial-track span {
  color: rgba(255, 255, 255, 0.6);
}
.section-black #testimonial-track .bg-zinc-200,
.section-deep-green #testimonial-track .bg-zinc-200 {
  background-color: rgba(255, 255, 255, 0.15);
}
.section-black #slider-indicators .bg-zinc-900,
.section-deep-green #slider-indicators .bg-zinc-900 {
  background-color: #ffffff;
}
.section-black #slider-indicators .bg-zinc-200,
.section-deep-green #slider-indicators .bg-zinc-200 {
  background-color: rgba(255, 255, 255, 0.25);
}
.section-black #slider-indicators .bg-zinc-200:hover,
.section-deep-green #slider-indicators .bg-zinc-200:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.section-black #prev-slide,
.section-black #next-slide,
.section-deep-green #prev-slide,
.section-deep-green #next-slide {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}
.section-black #prev-slide:hover,
.section-black #next-slide:hover,
.section-deep-green #prev-slide:hover,
.section-deep-green #next-slide:hover {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.4);
}

.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  border: 2px solid transparent;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

.btn-primary:not(.nav-contact) {
  background-color: #FFFF3A;
  color: #0B2117;
  border-color: #FFFF3A;
}
.btn-primary:not(.nav-contact):hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}

.btn-secondary:not(.nav-contact) {
  background-color: transparent;
  color: #ffffff;
  border-color: #FFFF3A;
}
.btn-secondary:not(.nav-contact):hover {
  background-color: #FFFF3A;
  color: #000000;
  border-color: #FFFF3A;
}

.section-white .btn-primary,
.section-grey .btn-primary,
.section-light-green .btn-primary,
.section-warm-grey .btn-primary {
  background-color: #FFFF3A;
  color: #000000;
  border-color: #FFFF3A;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}
.section-white .btn-primary:hover,
.section-grey .btn-primary:hover,
.section-light-green .btn-primary:hover,
.section-warm-grey .btn-primary:hover {
  background-color: #cbc45b;
  border-color: #cbc45b;
}
.section-white .btn-secondary,
.section-grey .btn-secondary,
.section-light-green .btn-secondary,
.section-warm-grey .btn-secondary {
  background-color: transparent;
  color: #000000;
  border-color: #FFFF3A;
}
.section-white .btn-secondary:hover,
.section-grey .btn-secondary:hover,
.section-light-green .btn-secondary:hover,
.section-warm-grey .btn-secondary:hover {
  background-color: #FFFF3A;
  color: #000;
}

.clip-section {
  clip-path: inset(0);
}

.kpi-item .kpi-number {
  color: #004F5C;
}
.kpi-item .kpi-desc {
  opacity: 0.7;
}
.kpi-item:hover .kpi-number,
.kpi-item:hover h3,
.kpi-item:hover .kpi-desc,
.kpi-item:hover .kpi-desc * {
  color: #1a1a1a;
}

.section-black .kpi-item,
.section-deep-green .kpi-item {
  border-color: rgba(255, 255, 255, 0.15);
}
.section-black .kpi-item .kpi-number,
.section-deep-green .kpi-item .kpi-number {
  color: #DDF220;
}
.section-black .kpi-item:hover .kpi-number,
.section-black .kpi-item:hover h3,
.section-black .kpi-item:hover .kpi-desc,
.section-black .kpi-item:hover .kpi-desc *,
.section-deep-green .kpi-item:hover .kpi-number,
.section-deep-green .kpi-item:hover h3,
.section-deep-green .kpi-item:hover .kpi-desc,
.section-deep-green .kpi-item:hover .kpi-desc * {
  color: #1a1a1a;
}

.section-yellow .kpi-item,
.section-warm-grey .kpi-item {
  border-color: rgba(0, 0, 0, 0.15);
}

.text-white .underline-text:after {
  background-color: #fff;
}

.section-yellow .btn-primary {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
.section-yellow .btn-primary:hover {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}
.section-yellow .btn-secondary {
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
.section-yellow .btn-secondary:hover {
  background-color: #000000;
  color: #ffffff;
}

section ul {
  list-style: unset;
  padding-left: 17px;
}

.scroll-indicator {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  animation: scrollIndicatorPulse 2.4s ease-in-out infinite;
}
.scroll-indicator .scroll-mouse {
  width: 26px;
  height: 42px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 13px;
  position: relative;
}
.scroll-indicator .scroll-mouse .scroll-wheel {
  width: 4px;
  height: 8px;
  background: #ffffff;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  animation: scrollWheel 1.6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
.scroll-indicator .scroll-chevron {
  opacity: 0.85;
  animation: scrollChevronBounce 1.6s ease-in-out infinite;
}

@keyframes scrollWheel {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateX(-50%) translateY(16px);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(16px);
  }
}
@keyframes scrollChevronBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}
@keyframes scrollIndicatorPulse {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.5;
  }
}
.yellow-text {
  color: #FFFF3A !important;
}

.deep-green-text {
  color: #004F5C !important;
}

.green-text-color {
  color: #47AA9C !important;
}

.blue-text-color {
  color: #3796AA !important;
}

.warm-grey-text-color {
  color: #C8C1AD !important;
}

/*# sourceMappingURL=claudeStyle.css.map */