.elementor-163 .elementor-element.elementor-element-f821179{--display:flex;--min-height:85vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-4a57bcd{text-align:center;}.elementor-163 .elementor-element.elementor-element-4a57bcd .elementor-heading-title{font-family:"GFS Didot", Sans-serif;font-size:50px;font-weight:600;}.elementor-163 .elementor-element.elementor-element-0ecbf95{--display:flex;}.elementor-163 .elementor-element.elementor-element-95722d6{--spacer-size:50px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-163 .elementor-element.elementor-element-1b1eea8 .elementor-button{background-color:#141414;font-family:"GFS Didot", Sans-serif;font-size:14px;font-weight:500;}.elementor-163 .elementor-element.elementor-element-1b1eea8 .elementor-button:hover, .elementor-163 .elementor-element.elementor-element-1b1eea8 .elementor-button:focus{border-color:#C16200;}body.elementor-page-163:not(.elementor-motion-effects-element-type-background), body.elementor-page-163 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-f821179{--content-width:1150px;}}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-f821179{--min-height:100vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-163 .elementor-element.elementor-element-4a57bcd .elementor-heading-title{font-size:35px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for html, class: .elementor-element-59a70f9 */.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
}

.project-item a {
  text-decoration: none;
  display: block;
}

.project-item .project-preview {
  width: 100%;
  height: 360px;
  overflow: hidden;
  position: relative;
  background: #141414;
}

.project-item .project-preview img {
  width: 100%;
  display: block;
  transform: translateY(0);
  transition: transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.project-item:hover .project-preview img {
  transform: translateY(calc(-100% + 360px));
}

.project-item .project-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 16px 16px;
  background: linear-gradient(transparent, rgba(0,0,0,0.75));
  font-family: 'Basenji', sans-serif;
  font-size: 18px;
  color: #E8E6E0;
  letter-spacing: 0.05em;
  pointer-events: none;
}

/* Tablet — 2 columns */
@media (min-width: 768px) and (max-width: 1024px) {
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .project-item .project-preview {
    height: 300px;
  }

  .project-item:hover .project-preview img {
    transform: translateY(calc(-100% + 300px));
  }
}

/* Mobile — 1 column */
@media (max-width: 767px) {
  .projects-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .project-item .project-preview {
    height: 260px;
  }

  .project-item:hover .project-preview img {
    transform: translateY(0);
  }
}





@font-face {
  font-family: 'Basenji';
  src: url('http://skouris.com/wp-content/uploads/2026/04/Fraunces-BlackItalic.ttf') format('woff');
  font-weight: normal;
  font-style: normal;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28a8a11 */.projects-slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0rem;
}

.projects-slider {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  gap: 24px;
  will-change: transform;
  justify-content: flex-start;
}
.slide {
  min-width: calc((100% - 48px) / 3);
  max-width: calc((100% - 48px) / 3);
  flex-shrink: 0;
}

.project-card {
  width: 100%;
}

.project-card a {
  text-decoration: none;
  display: block;
}

.project-preview {
  width: 100%;
  height: 380px;
  overflow: hidden;
  position: relative;
  background: #141414;
}

.project-preview img {
  width: 100%;
  display: block;
  transform: translateY(0);
  transition: transform 10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.project-card:hover .project-preview img {
  transform: translateY(calc(-100% + 380px));
}

/* Navigation */
.slider-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 2rem;
}

.slider-btn {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  background: transparent;
  border: 0.5px solid #c8c6c0;
  color: #141414;
  width: 44px;
  height: 44px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-btn:hover {
  background: #141414;
  color: #E8E6E0;
}

.slider-btn:disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}

/* Tablet — 2 slides */
@media (min-width: 768px) and (max-width: 1024px) {
  .slide {
    min-width: calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }

  .projects-slider {
    justify-content: flex-start;
    gap: 24px;
  }
}

/* Mobile — 1 slide, no peeking */
@media (max-width: 767px) {
  .projects-slider {
    justify-content: flex-start;
    gap: 0;
  }

  .slide {
    min-width: 100%;
    max-width: 100%;
  }

  .project-preview {
    height: 280px;
  }

  .project-card:hover .project-preview img {
    transform: translateY(0);
  }
}





.project-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 16px 16px;
  background: linear-gradient(transparent, rgba(0,0,0,0.75));
  font-family: 'Basenji', sans-serif;
  font-size: 18px;
  color: #E8E6E0;
  letter-spacing: 0.05em;
  pointer-events: none;
}






@font-face {
  font-family: 'Basenji';
  src: url('http://skouris.com/wp-content/uploads/2026/04/Fraunces-BlackItalic.ttf') format('woff');
  font-weight: normal;
  font-style: normal;
}/* End custom CSS */