/* ==========================================
   PORTFOLIO HANDOFF
   New, additive file — does not modify style.css or portfolio.css.
   Bridges the section-4 explosion into the merged-in portfolio
   gallery (#portfolioRoot #gallerySection).
   ========================================== */

/* Initial "further away, behind" state — transition.js animates these
   up to opacity:1 / scale:1 / blur:0 once, the first time the section
   enters view (not scroll-scrubbed, so scrolling back up doesn't
   un-reveal it). */
#portfolioRoot .gallery-stage,
#portfolioRoot .gallery-hud,
#portfolioRoot .gallery-caption {
  opacity: 0;
  transform: scale(0.82);
  filter: blur(14px);
}

/* Covers the viewport immediately on explosion-complete, ahead of
   #gallerySection's real ScrollTrigger pin (which only engages a full
   viewport-height of scroll later — see js/transition.js for why).
   Removed by portfolio.js's onEnter the moment that real pin takes
   over, so this is only ever active for that one transitional gap. */
#gallerySection.is-early-reveal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}