* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  -webkit-appearance: none;
}

/* ===== HOME ===== */
:where(html[data-pg=home]) .splide__track--nav > .splide__list > .splide__slide.is-active { border: 0; }
:where(html[data-pg=home]) .splide__arrow--prev svg { transform: none; }
:where(html[data-pg=home]) .motivation_card.is-active { flex: 1.5; }
:where(html[data-pg=home]) .motivation_content-wrap { height: 0; opacity: 0; overflow: hidden; transition: height 0.4s ease, opacity 0.3s ease; }
:where(html[data-pg=home]) .motivation_card.is-active .motivation_content-wrap { opacity: 1; }
:where(html[data-pg=home]) .process_card { flex: 1; }
:where(html[data-pg=home]) .process_card.is-active { border-left-color: #8a222a; }
:where(html[data-pg=home]) .process_card.is-active .process_num-block { border-left-color: transparent; }
:where(html[data-pg=home]) .process_card.is-active .process-number { color: #8a222a; }
:where(html[data-pg=home]) .process_content-wrap { opacity: 0; height: 0; transform: translateY(25px); transition: height 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
:where(html[data-pg=home]) .process_card.is-active .process_content-wrap { height: auto; opacity: 1; transform: translateY(0); }
:where(html[data-pg=home]) .standard_card.is-active { color: #8a222a; border-top-color: #8a222a; }
@media screen and (max-width: 991px) {
  :where(html[data-pg=home]) .process_content-wrap { opacity: 1 !important; display: flex !important; height: auto !important; transform: translateY(0) !important; }
  :where(html[data-pg=home]) .process_card { border-left-color: #8a222a !important; }
  :where(html[data-pg=home]) .motivation_content-wrap { opacity: 1 !important; display: flex !important; height: auto !important; }
  :where(html[data-pg=home]) .motivation_card.is-active .motivation_content-wrap { opacity: 1; }
}

/* ===== ENGAGEMENT ===== */
:where(html[data-pg=engagement]) .standard_card.is-active { border-top-color: #ffffff; color: #ffffff; }
:where(html[data-pg=engagement]) .standard_card.is-active > div { color: #ffffff; }
:where(html[data-pg=engagement]) .outcome_card .motivation_content-wrap,
:where(html[data-pg=engagement]) .outcome_card .outcome_content-wrap { height: 0; opacity: 0; overflow: hidden; transition: height 0.5s ease, opacity 0.4s ease; }
:where(html[data-pg=engagement]) .outcome_card h3 { color: #1c1c1c99; transition: color 0.4s ease; }
:where(html[data-pg=engagement]) .outcome_card.is-active h3 { color: #8a222a; }
:where(html[data-pg=engagement]) .outcome_progerss { width: 0%; height: 100%; transition: width 0s; }
:where(html[data-pg=engagement]) .outcome_card.is-active .outcome_progerss { background: #8a222a; }

/* ===== INTELLECTUAL CAPITAL ARCHITECTURE ===== */
:where(html[data-pg=ica]) .idea_card.is-active { border-bottom-color: #8a222a; color: #ffffff; }
:where(html[data-pg=ica]) .idea_card.is-active > div { color: #ffffff; }
:where(html[data-pg=ica]) .idea_process-card { border-bottom: 1px solid #1c1c1c33; transition: border-color 0.4s ease; }
:where(html[data-pg=ica]) .idea_process-card > div { opacity: 0.7; transition: opacity 0.4s ease; }
:where(html[data-pg=ica]) .idea_border-dot { transition: background-color 0.4s ease, border-color 0.4s ease; }
:where(html[data-pg=ica]) .idea_process-card.is-active { border-bottom-color: #8a222a; }
:where(html[data-pg=ica]) .idea_process-card.is-active > div { opacity: 1; }
:where(html[data-pg=ica]) .idea_border-dot.is-filled { background-color: #8a222a; border-color: #8a222a; }
:where(html[data-pg=ica]) .method_number-card-wrap .clarity_card-block { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease, visibility 0.4s ease; }
:where(html[data-pg=ica]) .method_number-card-wrap.is-active .clarity_card-block { opacity: 1; visibility: visible; pointer-events: auto; }
:where(html[data-pg=ica]) .method_number-card-wrap .idea_border-dot { transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; }
:where(html[data-pg=ica]) .method_number-card-wrap.is-active .idea_border-dot { background-color: #8A222A; border-color: #8A222A; transform: scale(1.15); }
:where(html[data-pg=ica]) .method_number-card-wrap .idea_divider { animation: none !important; transform: none !important; }

/* ===== FOR EVENT ORGANIZERS ===== */
:where(html[data-pg=events]) .standard_element-block > div:first-child { opacity: 0; transition: opacity 0.5s ease; }
:where(html[data-pg=events]) .standard_element-block.is-active { border-top-color: #8a222a; color: #8a222a; }
:where(html[data-pg=events]) .standard_element-block.is-active > div:first-child { opacity: 1; }
:where(html[data-pg=events]) .process_card { flex: 1; }
:where(html[data-pg=events]) .process_card.is-active { border-left-color: #8a222a; }
:where(html[data-pg=events]) .process_card.is-active .process_num-block { border-left-color: transparent; }
:where(html[data-pg=events]) .process_card.is-active .process-number { color: #8a222a; }
:where(html[data-pg=events]) .process_content-wrap { opacity: 0; height: 0; transform: translateY(25px); transition: height 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
:where(html[data-pg=events]) .process_card.is-active .process_content-wrap { height: auto; opacity: 1; transform: translateY(0); }
@media screen and (max-width: 991px) {
  :where(html[data-pg=events]) .process_content-wrap { opacity: 1 !important; display: flex !important; height: auto !important; transform: translateY(0) !important; }
  :where(html[data-pg=events]) .process_card { border-left-color: #8a222a !important; }
  :where(html[data-pg=events]) .motivation_content-wrap { opacity: 1 !important; display: flex !important; height: auto !important; }
  :where(html[data-pg=events]) .motivation_card.is-active .motivation_content-wrap { opacity: 1; }
}
:where(html[data-pg=events]) .concept_card .concept_content-wrap { height: 0; opacity: 0; overflow: hidden; transition: height 0.5s ease, opacity 0.4s ease; }
:where(html[data-pg=events]) .concept_card h3 { color: #1c1c1c; transition: color 0.4s ease; }
:where(html[data-pg=events]) .concept_card.is-active h3 { color: #8a222a; }
:where(html[data-pg=events]) .outcome_progerss { width: 0%; height: 100%; transition: width 0s; }
:where(html[data-pg=events]) .concept_card.is-active .outcome_progerss { background: #8a222a; }
:where(html[data-pg=events]) .concept_divider { opacity: 0; }
:where(html[data-pg=events]) .concept_card.is-active .concept_divider { opacity: 1; }
:where(html[data-pg=events]) .concept_card.is-active .outcome_progerss { opacity: 1; }