#Portfolio :is(.ugcsite-1efa97s, .ugcsite-6es8hq, .ugcsite-1olhwz) { pointer-events: none; }
#Portfolio .ugcsite-153pszg { z-index: 2; }
#Portfolio button.ugcsite-1vezl3m {
  appearance: none;
  border: 0;
  background: none;
  font: inherit;
  touch-action: manipulation;
}
#Portfolio button.ugcsite-1vezl3m:focus-visible {
  outline: 2px solid #282229;
  outline-offset: 4px;
}

.vanessa-video-info {
  width: min(440px, calc(100% - 36px));
  max-height: calc(100dvh - 36px);
  padding: 0;
  border: 1px solid #262228;
  border-radius: 16px;
  background: #f6f3ec;
  color: #211d24;
  box-shadow: 0 15px 0 -7px #79aee9, 0 22px 48px #162c4b55;
  font: 16px/1.55 'Manrope', sans-serif;
}
.vanessa-video-info::backdrop { background: rgb(18 31 53 / 60%); }
.vanessa-video-chrome {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  border-bottom: 1px solid #262228;
  background: #c8dcfe;
}
.vanessa-video-chrome i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ba433e;
}
.vanessa-video-chrome i:nth-child(2) { background: #f4c04e; }
.vanessa-video-chrome i:nth-child(3) { background: #588bc1; }
.vanessa-video-chrome span {
  margin-left: 5px;
  font: 12px/1 'Monda', sans-serif;
}
.vanessa-video-note { padding: 22px; }
.vanessa-video-note h2 { margin: 0; font: clamp(23px, 5vw, 30px)/1.2 'Fugaz One', sans-serif; }
.vanessa-video-note p { margin: 10px 0 18px; }
.vanessa-video-note button {
  min-height: 44px;
  padding: 8px 18px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #ad3e39;
  color: #fff;
  box-shadow: 0 3px 0 #6d2725;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.vanessa-video-note button:focus-visible { outline: 2px solid #211d24; outline-offset: 3px; }

.vanessa-motion-fallback #hero [style*="opacity:0;transform:perspective(1200px) translateX("],
.vanessa-motion-fallback #hero span[style*="opacity:0.001;transform:translateX(50px)"] {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce), (scripting: none) {
  #hero [style*="opacity:0;transform:perspective(1200px) translateX("],
  #hero span[style*="opacity:0.001;transform:translateX(50px)"] {
    opacity: 1 !important;
    transform: none !important;
  }
}