.elementor-kit-231{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-231 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */:root {
  --color-bg: #ffffff;
  --color-text: #030213;
  --color-text-muted: #717182;
  --color-border: rgba(0, 0, 0, 0.1);
}

.dark-mode {
  --color-bg: #000000;
  --color-text: #FAFAFA;
  --color-text-muted: #A0A0A0;
  --color-border: rgba(255, 255, 255, 0.1);
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--color-text);
  background: var(--color-bg);
  transition: background 0.3s ease, color 0.3s ease;
}

.bio-image img {
  filter: grayscale(100%);
  transition: filter 0.7s ease;
}

.bio-image:hover img {
  filter: grayscale(0%);
}

.album-card {
  transition: transform 0.3s ease;
}

.album-card img {
  filter: grayscale(100%);
  transition: all 0.7s ease;
}

.album-card:hover {
  transform: translateY(-5px);
}

.album-card:hover img {
  filter: grayscale(0%);
  transform: scale(1.1);
}

.blog-card img {
  filter: grayscale(100%);
  transition: all 0.7s ease;
}

.blog-card:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
}

.social-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.social-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

html {
  scroll-behavior: smooth;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.awards-marquee {
  display: flex;
  animation: marquee 40s linear infinite;
}

.awards-marquee:hover {
  animation-play-state: paused;
}/* End custom CSS */