.elementor-3778 .elementor-element.elementor-element-cba8440{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3778 .elementor-element.elementor-element-cba8440:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-cba8440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-3778 .elementor-element.elementor-element-eaedd27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3778 .elementor-element.elementor-element-8b6553c{text-align:start;}.elementor-3778 .elementor-element.elementor-element-8b6553c .elementor-heading-title{font-family:"Bondia", Sans-serif;font-size:110px;font-weight:900;font-style:normal;text-transform:uppercase;line-height:110px;letter-spacing:-1.8px;color:#FFFFFC;}.elementor-3778 .elementor-element.elementor-element-38314aa{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3778 .elementor-element.elementor-element-ae1f425{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-3778 .elementor-element.elementor-element-ae1f425 .elementor-heading-title{font-family:"Suisse int", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-9abbbb8 );}.elementor-3778 .elementor-element.elementor-element-155118e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3778 .elementor-element.elementor-element-6b2358f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3778 .elementor-element.elementor-element-6b2358f.elementor-element{--align-self:flex-end;}.elementor-3778 .elementor-element.elementor-element-448018f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:0rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3778 .elementor-element.elementor-element-448018f:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-448018f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e2ec0a );}.elementor-3778 .elementor-element.elementor-element-4644e0b{width:100%;max-width:100%;}.elementor-3778 .elementor-element.elementor-element-4644e0b > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-3778:not(.elementor-motion-effects-element-type-background), body.elementor-page-3778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e2ec0a );}@media(max-width:1024px){.elementor-3778 .elementor-element.elementor-element-8b6553c .elementor-heading-title{font-size:75px;}}@media(min-width:768px){.elementor-3778 .elementor-element.elementor-element-cba8440{--content-width:1400px;}.elementor-3778 .elementor-element.elementor-element-eaedd27{--width:50%;}.elementor-3778 .elementor-element.elementor-element-155118e{--width:50%;}.elementor-3778 .elementor-element.elementor-element-448018f{--content-width:1400px;}}@media(max-width:767px){.elementor-3778 .elementor-element.elementor-element-cba8440{--min-height:0vh;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3778 .elementor-element.elementor-element-8b6553c .elementor-heading-title{font-size:46px;line-height:1em;letter-spacing:0px;}.elementor-3778 .elementor-element.elementor-element-155118e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3778 .elementor-element.elementor-element-6b2358f.elementor-element{--align-self:center;}.elementor-3778 .elementor-element.elementor-element-448018f{--min-height:0vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-4644e0b */.portfolio-container,
.project-list,
.project-item {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.portfolio-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  font-family: "Suisse Int", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-height: auto;
}

.project-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.project-item {
  cursor: pointer;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 150px;
  grid-column-gap: 4rem;
  padding: 12px 0;
  align-items: center;
  border-bottom: 1px solid #FFFFFC;
  transition: all 0.3s ease;
  opacity: 1;
  position: relative;
}

.project-item.active {
  opacity: 1;
  box-shadow: inset 0 1px 0 #FFFFFC, inset 0 -1px 0 #FFFFFC;
}

.portfolio-container.has-active .project-item {
  opacity: 0.3;
}

.portfolio-container.has-active .project-item.active {
  opacity: 1;
}

.project-data {
  font-family: "Suisse Int", Sans-serif;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  color: #FFFFFC;
  z-index: 1;
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  padding: 4px 0;
  margin: 0;
}

.project-data.artist {
  justify-self: start;
}

.project-data.album {
  justify-self: start;
  display: none;
}

.project-data.category {
  justify-self: start;
}

.project-data.label {
  justify-self: start;
  display: none;
}

.project-data.year {
  justify-self: end;
  text-align: right;
}

.project-data::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 4px);
  background: #DE7A48;
  transition: transform 0.3s ease;
  transform: scaleX(0);
  transform-origin: left;
  z-index: -1;
}

.project-item:hover .project-data::after {
  transform: scaleX(1);
}

.project-item:hover .project-data {
  color: #101010 !important;
}

.time-blink {
  animation: blink 1s steps(1) infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

/* Tablettes */
@media (max-width: 1200px) {
  .portfolio-container {
    font-size: 16px;
  }
  
  .project-item {
    grid-template-columns: 1fr 1fr 100px;
    grid-column-gap: 2rem;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .portfolio-container {
    font-size: 14px;
  }
  
  .project-item {
    grid-template-columns: 1fr 80px;
    grid-column-gap: 1rem;
    padding: 10px 0;
  }

  .project-data.category {
    display: none;
  }
  
  /* Désactiver l'effet de survol sur mobile */
  .project-data::after {
    display: none;
  }
  
  .project-item:hover .project-data {
    color: #FFFFFC !important;
  }
}

/* Très petits mobiles */
@media (max-width: 480px) {
  .portfolio-container {
    font-size: 12px;
  }
  
  .project-item {
    grid-template-columns: 1fr 60px;
    grid-column-gap: 0.5rem;
    padding: 8px 0;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bondia';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://nimbaagency.com/wp-content/uploads/2025/06/Bondia-Bold.woff2') format('woff2'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/Bondia-Bold.woff') format('woff'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/Bondia-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Suisse int';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Medium.woff2') format('woff2'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Medium.woff') format('woff'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Suisse int';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Bold.woff2') format('woff2'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Bold.woff') format('woff'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Suisse int';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Regular.woff2') format('woff2'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Regular.woff') format('woff'),
		url('https://nimbaagency.com/wp-content/uploads/2025/06/fonnts.com-Suisse_Intl_Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */