@charset "UTF-8";

/* The PRODUCT hand-off is hidden outside its own section, so its visible text
   can remain fully opaque without leaking into neighbouring scenes. */
.PageTop__stelllaContent .Stellla__content,
.PageTop__stelllaContent .Stellla__main,
.PageTop__stelllaContent .Stellla__main_text,
.PageTop__stelllaContent .Stellla__main_text > p,
.PageTop__stelllaContent .Stellla__en,
.PageTop__stelllaContent .PortfolioProductTransition__storyKicker {
  opacity: 1 !important;
}

/* PRODUCT's name and screenplay entry belong to the completed screen-fit
   beat. Keep both absent while the page is still fitting; the pinned Product
   controller reveals them through one shared GSAP timeline. */
.PageTop__stelllaContent .Stellla__main_logo {
  opacity: 0 !important;
}

body[data-product-loop-active="true"] .PageTop__stelllaContent .Stellla__main_logo {
  opacity: var(--product-title-reveal, 0) !important;
}

.PageTop__stelllaContent .PortfolioProductTransition__storyLink {
  opacity: 0 !important;
  visibility: hidden;
  pointer-events: none;
}

body[data-product-loop-active="true"] .PageTop__stelllaContent .Stellla__main {
  opacity: var(--product-copy-opacity, 1) !important;
}

.PageTop__stelllaContent .Stellla__main_logo,
.PageTop__stelllaContent .Stellla__main_text,
.PageTop__stelllaContent .Stellla__en,
.PageTop__stelllaContent .PortfolioProductTransition__storyLink,
.PageTop__stelllaContent .PortfolioProductTransition__storyKicker {
  color: #fff !important;
}

/* Preserve the button as the transition trigger while removing its white box. */
.PageTop__stelllaContent .PortfolioProductTransition__next {
  margin-top: 18px;
  padding: 0 !important;
  border: 0 !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}