/* [project]/src/components/pages/projects/CategoryFilter/CategoryFilter.module.scss.module.css [app-client] (css) */
.CategoryFilter-module-scss-module__JeL16W__filter {
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(10px, 1.04vw, 20px);
  display: flex;
}

@media (max-width: 767px) {
  .CategoryFilter-module-scss-module__JeL16W__filter {
    gap: 10px;
  }
}

.CategoryFilter-module-scss-module__JeL16W__button {
  appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.CategoryFilter-module-scss-module__JeL16W__button:focus {
  outline: none;
}

.CategoryFilter-module-scss-module__JeL16W__button {
  height: clamp(44px, 3.125vw, 60px);
  font-family: var(--font-poppins), "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #df968a;
  letter-spacing: -.088px;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #df968a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 20px clamp(20px, 2.08vw, 40px);
  font-size: clamp(14px, 1.15vw, 22px);
  font-weight: 500;
  line-height: 1.6;
  transition: background-color .15s, color .15s, border-color .15s;
  display: inline-flex;
}

.CategoryFilter-module-scss-module__JeL16W__button:hover:not(.CategoryFilter-module-scss-module__JeL16W__active) {
  background-color: #df968a1a;
}

.CategoryFilter-module-scss-module__JeL16W__button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #cf635a;
}

.CategoryFilter-module-scss-module__JeL16W__button.CategoryFilter-module-scss-module__JeL16W__active {
  color: #fff;
  background-color: #df968a;
  border-color: #df968a;
  font-weight: 700;
}

/* [project]/src/components/pages/projects/ProjectCard/ProjectCard.module.scss.module.css [app-client] (css) */
.ProjectCard-module-scss-module__pIsDYa__card {
  color: inherit;
  text-decoration: none;
}

.ProjectCard-module-scss-module__pIsDYa__card:hover {
  text-decoration: none;
}

.ProjectCard-module-scss-module__pIsDYa__card {
  aspect-ratio: 342 / 562;
  cursor: pointer;
  background-color: #df968a;
  border-radius: 30px;
  width: 100%;
  transition: transform .3s, box-shadow .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.ProjectCard-module-scss-module__pIsDYa__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px #00000026;
}

.ProjectCard-module-scss-module__pIsDYa__card:hover .ProjectCard-module-scss-module__pIsDYa__image {
  transform: scale(1.05);
}

.ProjectCard-module-scss-module__pIsDYa__card:focus-visible {
  outline-offset: 4px;
  outline: 3px solid #cf635a;
}

.ProjectCard-module-scss-module__pIsDYa__content {
  z-index: 2;
  flex-direction: column;
  gap: 0;
  display: flex;
  position: absolute;
  top: 17px;
  left: 18px;
  right: 18px;
}

.ProjectCard-module-scss-module__pIsDYa__brand {
  width: fit-content;
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  white-space: nowrap;
  background-color: #588270;
  border: 1px solid #588270;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-size: clamp(14px, 1.04vw, 20px);
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.ProjectCard-module-scss-module__pIsDYa__title {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 700;
  line-height: 1.3;
}

.ProjectCard-module-scss-module__pIsDYa__imageWrapper {
  z-index: 1;
  height: 73%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ProjectCard-module-scss-module__pIsDYa__imageMask {
  border-radius: 0 0 30px 30px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ProjectCard-module-scss-module__pIsDYa__image {
  object-fit: cover;
  object-position: center top;
  transition: transform .3s;
}

/* [project]/src/components/pages/projects/ProjectList/ProjectList.module.scss.module.css [app-client] (css) */
.ProjectList-module-scss-module__DvPlHW__section {
  background-color: #fff4e5;
  width: 100%;
  min-height: 100vh;
}

.ProjectList-module-scss-module__DvPlHW__container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 clamp(20px, 2.08vw, 40px);
}

@media (min-width: 768px) {
  .ProjectList-module-scss-module__DvPlHW__container {
    padding: 0 clamp(20px, 12.5vw, 240px);
  }
}

.ProjectList-module-scss-module__DvPlHW__header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding-top: clamp(40px, 2.24vw, 43px);
  display: flex;
}

@media (min-width: 768px) {
  .ProjectList-module-scss-module__DvPlHW__header {
    padding-top: 43px;
  }
}

.ProjectList-module-scss-module__DvPlHW__title {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #cf635a;
  margin: 0;
  font-size: clamp(28px, 2.34vw, 45px);
  font-weight: 800;
  line-height: 1;
}

.ProjectList-module-scss-module__DvPlHW__subtitle {
  font-family: var(--font-poppins), "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #df968a;
  letter-spacing: -.112px;
  margin: 0;
  padding: 10px 20px;
  font-size: clamp(18px, 1.46vw, 28px);
  font-weight: 500;
  line-height: 1.6;
}

.ProjectList-module-scss-module__DvPlHW__description {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #634d4b;
  letter-spacing: -.08px;
  margin: 0;
  font-size: clamp(14px, 1.04vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}

.ProjectList-module-scss-module__DvPlHW__filterWrapper {
  justify-content: center;
  margin-top: clamp(30px, 3.13vw, 60px);
  padding: 0 20px;
  display: flex;
}

@media (max-width: 767px) {
  .ProjectList-module-scss-module__DvPlHW__filterWrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: flex-start;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: auto;
  }

  .ProjectList-module-scss-module__DvPlHW__filterWrapper::-webkit-scrollbar {
    display: none;
  }
}

.ProjectList-module-scss-module__DvPlHW__grid {
  grid-template-columns: 1fr;
  gap: clamp(20px, 2.08vw, 40px);
  margin-top: clamp(40px, 4.17vw, 80px);
  padding-bottom: clamp(60px, 5.21vw, 100px);
  display: grid;
}

@media (min-width: 768px) {
  .ProjectList-module-scss-module__DvPlHW__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (min-width: 1440px) {
  .ProjectList-module-scss-module__DvPlHW__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(40px, 5.94vw, 114px);
  }
}

.ProjectList-module-scss-module__DvPlHW__empty {
  text-align: center;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
}

.ProjectList-module-scss-module__DvPlHW__empty p {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #634d4b;
  font-size: 18px;
}

/* [project]/src/components/pages/projects/ProjectDetail/ProjectDetail.module.scss.module.css [app-client] (css) */
.ProjectDetail-module-scss-module__ig45LG__container {
  background-color: #fff4e5;
  width: 100%;
  min-height: 100vh;
  padding-bottom: clamp(60px, 5.21vw, 100px);
}

.ProjectDetail-module-scss-module__ig45LG__hero {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: 1436px;
  margin: 0 auto;
  padding: clamp(30px, 2.08vw, 40px) clamp(20px, 2.08vw, 40px);
  display: flex;
}

@media (min-width: 768px) {
  .ProjectDetail-module-scss-module__ig45LG__hero {
    padding-top: 40px;
  }
}

.ProjectDetail-module-scss-module__ig45LG__categoryBadge {
  height: clamp(44px, 3.125vw, 60px);
  font-family: var(--font-poppins), "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  letter-spacing: -.088px;
  background-color: #df968a;
  border: 1px solid #df968a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: clamp(16px, 1.15vw, 22px);
  font-weight: 700;
  line-height: 1.6;
  display: inline-flex;
}

.ProjectDetail-module-scss-module__ig45LG__brandLogo {
  margin-top: clamp(15px, 1.56vw, 30px);
}

.ProjectDetail-module-scss-module__ig45LG__brandLogoImage {
  width: clamp(180px, 14.58vw, 280px);
  height: auto;
}

.ProjectDetail-module-scss-module__ig45LG__brandName {
  font-family: var(--font-poppins), "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #634d4b;
  margin: clamp(15px, 1.56vw, 30px) 0 0;
  font-size: clamp(32px, 3.125vw, 60px);
  font-weight: 700;
}

.ProjectDetail-module-scss-module__ig45LG__title {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #cf635a;
  text-align: center;
  margin: 0;
  padding: 10px;
  font-size: clamp(28px, 3.39vw, 65px);
  font-weight: 800;
  line-height: 1.2;
}

.ProjectDetail-module-scss-module__ig45LG__divider {
  background-color: #df968a;
  width: 100%;
  max-width: 1436px;
  height: 1px;
  margin: 10px 0;
}

.ProjectDetail-module-scss-module__ig45LG__description {
  text-align: center;
  padding: 20px 8px;
}

.ProjectDetail-module-scss-module__ig45LG__description p {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #634d4b;
  letter-spacing: -.12px;
  margin: 0;
  font-size: clamp(16px, 1.56vw, 30px);
  font-weight: 500;
  line-height: 1.6;
}

.ProjectDetail-module-scss-module__ig45LG__mainImageSection {
  width: 100%;
  max-width: 952px;
  margin: clamp(30px, 3.125vw, 60px) auto;
  padding: 0 20px;
  position: relative;
}

@media (min-width: 768px) {
  .ProjectDetail-module-scss-module__ig45LG__mainImageSection {
    padding: 0;
  }
}

.ProjectDetail-module-scss-module__ig45LG__mainImageWrapper {
  aspect-ratio: 952 / 1190;
  border-radius: 30px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ProjectDetail-module-scss-module__ig45LG__mainImage {
  object-fit: cover;
}

.ProjectDetail-module-scss-module__ig45LG__contentDescription {
  max-width: 586px;
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #634d4b;
  margin: clamp(20px, 2.08vw, 40px) auto;
  padding: 0 clamp(20px, 12.5vw, 240px);
  font-size: clamp(18px, 1.82vw, 35px);
  font-weight: 700;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .ProjectDetail-module-scss-module__ig45LG__contentDescription {
    margin-left: calc(16.67% + 164px);
    margin-right: auto;
    padding: 0;
  }
}

.ProjectDetail-module-scss-module__ig45LG__contentSection {
  flex-direction: column;
  gap: clamp(30px, 3.125vw, 60px);
  max-width: 1920px;
  margin: 0 auto;
  padding: clamp(30px, 3.125vw, 60px) clamp(20px, 2.08vw, 40px);
  display: flex;
}

@media (min-width: 768px) {
  .ProjectDetail-module-scss-module__ig45LG__contentSection {
    flex-direction: row;
    padding: 60px 240px;
  }
}

.ProjectDetail-module-scss-module__ig45LG__leftPanel {
  flex-direction: column;
  flex-shrink: 0;
  gap: clamp(20px, 2.08vw, 40px);
  display: flex;
}

@media (min-width: 768px) {
  .ProjectDetail-module-scss-module__ig45LG__leftPanel {
    width: 200px;
  }
}

.ProjectDetail-module-scss-module__ig45LG__contentTags {
  flex-direction: column;
  gap: clamp(10px, .94vw, 18px);
  display: flex;
}

.ProjectDetail-module-scss-module__ig45LG__contentTag {
  width: fit-content;
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  white-space: nowrap;
  background-color: #df968a;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: 15px 25px;
  font-size: clamp(18px, 1.67vw, 32px);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.ProjectDetail-module-scss-module__ig45LG__navigation {
  align-items: center;
  gap: 10px;
  margin-top: clamp(20px, 2.6vw, 50px);
  display: flex;
}

.ProjectDetail-module-scss-module__ig45LG__navButton {
  appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ProjectDetail-module-scss-module__ig45LG__navButton:focus {
  outline: none;
}

.ProjectDetail-module-scss-module__ig45LG__navButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;
}

.ProjectDetail-module-scss-module__ig45LG__navButton {
  justify-content: center;
  align-items: center;
  width: clamp(60px, 5.1vw, 98px);
  height: clamp(58px, 5vw, 96px);
  transition: transform .15s, opacity .15s;
  display: flex;
}

.ProjectDetail-module-scss-module__ig45LG__navButton svg {
  width: 100%;
  height: 100%;
}

.ProjectDetail-module-scss-module__ig45LG__navButton:hover {
  transform: scale(1.05);
}

.ProjectDetail-module-scss-module__ig45LG__navButton:active {
  transform: scale(.95);
}

.ProjectDetail-module-scss-module__ig45LG__navButton:focus-visible {
  outline-offset: 4px;
  border-radius: 50%;
  outline: 2px solid #df968a;
}

.ProjectDetail-module-scss-module__ig45LG__mediaSection {
  flex-direction: column;
  flex: 1;
  gap: clamp(20px, 2.08vw, 40px);
  display: flex;
}

.ProjectDetail-module-scss-module__ig45LG__mediaItem {
  aspect-ratio: 950 / 1365;
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .ProjectDetail-module-scss-module__ig45LG__mediaItem {
    max-width: 950px;
  }
}

.ProjectDetail-module-scss-module__ig45LG__videoWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.ProjectDetail-module-scss-module__ig45LG__mediaImage {
  object-fit: cover;
}

.ProjectDetail-module-scss-module__ig45LG__playButton {
  appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ProjectDetail-module-scss-module__ig45LG__playButton:focus {
  outline: none;
}

.ProjectDetail-module-scss-module__ig45LG__playButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;
}

.ProjectDetail-module-scss-module__ig45LG__playButton {
  width: clamp(80px, 7.29vw, 140px);
  height: clamp(80px, 7.29vw, 140px);
  transition: transform .15s, opacity .15s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ProjectDetail-module-scss-module__ig45LG__playButton svg {
  width: 100%;
  height: 100%;
}

.ProjectDetail-module-scss-module__ig45LG__playButton:hover {
  transform: translate(-50%, -50%)scale(1.1);
}

.ProjectDetail-module-scss-module__ig45LG__playButton:focus-visible {
  outline-offset: 4px;
  border-radius: 50%;
  outline: 2px solid #fff;
}

.ProjectDetail-module-scss-module__ig45LG__backLink {
  justify-content: center;
  margin-top: clamp(40px, 4.17vw, 80px);
  padding: 0 20px;
  display: flex;
}

.ProjectDetail-module-scss-module__ig45LG__backButton {
  color: inherit;
  text-decoration: none;
}

.ProjectDetail-module-scss-module__ig45LG__backButton:hover {
  text-decoration: none;
}

.ProjectDetail-module-scss-module__ig45LG__backButton {
  font-family: var(--font-suit), "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #df968a;
  border: 2px solid #df968a;
  border-radius: 100px;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 600;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}

.ProjectDetail-module-scss-module__ig45LG__backButton svg {
  width: 24px;
  height: 24px;
}

.ProjectDetail-module-scss-module__ig45LG__backButton:hover {
  color: #fff;
  background-color: #df968a;
}

.ProjectDetail-module-scss-module__ig45LG__backButton:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #cf635a;
}

/*# sourceMappingURL=src_components_pages_projects_679726c9._.css.map*/