/* Storyboards: actual changes in posture, attention and work.
   The raster sheets are generated artwork; each viewport shows one full frame.
   No icon badges, drifting cards, fake product UI or added editorial labels. */
.career-culture .career-motion-card{min-height:440px}
.career-culture .career-card-scene{height:270px;flex-basis:270px;margin-top:24px}
.career-principles [data-film] .career-card-scene{height:270px;flex-basis:270px;margin-top:24px}
.culture-film{position:absolute;left:12px;right:12px;bottom:12px;aspect-ratio:4/3;overflow:hidden;isolation:isolate;mix-blend-mode:darken}
.culture-frame{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .16s linear}
.culture-frame img{position:absolute;display:block;width:200%;height:200%;max-width:none;object-fit:fill;pointer-events:none}
.culture-frame.frame-0 img{left:0;top:0}
.culture-frame.frame-1 img{left:-100%;top:0}
.culture-frame.frame-2 img{left:0;top:-100%}
.culture-frame.frame-3 img{left:-100%;top:-100%}
[data-film][data-phase="0"] .frame-0,
[data-film][data-phase="1"] .frame-1,
[data-film][data-phase="2"] .frame-2,
[data-film][data-phase="3"] .frame-3{opacity:1}
@media(max-width:1100px) and (min-width:761px){
  .career-culture .career-card-scene{height:auto;flex-basis:auto;aspect-ratio:4/3}
  .career-principles [data-film] .career-card-scene{height:auto;flex-basis:auto;aspect-ratio:4/3}
}
@media(max-width:760px){
  .career-culture .career-card-scene{height:auto;flex-basis:auto;aspect-ratio:4/3}
  .career-principles [data-film] .career-card-scene{height:auto;flex-basis:auto;aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){.culture-frame{transition:none!important}}