.studio-styles .ideas {
  --space-item-ideas-mobile: 32px;
  --height-item-ideas: 172px;
  --transition-duration-elements: 0.4s;
  max-width: 100%;
  background-color: var(--fe-c-bg);
  color: var(--fe-c-text);
}
@media (min-width: 47.99875em) {
  .touch .studio-styles .ideas__header {
    padding-left: var(--padding-sides);
    padding-right: var(--padding-sides);
  }
}
@media (min-width: 47.99875em) and (min-width: 85.625em) {
  .touch .studio-styles .ideas__header {
    padding-left: 2rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (padding-left: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem )) {
    .touch .studio-styles .ideas__header {
      padding-left: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem )) {
    .touch .studio-styles .ideas__header {
      padding-left: calc(0.625rem + 1.375 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 47.99875em) {
  .touch .studio-styles .ideas__header {
    padding-left: 0.625rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 85.625em) {
  .touch .studio-styles .ideas__header {
    padding-right: 2rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (padding-right: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem )) {
    .touch .studio-styles .ideas__header {
      padding-right: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem );
    }
  }
  @supports not (padding-right: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem )) {
    .touch .studio-styles .ideas__header {
      padding-right: calc(0.625rem + 1.375 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 47.99875em) {
  .touch .studio-styles .ideas__header {
    padding-right: 0.625rem;
  }
}
.studio-styles .ideas__header:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 47.99875em) {
  .studio-styles .ideas__header:not(:last-child) {
    margin-bottom: 3.25rem;
  }
}
@media (min-width: 47.99875em) {
  .studio-styles .ideas .title {
    grid-column: 2;
  }
}
.studio-styles .ideas__list {
  padding: unset;
}
.studio-styles .item-ideas {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 16.667%;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  border-bottom: 0.0625rem solid var(--fe-c-borders);
}
@media (min-width: 85.625em) {
  .studio-styles .item-ideas {
    padding-left: 2rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (padding-left: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem )) {
    .studio-styles .item-ideas {
      padding-left: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem );
    }
  }
  @supports not (padding-left: clamp( 0.625rem , -1.1290488688rem  +  3.6543636424vw , 2rem )) {
    .studio-styles .item-ideas {
      padding-left: calc(0.625rem + 1.375 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas {
    padding-left: 0.625rem;
  }
}
@media (min-width: 61.99875em) {
  .studio-styles .item-ideas {
    gap: 3.125rem;
  }
}
@media (min-width: 47.99875em) {
  .studio-styles .item-ideas {
    gap: 1.875rem;
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas {
    grid-template-columns: 1fr;
    row-gap: 0.625rem;
  }
}
.studio-styles .item-ideas:first-child {
  border-top: 0.0625rem solid var(--fe-c-borders);
}
.studio-styles .item-ideas .t-btn span {
  font-size: 1.25rem;
  font-weight: 400;
  font-family: var(--ff-secondary);
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas .t-btn span {
    font-size: 1rem;
  }
}
.studio-styles .item-ideas .text p {
  letter-spacing: -0.00875rem;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-family: var(--ff-secondary);
  display: flex;
  flex-direction: column;
}
@media (min-width: 85.625em) {
  .studio-styles .item-ideas .text p {
    font-size: 1rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (font-size: clamp( 0.75rem , 0.4310820239rem  +  0.6644297532vw , 1rem )) {
    .studio-styles .item-ideas .text p {
      font-size: clamp( 0.75rem , 0.4310820239rem  +  0.6644297532vw , 1rem );
    }
  }
  @supports not (font-size: clamp( 0.75rem , 0.4310820239rem  +  0.6644297532vw , 1rem )) {
    .studio-styles .item-ideas .text p {
      font-size: calc(0.75rem + 0.25 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas .text p {
    font-size: 0.75rem;
  }
}
@media (min-width: 47.99875em) {
  .studio-styles .item-ideas .text p {
    transition: all 0.3s;
    opacity: 0;
    transform: translateY(100%);
  }
}
@media (max-width: 29.99875em) {
  .studio-styles .item-ideas .text p {
    font-size: 0.75rem;
  }
}
.studio-styles .item-ideas .text p > span {
  display: block;
}
.studio-styles .item-ideas .text p > span:first-child:not(:last-child) {
  margin-bottom: 0.75rem;
}
.studio-styles .item-ideas .text p .service-section-price {
  font-weight: 600;
  font-size: 1.125rem;
}
.studio-styles .item-ideas .text p .service-section-excerpt {
  font-size: 0.875rem;
}
@media (min-width: 47.99875em) {
  .studio-styles .item-ideas .text {
    overflow: hidden;
    padding: 0.3125rem 0;
  }
}
@media (min-width: 47.99875em) and (min-width: 85.625em) {
  .studio-styles .item-ideas .text {
    max-width: 30rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (max-width: clamp( 23.125rem , 14.354755656rem  +  18.271818212vw , 30rem )) {
    .studio-styles .item-ideas .text {
      max-width: clamp( 23.125rem , 14.354755656rem  +  18.271818212vw , 30rem );
    }
  }
  @supports not (max-width: clamp( 23.125rem , 14.354755656rem  +  18.271818212vw , 30rem )) {
    .studio-styles .item-ideas .text {
      max-width: calc(23.125rem + 6.875 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 47.99875em) {
  .studio-styles .item-ideas .text {
    max-width: 23.125rem;
  }
}
.studio-styles .item-ideas .image-idea {
  width: 100%;
  overflow: clip;
  transition: height var(--transition-duration-elements);
  height: 73.245%;
  will-change: height;
}
@media (any-hover: hover) {
  .studio-styles .item-ideas .image-idea {
    height: 0;
  }
}
.studio-styles .item-ideas .image-idea__img {
  position: relative;
}
.studio-styles .item-ideas .image-idea img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  transition: opacity 0s 0.3s;
}
@media (min-width: 85.625em) {
  .studio-styles .item-ideas .image-idea img {
    width: 13.75rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (width: clamp( 8.75rem , 2.3716404771rem  +  13.2885950633vw , 13.75rem )) {
    .studio-styles .item-ideas .image-idea img {
      width: clamp( 8.75rem , 2.3716404771rem  +  13.2885950633vw , 13.75rem );
    }
  }
  @supports not (width: clamp( 8.75rem , 2.3716404771rem  +  13.2885950633vw , 13.75rem )) {
    .studio-styles .item-ideas .image-idea img {
      width: calc(8.75rem + 5 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas .image-idea img {
    width: 8.75rem;
  }
}
@media (min-width: 85.625em) {
  .studio-styles .item-ideas .image-idea img {
    height: 17.5rem;
  }
}
@media (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (height: clamp( 12.5rem , 6.1216404771rem  +  13.2885950633vw , 17.5rem )) {
    .studio-styles .item-ideas .image-idea img {
      height: clamp( 12.5rem , 6.1216404771rem  +  13.2885950633vw , 17.5rem );
    }
  }
  @supports not (height: clamp( 12.5rem , 6.1216404771rem  +  13.2885950633vw , 17.5rem )) {
    .studio-styles .item-ideas .image-idea img {
      height: calc(12.5rem + 5 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas .image-idea img {
    height: 12.5rem;
  }
}
@media (any-hover: hover) {
  .studio-styles .item-ideas .image-idea img {
    opacity: 0;
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas .image-idea {
    display: none;
  }
}
@media (min-width: 47.99875em) {
  .studio-styles .item-ideas__title-wrapper {
    overflow: hidden;
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas__title-wrapper:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.studio-styles .item-ideas__title-body {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media (min-width: 47.99875em) {
  .studio-styles .item-ideas__title-body {
    transition: transform 0.3s ease;
    transform: translateX(-1.875rem);
  }
}
.studio-styles .item-ideas__title-body i {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--fe-c-icons);
}
.studio-styles .item-ideas__title-body i::before {
  color: var(--fe-c-icons-hover);
  font-size: 0.5625rem;
}
.studio-styles .item-ideas__title {
  font-size: 1.25rem;
  line-height: 160%;
  letter-spacing: -0.025rem;
  font-family: var(--ff-primary) !important;
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas__title {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .studio-styles .item-ideas:hover .text p {
    transform: translateY(0);
    opacity: 1;
  }
  .studio-styles .item-ideas:hover .item-ideas__title-body {
    transform: translateX(0);
  }
  .studio-styles .item-ideas:hover .image-idea {
    height: 164.067%;
  }
  .studio-styles .item-ideas:hover .image-idea img {
    opacity: 1;
    transition: opacity 0s 0s;
  }
}
@media (min-width: 47.99875em) {
  .studio-styles .item-ideas {
    grid-template-columns: 37.5% auto 16.667%;
    min-height: var(--height-item-ideas);
  }
}
@media (min-width: 47.99875em) and (min-width: 85.625em) {
  .studio-styles .item-ideas {
    --height-item-ideas: 10.75rem;
  }
}
@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 85.625em) {
  @supports (--height-item-ideas: clamp( 6.25rem , 0.5094764294rem  +  11.959735557vw , 10.75rem )) {
    .studio-styles .item-ideas {
      --height-item-ideas: clamp( 6.25rem , 0.5094764294rem  +  11.959735557vw , 10.75rem );
    }
  }
  @supports not (--height-item-ideas: clamp( 6.25rem , 0.5094764294rem  +  11.959735557vw , 10.75rem )) {
    .studio-styles .item-ideas {
      --height-item-ideas: calc(6.25rem + 4.5 * (100vw - 47.99875rem) / 37.62625);
    }
  }
}
@media (min-width: 47.99875em) and (max-width: 47.99875em) {
  .studio-styles .item-ideas {
    --height-item-ideas: 6.25rem;
  }
}
@media (max-width: 47.99875em) {
  .studio-styles .item-ideas {
    padding: var(--space-item-ideas-mobile) 0;
  }
}