@charset "utf-8";


/* ---------- home hero ---------- */

.hero_text_col,
.video_col,
.side_image{
  transition: opacity 1s ease,
              transform 1.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* text — in from the left */
body.is_loading .hero_text_col{
  opacity: 0;
  transform: translateX(-70px);
}

/* video — in from the right */
body.is_loading .video_col{
  opacity: 0;
  transform: translateX(70px);
}

/* side image — down from the top */
body.is_loading .side_image{
  opacity: 0;
  transform: translateY(-70px);
}

/* one after another, not all at once */
.hero_text_col{ transition-delay: 0.15s; }
.video_col{ transition-delay: 0.35s; }
.side_image{ transition-delay: 0.05s; }

@media (prefers-reduced-motion: reduce){
  .hero_text_col,
  .video_col,
  .side_image{
    transition: none;
  }
  body.is_loading .hero_text_col,
  body.is_loading .video_col,
  body.is_loading .side_image{
    opacity: 1;
    transform: none;
  }
}

/* ---------- welcome page ---------- */

.welcome_logo_bar,
.welcome_intro,
.welcome_contact,
.welcome_img_col{
  transition: opacity 1s ease,
              transform 1.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* logo bar — down from the top */
body.is_loading .welcome_logo_bar{
  opacity: 0;
  transform: translateY(-60px);
}

/* both text blocks — in from the left */
body.is_loading .welcome_intro,
body.is_loading .welcome_contact{
  opacity: 0;
  transform: translateX(-70px);
}

/* image — in from the right */
body.is_loading .welcome_img_col{
  opacity: 0;
  transform: translateX(70px);
}

/* order: logo, text, contact details, image */
.welcome_logo_bar{ transition-delay: 0.05s; }
.welcome_intro{ transition-delay: 0.2s; }
.welcome_contact{ transition-delay: 0.45s; }
.welcome_img_col{ transition-delay: 0.3s; }

@media (prefers-reduced-motion: reduce){
  .welcome_logo_bar,
  .welcome_intro,
  .welcome_contact,
  .welcome_img_col{
    transition: none;
  }
  body.is_loading .welcome_logo_bar,
  body.is_loading .welcome_intro,
  body.is_loading .welcome_contact,
  body.is_loading .welcome_img_col{
    opacity: 1;
    transform: none;
  }
}


/* ---------- inner page hero ---------- */

.inner_hero_content_div,
.inner_hero_side_img{
  transition: opacity 1s ease,
              transform 1.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* the centred copy rises into place */
body.is_loading .inner_hero_content_div{
  opacity: 0;
  transform: translateY(50px);
}

/* artwork sits bottom right, so it comes in from the right */
body.is_loading .inner_hero_side_img{
  opacity: 0;
  transform: translateX(80px);
}

.inner_hero_side_img{ transition-delay: 0.05s; }
.inner_hero_content_div{ transition-delay: 0.2s; }

@media (prefers-reduced-motion: reduce){
  .inner_hero_content_div,
  .inner_hero_side_img{
    transition: none;
  }
  body.is_loading .inner_hero_content_div,
  body.is_loading .inner_hero_side_img{
    opacity: 1;
    transform: none;
  }
}


/* ---------- information centre boxes (on scroll) ---------- */

/* ---------- boxes that reveal on scroll ---------- */

.information_center .info_card,
.resources_category_col .main_resources_div,
.recorces_card_section .main_resources_div,
.announcement_box_div,
.contact_person_card,
.category_card,
.faq_accordion .accordion-item,
.sub_news_div,
.pillar_search_card,
.content_tabs,
.yt_channel,
.yt_player,
.share_block{
  opacity: 0;
  transform: translateY(45px) scale(0.98);
  transition: opacity 0.7s ease,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.information_center .info_card.in_view,
.resources_category_col .main_resources_div.in_view,
.recorces_card_section .main_resources_div.in_view,
.announcement_box_div.in_view,
.contact_person_card.in_view,
.category_card.in_view,
.faq_accordion .accordion-item.in_view,
.sub_news_div.in_view,
.pillar_search_card.in_view,
.content_tabs.in_view,
.yt_channel.in_view,
.yt_player.in_view,
.share_block.in_view{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* the big pillar cards get a slower, larger rise of their own */
.main_pillar_card:not(.mega_pillar_card){
  opacity: 0;
  transform: translateY(70px);
  transition: opacity 0.9s ease,
              transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.main_pillar_card:not(.mega_pillar_card).in_view{
  opacity: 1;
  transform: translateY(0);
}

/* partners — bottom artwork rises up from below */
.partner_bottom_img_col{
  opacity: 0;
  transform: translateY(70px);
  transition: opacity 0.9s ease,
              transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.partner_bottom_img_col.in_view{
  opacity: 1;
  transform: translateY(0);
}

/* footer artwork — slides in from the right */
.footer_art{
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 0.9s ease,
              transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer_art.in_view{
  opacity: 1;
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce){
  .information_center .info_card,
  .resources_category_col .main_resources_div,
  .recorces_card_section .main_resources_div,
  .announcement_box_div,
  .contact_person_card,
  .category_card,
  .faq_accordion .accordion-item,
  .sub_news_div,
  .pillar_search_card,
  .content_tabs,
  .yt_channel,
  .yt_player,
  .share_block,
  .main_pillar_card:not(.mega_pillar_card),
  .partner_bottom_img_col,
  .footer_art{
    opacity: 1;
    transform: none;
    transition: none;
  }
}