.elementor-4975 .elementor-element.elementor-element-79b5990{--display:flex;--min-height:25vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-4975 .elementor-element.elementor-element-7dc01f3 > .elementor-widget-container{margin:-27px 0px -20px 0px;padding:0px 0px 0px 0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-4975 .elementor-element.elementor-element-7dc01f3{text-align:center;}.elementor-4975 .elementor-element.elementor-element-7dc01f3 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:90px;font-weight:800;text-transform:uppercase;color:#EB5435;}.elementor-4975 .elementor-element.elementor-element-377fe9c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4975 .elementor-element.elementor-element-79b5990{--min-height:23vh;}.elementor-4975 .elementor-element.elementor-element-7dc01f3 > .elementor-widget-container{margin:6px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4975 .elementor-element.elementor-element-7dc01f3 .elementor-heading-title{font-size:42px;}}/* Start custom CSS for heading, class: .elementor-element-7dc01f3 */.titolo {
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Non-prefixed version, currently supported in most browsers */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23b435c */:root {
  --font-primary: "Lexend";
  --font-secondary: "Lexend";

  --color-text: #EB5435;
  --color-text-secondary: #EB5435;

  --color-bg: #ffffff;
  --color-bg-secondary: #FDF0ED;

  --color-callout: #24262a;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: var(--font-primary);
  background-color: var(--color-bg);
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

a,
p,
span {
  text-decoration: none;
  font-size: 13px;
  color: var(--color-text);
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--color-bg);
}

.callout {
  width: max-content;
  padding: 0.5em 1em;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.125);
  border-radius: 12px;
  margin-bottom: 2em;
}

/* menu-container */
.menu-container {
  position: fixed;
  top: 46px;
  left: 0;
  width: 100%;
  padding: 1em;
  padding-left: 25em;
  display: flex;
  text-transform: uppercase;
  opacity: 0;
  z-index: 9998;
  pointer-events: none;
}

.whitespace {
  pointer-events: none;
}

.whitespace,
.menu-items {
  flex: 1;
  padding: 0.25em;
}

.menu-items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35em;
  background: #FDF0ED;
  border-radius: 8px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  margin-top: 10px;
}

.menu-item {
  position: relative;
  width: 100%;
  padding: 2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-text-secondary);
  border-radius: 5px;
    z-index: 9998;

}

.menu-item span {
  color: var(--color-bg);
  font-size: 22px;
    z-index: 9998;

}

@media (max-width: 900px) {
  .menu-container {
    bottom: 0;
    top: 7vh;
    padding: 0;
  }

  .menu-items {
    border-radius: 8px 8px 0px 0px;
    padding-bottom: 100px;
  }

  .whitespace {
    display: none;
  }
}

/* nav */
nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  padding: 1.5em 1em;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  z-index: 9998;

}

.logo,
.clock,
.ctas {
  flex: 1;
  margin-left: -2.7em;
}

.logo p {
font-size: 22px;
    
}

.ctas {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.sound,
.contact,
.menu {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  padding: 0.85em 0;
  margin-top: 0em;
  margin-right: -0.7em;
}

.sound p,
.contact a,
.menu p {
  color: #EB5435;
  font-size: 20px;
  
}

.menu,
.contact {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

.menu p,
.contact a {
  padding-right: 0.5em;
}

.menu .menu-icon,
.contact .contact-icon {
  position: relative;
  left: 0.125em;
  width: 30px;
  height: 30px;
  color: #EB5435;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(45deg);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contact .contact-icon {
  color: var(--color-text);
  transform: rotate(0);
  left: 0.25em;
  font-size: 8px;
}

.contact {
  background: #ff6b00;
  background: linear-gradient(to right, #fc002d, #ff6b00);
}

.contact a {
  color: var(--color-text);
  position: absolute;
  right: 0;
  width: 100%;
  text-align: right;
}

.menu.active {
  background: var(--color-text);
}

.menu.active p,
.menu.active ion-icon {
  color: var(--color-bg);
  
}

.menu.active .menu-icon {
  transform: rotate(270deg);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  
}

@media (max-width: 900px) {
  .ctas {
    position: fixed;
    left: 0;
    bottom: 1em;
    width: 100%;
    height: 60px;
    padding: 1em;
  }

  .clock {
    text-align: right;
  }

  .menu,
  .contact {
    padding: 1.25em 0.5em;
    margin-right: -1.3em;
    margin-top: 0.1em;
  }

  .menu .menu-icon {
    left: 0;
  }

  .menu.active {
    background: transparent;
  }

  .menu.active p,
  .menu.active ion-icon {
    color: var(--color-text);
  }
}

section.card {
  width: 100vw;
  height: 100vh;
}

.card.scroll {
  position: relative;
}

section.card {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.project {
  position: relative;
  width: 85%;
  height: 75%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-img {
  position: absolute;
  inset: 0; /* shorthand for top:0; left:0; right:0; bottom:0 */
  width: 100%;
  height: 100%;
  z-index: 1;
}

.project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2; /* above background */
}

.project-header h3 {
  color: white;
  font-family: var(--font-secondary);
  font-size: 40px;
  font-weight: 800;
  line-height: 100%;
}



.project-copy p {
  padding: 1em 0;
  font-size: 15px;
}

.project-copy span {
  padding: 0.6em 0;
  font-size: 20px;
}

.project-cta {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1em;
  text-transform: uppercase;
  background: transparent;
}

.project-cta-row {
  display: flex;
  gap: 1em;
}

.cta {
  flex: 1;
  padding: 0.5em 1em;
  border-radius: 8px;
  background: transparent;
  font-size: 24px;
  font-weight: 800;
  margin-left: -0.3em;
}

.cta span {
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .project {
    flex-direction: column;
    width: 90%;
  }

  .project-header h3 {
    font-size: 35px;
  }
  
  .project-copy {
    border-radius: 10px 10px 0px 0px;
    background: #FDF0ED;
  }
  
  .project-copy span {
    padding: 0.5em 0;
    font-size: 20px;
}
  
  .project-img {
    border-radius: 0px 0px 10px 10px;
    background: transparent;
  }
  
  .cta {
      padding: 0em 0.9em;
  }
  
}
  /* Default (desktop) */
  .mobile-text {
    display: none;
  }

  /* On mobile */
  @media (max-width: 768px) {
    .desktop-text {
      display: none;
    }
    .mobile-text {
      display: block;
    }
  }
  
/* Styling the language switcher */
.language-switcher {
  list-style: none;
  display: flex; /* To make the items horizontal */
  gap: 7px; /* Space between the languages */
 
}

/* Styling individual list items */
.language-switcher li {
  display: inline-block;
  font-size: 22px;
  color: #EB5435;
}

/* Styling the links */
.language-switcher a {
  text-decoration: none;
  font-size: 20px;
  color: #EB5435;
  font-family: "Lexend", sans-serif; 
  text-transform: uppercase;
  transition: color 0.3s ease;
}

/* Hover effect */
.language-switcher a:hover {
  color: #ff6b00; /* Change color on hover */
}/* End custom CSS */