/* Render a raster environment immediately; no script is needed to see the hero. */
#home .lp-hero-environment { background-image:url('../images/hero-cinematic/home-current-poster.webp'); }
/* Paint all HTML copy without waiting for legacy split-text/reveal animations. */
.lp-work-first #home :is(h1,p,.moody-cta-btn),.portfolio-universe :is(h1,p) { opacity:1!important;visibility:visible!important; }
/* Offscreen galleries can postpone layout/paint while keeping their scroll space. */
:is(.lp-bento-card,.work-project) { content-visibility:auto;contain-intrinsic-size:auto 480px; }
/* A native swipeable client rail replaces the homepage carousel dependency. */
#impact .logo-swiper { overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none; }
#impact .logo-swiper::-webkit-scrollbar { display:none;width:0;height:0; }
#impact .logo-swiper:focus-visible { outline:1px solid #ff980080;outline-offset:4px; }
#impact .swiper-wrapper { display:flex;gap:24px;transform:none!important; }
#impact .swiper-slide { flex:0 0 calc((100% - 96px)/5);min-width:140px; }
@media(max-width:575px) { #impact .swiper-slide { flex-basis:calc((100% - 24px)/2); } }
/* A small-screen entrance is a poster, with the same accessible project menu. */
.portfolio-universe[data-scene="poster"] .universe-canvas { visibility:hidden; }
.portfolio-universe[data-scene="poster"] .universe-project-links.is-open { clip-path:none;width:230px;height:auto;max-height:60vh;overflow:auto; }
@media(max-width:767px) { #home :is(.planet-canvas,.cosmic-static,.meteor-canvas) { display:none; } }

/* Trimmed SVG viewports align the actual ink, not the original padded canvas. */
body #impact .logo-swiper { width:100%;padding-inline:0; }
body #impact .swiper-wrapper { margin:0;padding:0;gap:24px; }
body #impact .swiper-slide { flex:0 0 calc((100% - 96px)/5);min-width:0;padding:0;margin:0; }
body #impact .support-company-logo { display:flex;align-items:center;justify-content:center!important;width:100%;padding:0;margin:0;height:64px; }
body #impact .support-company-logo img { position:static!important;left:auto!important;right:auto!important;width:var(--client-logo-width,112px)!important;max-width:100%!important;height:auto!important;max-height:64px!important;margin:0!important;transform:none!important; }
body #impact .swiper-slide:first-child .support-company-logo { justify-content:flex-start!important; }
body #impact .swiper-slide:nth-child(5) .support-company-logo { justify-content:flex-end!important; }
@media(min-width:992px) and (max-width:1199px) {
 body #impact .swiper-slide { flex-basis:calc((100% - 72px)/4); }
 body #impact .swiper-slide:nth-child(4) .support-company-logo { justify-content:flex-end!important; }
}
@media(min-width:768px) and (max-width:991px) {
 body #impact .swiper-slide { flex-basis:calc((100% - 48px)/3); }
 body #impact .swiper-slide:nth-child(3) .support-company-logo { justify-content:flex-end!important; }
}
@media(max-width:767px) {
 body #impact .swiper-slide { flex-basis:calc((100% - 24px)/2); }
 body #impact .swiper-slide:nth-child(2) .support-company-logo { justify-content:flex-end!important; }
}

/* Keep essential headline copy visible even if an arrival animation stalls. */
.lp-work-first #home .lp-hero-line { opacity:1!important; }