@import url("../assets/index-Cfr50z0M.css");

.studio-image::before,
.studio-image::after,
.studio-image__scan {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#works [data-home-work-synced="true"] {
  cursor: pointer;
}

#works .home-work-card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#viewpoint .viewpoint-card-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

#viewpoint .viewpoint-summary {
  font-size: 12px;
}

main.relative.min-h-screen > header.absolute.left-0 {
  position: fixed !important;
  top: 0;
  right: 0;
  z-index: 80;
  min-height: clamp(88px, 7vw, 112px);
  background: rgba(0, 0, 0, 0.68) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.34);
}

@media (max-width: 767px) {
  header a[aria-label="WinkCore home"] {
    display: block !important;
    flex: 0 0 auto;
  }

  header a[aria-label="WinkCore home"] .brand-mark {
    width: 150px;
  }

  main.relative.min-h-screen > header.absolute.left-0 img.brand-mark {
    width: 150px;
    height: auto;
  }

  .fullscreen-menu .brand-mark {
    width: 172px;
  }

  .fullscreen-menu .studio-close {
    width: 44px;
    height: 44px;
    border-width: 1px;
  }

  .fullscreen-menu .studio-close span {
    width: 24px;
  }

  main > section[data-reveal]:not([id]) {
    padding-bottom: 9rem;
  }

  main > section#works {
    padding-bottom: 10rem;
  }

  main > section#about {
    padding-bottom: 11rem;
  }

  main > section#viewpoint {
    padding-bottom: 12rem;
  }

  footer#contact {
    min-height: 540px;
    padding-top: 8rem !important;
    padding-bottom: 9rem !important;
  }
}

@media (min-width: 1024px) {
  main > section.grid-cols-\[1fr_420px\] {
    padding-bottom: 20rem;
  }

  main > section#works {
    padding-bottom: 24rem;
  }

  main > section#about {
    padding-bottom: 26rem;
  }

  main > section#viewpoint {
    padding-bottom: 36rem;
  }

  footer#contact {
    min-height: 560px;
    padding-top: 10rem !important;
    padding-bottom: 12rem !important;
  }
}

main.relative.min-h-screen > footer#contact {
  background: #fff !important;
  color: #000 !important;
}

main.relative.min-h-screen > footer#contact :is(h3, a, p, li, span) {
  color: #000 !important;
}

main.relative.min-h-screen > footer#contact .brand-mark--light {
  filter: invert(1);
}

main.relative.min-h-screen > footer#contact img.brand-mark {
  content: url("../image/common/logo-full-trimmed.png");
  width: 198px !important;
  max-width: none !important;
  height: auto !important;
  filter: invert(1);
  transform: none !important;
}

main.relative.min-h-screen > footer#contact .social-dot {
  background: #000 !important;
  color: #fff !important;
}