/* Opacity and small transforms preserve the final layout. Static/no-JS pages remain visible. */
.portfolio-entrance-pending .portfolio .artist-banner-stage,
.portfolio-entrance-pending .portfolio .public-top,
.portfolio-entrance-pending .portfolio .artist-header,
.portfolio-entrance-pending .portfolio .player[data-player],
.portfolio-entrance-pending .portfolio .showreel-tags,
.portfolio-entrance-pending .portfolio .public-shot-index,
.portfolio-entrance-pending .portfolio .portfolio-footer{opacity:0;animation:entrance-fail-open .1s 2.2s forwards}
.portfolio-entrance-veil{position:fixed;inset:0;z-index:2147483000;background:var(--paper,#f1f2f4);pointer-events:none}
.entrance-scroll-wait{opacity:0;animation:entrance-fail-open .1s 11.5s forwards}
@keyframes entrance-fail-open{to{opacity:1}}
.page-entrance-settings h3{margin-top:0}
@media(prefers-reduced-motion:reduce){.portfolio-entrance-pending .portfolio .public-shell *,.entrance-scroll-wait{opacity:1!important;animation:none!important;transform:none!important}.portfolio-entrance-veil{display:none}}

/* The image fades behind content; the theme colour remains visible immediately. */
body.has-background-entrance{isolation:isolate}
.portfolio-background-entrance{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0}
.portfolio.has-pinned-background{isolation:isolate;background-image:none!important}
.portfolio-pinned-background{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;pointer-events:none}

.entrance-menu-surface{transform:translateZ(0);backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.entrance-menu-surface{transform:none}}