/* Landscape framing for the original ANEW project photography. */
@media (min-width: 1200px) {
  body.project-landscape-study #projects.projects-carousel > header {
    grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr);
    column-gap: 3vw;
  }
  body.project-landscape-study #projects.projects-carousel > header > div:last-child {
    min-width: 0;
    width: max-content;
    max-width: 100%;
    justify-self: end;
  }
  body.project-landscape-study #projects.projects-carousel > header > div:last-child > p {
    max-width: none;
    text-wrap: wrap;
  }
  body.project-landscape-study #projects.projects-carousel .projects-description-line {
    display: block;
  }
}
body.project-landscape-study #projects.projects-carousel #project-grid {
  --carousel-side-lift: 28px;
  height: calc(var(--carousel-card-height, 320px) + 14px);
  aspect-ratio: auto;
  max-height: none;
}
body.project-landscape-study #projects.projects-carousel #project-grid .project {
  --carousel-y: calc(-1 * var(--carousel-side-lift));
  transform: translateX(calc(-50% + var(--carousel-x) + var(--carousel-drag, 0px))) translateY(var(--carousel-y)) scale(var(--carousel-scale));
  background-position: var(--project-focus, 50% 50%);
  filter: brightness(.88);
}
body.project-landscape-study #projects.projects-carousel #project-grid .project[data-active="true"] {
  --carousel-y: 0px;
  filter: brightness(1);
}
body.project-landscape-study #projects.projects-carousel #project-grid .project::before {
  background-position: var(--project-focus, 50% 50%);
  transform: scale(var(--project-zoom, 1));
  transform-origin: var(--project-focus, 50% 50%);
}
body.project-landscape-study #projects.projects-carousel #project-grid .project::after,
body.project-landscape-study #projects.projects-carousel #project-grid .project:hover::after {
  background: linear-gradient(180deg, transparent 45%, rgba(18,23,19,.08) 60%, rgba(18,23,19,.78) 100%);
}
body.project-landscape-study #projects .project[href*="/projects/lhongruk/"] {
  --project-focus: 60% 50%;
}
body.project-landscape-study #projects .project[href*="/projects/vacation-house-316/"] {
  --project-focus: 80% 50%;
}
body.project-landscape-study #projects.projects-carousel #project-grid .project-info {
  left: 26px;
  right: 26px;
  bottom: 24px;
}
@media (max-width: 760px) {
  body.project-landscape-study #projects.projects-carousel #project-grid {
    --carousel-side-lift: 18px;
  }
  body.project-landscape-study #projects.projects-carousel #project-grid .project-info {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }
  body.project-landscape-study #projects.projects-carousel #project-grid .project-info h3 {
    font-size: clamp(20px, 5.5vw, 26px);
    margin-bottom: 5px;
  }
  body.project-landscape-study #projects.projects-carousel #project-grid .project-info p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  body.project-landscape-study #projects.projects-carousel .projects-carousel-card-arrow {
    width: 36px;
    height: 36px;
    top: 14px;
    right: 14px;
  }
}