/* Scene hosts retain their scroll position; films only replace the still inside them. */
.garment-film-source{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none;opacity:0}
.material-shadow .garment-film-host,.feeling .garment-film-host,.development-lena .lena-still.garment-film-host{position:relative}
:is(.material-shadow,.feeling,.development-lena) .garment-film-canvas,.journey-bomber-plane>.garment-film-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;visibility:hidden;pointer-events:none}
:is(.material-shadow,.feeling,.development-lena) .garment-film-ready,.journey-bomber-plane.garment-film-ready{background-image:none!important}
:is(.material-shadow,.feeling,.development-lena) .garment-film-ready>.garment-film-canvas,.journey-bomber-plane.garment-film-ready>.garment-film-canvas{visibility:inherit}
.garment-film-host[data-film-presentation=paper]>.garment-film-canvas{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--garment-film-feather),#000 calc(100% - var(--garment-film-feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--garment-film-feather),#000 calc(100% - var(--garment-film-feather)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--garment-film-feather),#000 calc(100% - var(--garment-film-feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--garment-film-feather),#000 calc(100% - var(--garment-film-feather)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.material-shadow.garment-film-paper{--shadow-paper:var(--garment-film-paper);--shadow-panel:var(--garment-film-paper)}
.development-lena.garment-film-paper{background:var(--garment-film-paper)}
.development-lena.garment-film-paper .lena-navigation{background:var(--garment-film-paper)}
.development-lena.garment-film-paper.lena-enhanced .lena-navigation{background:transparent}
.development-lena .lena-navigation.has-garment-films{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:16px}
.development-lena .has-garment-films>.lena-image-note{margin:0 0 0 auto}
.development-lena .has-garment-films>nav{width:100%}
.development-lena .garment-motion-toggle{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:transparent;color:#39444a;font-size:13px;line-height:1.3;pointer-events:auto}
.development-lena .garment-motion-toggle:hover{text-decoration:underline;text-underline-offset:4px}
.development-lena .garment-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.development-lena .garment-motion-toggle[hidden]{display:none}
@media(max-width:760px){
 .development-lena.lena-enhanced .lena-navigation.has-garment-films{height:140px;margin-top:-140px}
 .development-lena:has(.has-garment-films).lena-enhanced .lena-copy{padding-bottom:143px}
 .development-lena .garment-motion-toggle{font-size:12px}
 .development-lena .has-garment-films>.lena-image-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.garment-film-canvas,.garment-motion-toggle{display:none}}
.feeling .garment-film-host>.garment-film-canvas{inset:50% auto auto 4%;width:92%;height:auto;aspect-ratio:1;transform:translateY(-50%)}